@burdenoff/microfe-crewfoundry 2026.625.1 → 2026.625.2

package/dist/crewfoundry/pages/DashboardEnhancedDashboardPagePage.js

@@ -1,122 +1,156 @@
 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, GradientText as x, Separator as S } from "@burdenoff/fe-libs/ui";
+import { useNavigate as f } from "react-router-dom";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { Badge as h, Button as g, Card as _, CardContent as v, CardDescription as y, CardHeader as b, CardTitle as x, EmphasisPanel as S, GradientText as C, NextSteps as w, PagePurpose as T, Separator as E } from "@burdenoff/fe-libs/ui";
 //#region src/crewfoundry/pages/DashboardEnhancedDashboardPagePage.tsx
-function C() {
-	let { employees: C, jobPostings: w, candidates: T, interviews: E, leaveRequests: D, notifications: O, projects: k, announcements: A } = e(), j = t(() => [
+function D() {
+	let D = f(), { employees: O, jobPostings: k, candidates: A, interviews: j, leaveRequests: M, notifications: N, projects: P, announcements: F } = e(), I = t(() => [
 		{
-			label: `Post New Job (${w.filter((e) => e.status === "active").length} active)`,
+			label: `Post New Job (${k.filter((e) => e.status === "active").length} active)`,
 			icon: o,
 			color: "text-status-info-text"
 		},
 		{
-			label: `Review Candidates (${T.filter((e) => e.status === "new").length})`,
+			label: `Review Candidates (${A.filter((e) => e.status === "new").length})`,
 			icon: u,
 			color: "text-action-primary-bg"
 		},
 		{
-			label: `Approve Leaves (${D.filter((e) => e.status === "pending").length})`,
+			label: `Approve Leaves (${M.filter((e) => e.status === "pending").length})`,
 			icon: s,
 			color: "text-status-success-text"
 		},
 		{
-			label: `Run Payroll (${k.filter((e) => e.status === "active").length} projects)`,
+			label: `Run Payroll (${P.filter((e) => e.status === "active").length} projects)`,
 			icon: d,
 			color: "text-status-warning-text"
 		}
 	], [
-		T,
-		w,
-		D,
-		k
-	]), M = t(() => [
+		A,
+		k,
+		M,
+		P
+	]), L = t(() => [
 		{
 			goal: "Reduce time-to-hire to 25 days",
-			current: Math.max(20, 40 - T.filter((e) => e.status === "hired").length),
+			current: Math.max(20, 40 - A.filter((e) => e.status === "hired").length),
 			target: 25,
 			unit: "days"
 		},
 		{
 			goal: "Achieve 95% employee satisfaction",
-			current: Math.round(C.reduce((e, t) => e + t.performanceScore, 0) / Math.max(C.length, 1) * 20),
+			current: Math.round(O.reduce((e, t) => e + t.performanceScore, 0) / Math.max(O.length, 1) * 20),
 			target: 95,
 			unit: "%"
 		},
 		{
 			goal: "Fill 30 open positions by Q2",
-			current: T.filter((e) => e.status === "hired").length,
+			current: A.filter((e) => e.status === "hired").length,
 			target: 30,
 			unit: "positions"
 		},
 		{
 			goal: "Complete 80% training compliance",
-			current: Math.min(100, 60 + Math.round(C.filter((e) => e.status === "active").length / Math.max(C.length, 1) * 30)),
+			current: Math.min(100, 60 + Math.round(O.filter((e) => e.status === "active").length / Math.max(O.length, 1) * 30)),
 			target: 80,
 			unit: "%"
 		}
-	], [T, C]), N = E.filter((e) => e.status === "scheduled"), P = D.filter((e) => e.status === "pending"), F = O.filter((e) => !e.read), I = A.filter((e) => e.isPinned), L = [...C].sort((e, t) => t.performanceScore - e.performanceScore).slice(0, 5), R = [...C].sort((e, t) => t.startDate.localeCompare(e.startDate)).slice(0, 5), z = C.reduce((e, t) => (e[t.location] = (e[t.location] || 0) + 1, e), {});
-	return /* @__PURE__ */ p("div", {
+	], [A, O]), R = j.filter((e) => e.status === "scheduled"), z = M.filter((e) => e.status === "pending"), B = N.filter((e) => !e.read), V = F.filter((e) => e.isPinned), H = [...O].sort((e, t) => t.performanceScore - e.performanceScore).slice(0, 5), U = [...O].sort((e, t) => t.startDate.localeCompare(e.startDate)).slice(0, 5), W = O.reduce((e, t) => (e[t.location] = (e[t.location] || 0) + 1, e), {});
+	return /* @__PURE__ */ m("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ p("div", {
+			/* @__PURE__ */ m("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("h1", {
-					className: "text-2xl font-semibold",
-					children: /* @__PURE__ */ f(x, { children: "Enhanced Dashboard" })
-				}), /* @__PURE__ */ f("p", {
-					className: "text-sm text-text-secondary",
-					children: "Complete workforce command center"
-				})] }), /* @__PURE__ */ p("div", {
+				children: [/* @__PURE__ */ m("div", { children: [
+					/* @__PURE__ */ p("h1", {
+						className: "text-2xl font-semibold",
+						children: /* @__PURE__ */ p(C, { children: "Enhanced Dashboard" })
+					}),
+					/* @__PURE__ */ p("p", {
+						className: "text-sm text-text-secondary",
+						children: "Complete workforce command center"
+					}),
+					/* @__PURE__ */ p(T, {
+						className: "mt-1",
+						children: "A richer, customizable command center for your workforce — see live metrics, activity, and trends tailored to how you run your organization."
+					})
+				] }), /* @__PURE__ */ m("div", {
 					className: "flex items-center gap-3",
-					children: [/* @__PURE__ */ p("div", {
+					children: [/* @__PURE__ */ m("div", {
 						className: "relative",
-						children: [/* @__PURE__ */ f(a, { className: "h-5 w-5 text-text-secondary" }), F.length > 0 && /* @__PURE__ */ f("span", {
+						children: [/* @__PURE__ */ p(a, { className: "h-5 w-5 text-text-secondary" }), B.length > 0 && /* @__PURE__ */ p("span", {
 							className: "absolute -top-1 -right-1 h-4 w-4 rounded-full bg-status-error-text text-[10px] text-white flex items-center justify-center",
-							children: F.length
+							children: B.length
 						})]
-					}), /* @__PURE__ */ p(h, {
+					}), /* @__PURE__ */ m(g, {
 						size: "sm",
-						children: [/* @__PURE__ */ f(d, { className: "h-4 w-4 mr-1" }), "Quick Actions"]
+						children: [/* @__PURE__ */ p(d, { className: "h-4 w-4 mr-1" }), "Quick Actions"]
 					})]
 				})]
 			}),
-			/* @__PURE__ */ f("div", {
+			/* @__PURE__ */ p(w, {
+				storageKey: "crewfoundry-enhanced-dashboard",
+				steps: [
+					{
+						id: "hiring",
+						label: "Move hiring forward",
+						description: "Review open roles and applicants in your pipeline.",
+						icon: /* @__PURE__ */ p(o, { className: "h-4 w-4" }),
+						onClick: () => D("../../hiring/jobs-page")
+					},
+					{
+						id: "people",
+						label: "Check on your people",
+						description: "See who is active, on leave, or needs attention.",
+						icon: /* @__PURE__ */ p(u, { className: "h-4 w-4" }),
+						onClick: () => D("../../hr/employees-page")
+					},
+					{
+						id: "analytics",
+						label: "Dig into analytics",
+						description: "Explore deeper workforce and hiring trends.",
+						icon: /* @__PURE__ */ p(r, { className: "h-4 w-4" }),
+						onClick: () => D("../../analytics/analytics-page")
+					}
+				]
+			}),
+			/* @__PURE__ */ p("div", {
 				className: "grid gap-3 md:grid-cols-4",
-				children: j.map((e) => /* @__PURE__ */ f(g, {
+				children: I.map((e) => /* @__PURE__ */ p(_, {
 					className: "cursor-pointer hover:shadow-md transition-shadow",
-					children: /* @__PURE__ */ p(_, {
+					children: /* @__PURE__ */ m(v, {
 						className: "flex items-center gap-3 p-4",
 						children: [
-							/* @__PURE__ */ f(e.icon, { className: `h-5 w-5 ${e.color}` }),
-							/* @__PURE__ */ f("span", {
+							/* @__PURE__ */ p(e.icon, { className: `h-5 w-5 ${e.color}` }),
+							/* @__PURE__ */ p("span", {
 								className: "text-sm font-medium",
 								children: e.label
 							}),
-							/* @__PURE__ */ f(r, { className: "h-4 w-4 ml-auto text-text-secondary" })
+							/* @__PURE__ */ p(r, { className: "h-4 w-4 ml-auto text-text-secondary" })
 						]
 					})
 				}, e.label))
 			}),
-			I.length > 0 && /* @__PURE__ */ f(g, {
+			V.length > 0 && /* @__PURE__ */ p(_, {
 				className: "border-status-warning-text/30 bg-status-warning-bg/50",
-				children: /* @__PURE__ */ f(_, {
+				children: /* @__PURE__ */ p(v, {
 					className: "p-4",
-					children: I.map((e) => /* @__PURE__ */ p("div", {
+					children: V.map((e) => /* @__PURE__ */ m("div", {
 						className: "flex items-start gap-3",
 						children: [
-							/* @__PURE__ */ f(n, { className: "h-4 w-4 text-status-warning-text mt-0.5" }),
-							/* @__PURE__ */ p("div", { children: [
-								/* @__PURE__ */ f("p", {
+							/* @__PURE__ */ p(n, { className: "h-4 w-4 text-status-warning-text mt-0.5" }),
+							/* @__PURE__ */ m("div", { children: [
+								/* @__PURE__ */ p("p", {
 									className: "text-sm font-medium",
 									children: e.title
 								}),
-								/* @__PURE__ */ p("p", {
+								/* @__PURE__ */ m("p", {
 									className: "text-xs text-text-secondary mt-1",
 									children: [e.content.slice(0, 120), "..."]
 								}),
-								/* @__PURE__ */ p("p", {
+								/* @__PURE__ */ m("p", {
 									className: "text-xs text-text-secondary mt-1",
 									children: [
 										"— ",
@@ -126,7 +160,7 @@ function C() {
 									]
 								})
 							] }),
-							/* @__PURE__ */ f(m, {
+							/* @__PURE__ */ p(h, {
 								variant: "outline",
 								className: "ml-auto flex-shrink-0",
 								children: e.priority
@@ -135,72 +169,79 @@ function C() {
 					}, e.id))
 				})
 			}),
-			/* @__PURE__ */ p("div", {
+			/* @__PURE__ */ m("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: M.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-text-secondary",
-										children: e.goal
-									}), /* @__PURE__ */ p("span", {
-										className: "font-medium",
-										children: [
-											e.current,
-											"/",
-											e.target,
-											" ",
-											e.unit
-										]
+					/* @__PURE__ */ m(S, { children: [
+						/* @__PURE__ */ p("div", {
+							className: "text-base font-semibold",
+							children: "Company Goals"
+						}),
+						/* @__PURE__ */ p("p", {
+							className: "mb-4 text-sm text-text-secondary",
+							children: "Q1 2026 targets"
+						}),
+						/* @__PURE__ */ p("div", {
+							className: "space-y-4",
+							children: L.map((e) => {
+								let t = Math.round(e.current / e.target * 100);
+								return /* @__PURE__ */ m("div", {
+									className: "space-y-1",
+									children: [/* @__PURE__ */ m("div", {
+										className: "flex justify-between text-xs",
+										children: [/* @__PURE__ */ p("span", {
+											className: "text-text-secondary",
+											children: e.goal
+										}), /* @__PURE__ */ m("span", {
+											className: "font-medium",
+											children: [
+												e.current,
+												"/",
+												e.target,
+												" ",
+												e.unit
+											]
+										})]
+									}), /* @__PURE__ */ p("div", {
+										className: "h-2 bg-bg-sunken rounded overflow-hidden",
+										children: /* @__PURE__ */ p("div", {
+											className: `h-2 rounded ${t >= 90 ? "bg-status-success-text" : t >= 70 ? "bg-status-warning-text" : "bg-status-error-text"}`,
+											style: { width: `${Math.min(t, 100)}%` }
+										})
 									})]
-								}), /* @__PURE__ */ f("div", {
-									className: "h-2 bg-bg-sunken rounded overflow-hidden",
-									children: /* @__PURE__ */ f("div", {
-										className: `h-2 rounded ${t >= 90 ? "bg-status-success-text" : t >= 70 ? "bg-status-warning-text" : "bg-status-error-text"}`,
-										style: { width: `${Math.min(t, 100)}%` }
-									})
-								})]
-							}, e.goal);
+								}, e.goal);
+							})
 						})
-					})] }),
-					/* @__PURE__ */ p(g, { children: [/* @__PURE__ */ p(y, { children: [/* @__PURE__ */ f(b, {
+					] }),
+					/* @__PURE__ */ m(_, { children: [/* @__PURE__ */ m(b, { children: [/* @__PURE__ */ p(x, {
 						className: "text-base",
 						children: "Upcoming Interviews"
-					}), /* @__PURE__ */ p(v, { children: [N.length, " scheduled"] })] }), /* @__PURE__ */ f(_, {
+					}), /* @__PURE__ */ m(y, { children: [R.length, " scheduled"] })] }), /* @__PURE__ */ p(v, {
 						className: "space-y-3",
-						children: N.map((e) => /* @__PURE__ */ p("div", {
+						children: R.map((e) => /* @__PURE__ */ m("div", {
 							className: "flex items-center gap-3 rounded border p-2",
 							children: [
-								/* @__PURE__ */ p("div", {
+								/* @__PURE__ */ m("div", {
 									className: "flex-1 min-w-0",
-									children: [/* @__PURE__ */ f("p", {
+									children: [/* @__PURE__ */ p("p", {
 										className: "text-sm font-medium truncate",
 										children: e.candidateName
-									}), /* @__PURE__ */ f("p", {
+									}), /* @__PURE__ */ p("p", {
 										className: "text-xs text-text-secondary",
 										children: e.position
 									})]
 								}),
-								/* @__PURE__ */ p("div", {
+								/* @__PURE__ */ m("div", {
 									className: "text-right flex-shrink-0",
-									children: [/* @__PURE__ */ f("p", {
+									children: [/* @__PURE__ */ p("p", {
 										className: "text-xs font-medium",
 										children: e.date
-									}), /* @__PURE__ */ f("p", {
+									}), /* @__PURE__ */ p("p", {
 										className: "text-xs text-text-secondary",
 										children: e.time
 									})]
 								}),
-								/* @__PURE__ */ f(m, {
+								/* @__PURE__ */ p(h, {
 									variant: "outline",
 									className: "text-[10px]",
 									children: e.type
@@ -208,18 +249,18 @@ function C() {
 							]
 						}, e.id))
 					})] }),
-					/* @__PURE__ */ p(g, { children: [/* @__PURE__ */ p(y, { children: [/* @__PURE__ */ f(b, {
+					/* @__PURE__ */ m(_, { children: [/* @__PURE__ */ m(b, { children: [/* @__PURE__ */ p(x, {
 						className: "text-base",
 						children: "Pending Actions"
-					}), /* @__PURE__ */ f(v, { children: "Items requiring your attention" })] }), /* @__PURE__ */ p(_, {
+					}), /* @__PURE__ */ p(y, { children: "Items requiring your attention" })] }), /* @__PURE__ */ m(v, {
 						className: "space-y-3",
 						children: [
-							P.map((e) => /* @__PURE__ */ p("div", {
+							z.map((e) => /* @__PURE__ */ m("div", {
 								className: "flex items-center justify-between rounded border p-2",
-								children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("p", {
+								children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
 									className: "text-sm font-medium",
 									children: e.employeeName
-								}), /* @__PURE__ */ p("p", {
+								}), /* @__PURE__ */ m("p", {
 									className: "text-xs text-text-secondary",
 									children: [
 										e.type,
@@ -227,53 +268,53 @@ function C() {
 										e.days,
 										" days"
 									]
-								})] }), /* @__PURE__ */ p("div", {
+								})] }), /* @__PURE__ */ m("div", {
 									className: "flex gap-1",
-									children: [/* @__PURE__ */ f(h, {
+									children: [/* @__PURE__ */ p(g, {
 										size: "sm",
 										variant: "outline",
 										className: "h-7 text-xs",
 										children: "Deny"
-									}), /* @__PURE__ */ f(h, {
+									}), /* @__PURE__ */ p(g, {
 										size: "sm",
 										className: "h-7 text-xs",
 										children: "Approve"
 									})]
 								})]
 							}, e.id)),
-							/* @__PURE__ */ f(S, {}),
-							/* @__PURE__ */ p("div", {
+							/* @__PURE__ */ p(E, {}),
+							/* @__PURE__ */ m("div", {
 								className: "text-xs text-text-secondary text-center",
-								children: [T.filter((e) => e.status === "new").length, " new applications to review"]
+								children: [A.filter((e) => e.status === "new").length, " new applications to review"]
 							})
 						]
 					})] })
 				]
 			}),
-			/* @__PURE__ */ p("div", {
+			/* @__PURE__ */ m("div", {
 				className: "grid gap-4 md:grid-cols-2",
-				children: [/* @__PURE__ */ p(g, { children: [/* @__PURE__ */ f(y, { children: /* @__PURE__ */ p(b, {
+				children: [/* @__PURE__ */ m(_, { children: [/* @__PURE__ */ p(b, { children: /* @__PURE__ */ m(x, {
 					className: "text-base flex items-center gap-2",
-					children: [/* @__PURE__ */ f(i, { className: "h-4 w-4 text-status-warning-text" }), "Top Performers"]
-				}) }), /* @__PURE__ */ f(_, {
+					children: [/* @__PURE__ */ p(i, { className: "h-4 w-4 text-status-warning-text" }), "Top Performers"]
+				}) }), /* @__PURE__ */ p(v, {
 					className: "space-y-3",
-					children: L.map((e, t) => /* @__PURE__ */ p("div", {
+					children: H.map((e, t) => /* @__PURE__ */ m("div", {
 						className: "flex items-center gap-3",
 						children: [
-							/* @__PURE__ */ p("span", {
+							/* @__PURE__ */ m("span", {
 								className: "text-sm font-bold text-text-secondary w-5",
 								children: ["#", t + 1]
 							}),
-							/* @__PURE__ */ p("div", {
+							/* @__PURE__ */ m("div", {
 								className: "flex-1",
-								children: [/* @__PURE__ */ p("p", {
+								children: [/* @__PURE__ */ m("p", {
 									className: "text-sm font-medium",
 									children: [
 										e.firstName,
 										" ",
 										e.lastName
 									]
-								}), /* @__PURE__ */ p("p", {
+								}), /* @__PURE__ */ m("p", {
 									className: "text-xs text-text-secondary",
 									children: [
 										e.position,
@@ -282,35 +323,35 @@ function C() {
 									]
 								})]
 							}),
-							/* @__PURE__ */ p("div", {
+							/* @__PURE__ */ m("div", {
 								className: "flex items-center gap-1",
-								children: [/* @__PURE__ */ f(l, { className: "h-3 w-3 text-status-warning-text" }), /* @__PURE__ */ f("span", {
+								children: [/* @__PURE__ */ p(l, { className: "h-3 w-3 text-status-warning-text" }), /* @__PURE__ */ p("span", {
 									className: "text-sm font-medium",
 									children: e.performanceScore
 								})]
 							})
 						]
 					}, e.id))
-				})] }), /* @__PURE__ */ p(g, { children: [/* @__PURE__ */ f(y, { children: /* @__PURE__ */ p(b, {
+				})] }), /* @__PURE__ */ m(_, { children: [/* @__PURE__ */ p(b, { children: /* @__PURE__ */ m(x, {
 					className: "text-base flex items-center gap-2",
-					children: [/* @__PURE__ */ f(c, { className: "h-4 w-4" }), "Workforce Locations"]
-				}) }), /* @__PURE__ */ f(_, {
+					children: [/* @__PURE__ */ p(c, { className: "h-4 w-4" }), "Workforce Locations"]
+				}) }), /* @__PURE__ */ p(v, {
 					className: "space-y-3",
-					children: Object.entries(z).sort(([, e], [, t]) => t - e).map(([e, t]) => /* @__PURE__ */ p("div", {
+					children: Object.entries(W).sort(([, e], [, t]) => t - e).map(([e, t]) => /* @__PURE__ */ m("div", {
 						className: "flex items-center justify-between",
-						children: [/* @__PURE__ */ f("span", {
+						children: [/* @__PURE__ */ p("span", {
 							className: "text-sm",
 							children: e
-						}), /* @__PURE__ */ p("div", {
+						}), /* @__PURE__ */ m("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ f("span", {
+							children: [/* @__PURE__ */ p("span", {
 								className: "text-sm font-medium",
 								children: t
-							}), /* @__PURE__ */ p("span", {
+							}), /* @__PURE__ */ m("span", {
 								className: "text-xs text-text-secondary",
 								children: [
 									"(",
-									Math.round(t / C.length * 100),
+									Math.round(t / O.length * 100),
 									"%)"
 								]
 							})]
@@ -318,20 +359,20 @@ function C() {
 					}, 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", {
+			/* @__PURE__ */ m(_, { children: [/* @__PURE__ */ m(b, { children: [/* @__PURE__ */ p(x, { children: "Recent Hires" }), /* @__PURE__ */ p(y, { children: "Newest team members" })] }), /* @__PURE__ */ m(v, { children: [/* @__PURE__ */ m("div", {
 				className: "grid grid-cols-6 gap-2 text-xs font-medium text-text-secondary 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" })
+					/* @__PURE__ */ p("span", { children: "Name" }),
+					/* @__PURE__ */ p("span", { children: "Position" }),
+					/* @__PURE__ */ p("span", { children: "Department" }),
+					/* @__PURE__ */ p("span", { children: "Location" }),
+					/* @__PURE__ */ p("span", { children: "Start Date" }),
+					/* @__PURE__ */ p("span", { children: "Type" })
 				]
-			}), R.map((e) => /* @__PURE__ */ p("div", {
+			}), U.map((e) => /* @__PURE__ */ m("div", {
 				className: "grid grid-cols-6 gap-2 py-2 border-b last:border-0 text-sm",
 				children: [
-					/* @__PURE__ */ p("span", {
+					/* @__PURE__ */ m("span", {
 						className: "font-medium",
 						children: [
 							e.firstName,
@@ -339,17 +380,17 @@ function C() {
 							e.lastName
 						]
 					}),
-					/* @__PURE__ */ f("span", {
+					/* @__PURE__ */ p("span", {
 						className: "text-text-secondary truncate",
 						children: e.position
 					}),
-					/* @__PURE__ */ f("span", { children: e.department }),
-					/* @__PURE__ */ f("span", {
+					/* @__PURE__ */ p("span", { children: e.department }),
+					/* @__PURE__ */ p("span", {
 						className: "text-text-secondary truncate",
 						children: e.location
 					}),
-					/* @__PURE__ */ f("span", { children: e.startDate }),
-					/* @__PURE__ */ f(m, {
+					/* @__PURE__ */ p("span", { children: e.startDate }),
+					/* @__PURE__ */ p(h, {
 						variant: "outline",
 						className: "w-fit text-[10px]",
 						children: e.type.replace("_", " ")
@@ -360,6 +401,6 @@ function C() {
 	});
 }
 //#endregion
-export { C as DashboardEnhancedDashboardPagePage };
+export { D as DashboardEnhancedDashboardPagePage };
 
 //# sourceMappingURL=DashboardEnhancedDashboardPagePage.js.map