@burdenoff/microfe-crewfoundry 2026.1029.2 → 2026.1030.1

package/dist/crewfoundry/pages/HrTimeTrackingPagePage.js

@@ -6,14 +6,15 @@ import { AvatarStack as i } from "../components/viz/AvatarStack.js";
 import "../components/viz/index.js";
 import { billableSplit as ee } from "../lib/analytics.js";
 import { FormModal as a, useFormModal as o } from "../components/forms/FormModal.js";
-import { getBool as te, getNumber as s, getText as c, newClientId as ne } from "../components/forms/formValues.js";
+import { pageContaining as te, useFocusedRecordParam as ne } from "../lib/useFocusedRecordParam.js";
+import { getBool as re, getNumber as s, getText as c, newClientId as ie } from "../components/forms/formValues.js";
 import { useMemo as l, useState as u } from "react";
-import { CheckCircle as re, ChevronLeft as ie, ChevronRight as d, Clock as f, LogIn as ae, LogOut as p, Timer as m } from "lucide-react";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
-import { Badge as _, Button as v, Card as y, CardContent as b, CardDescription as x, CardHeader as S, CardTitle as C, GradientText as oe, PagePurpose as se, Pagination as w } from "@burdenoff/fe-libs/ui";
-import { usePagination as ce } from "@burdenoff/fe-libs/shared/hooks";
+import { CheckCircle as ae, ChevronLeft as oe, ChevronRight as se, Clock as d, LogIn as ce, LogOut as f, Timer as p } from "lucide-react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { Badge as g, Button as _, Card as v, CardContent as y, CardDescription as b, CardHeader as x, CardTitle as S, GradientText as C, PagePurpose as le, Pagination as ue } from "@burdenoff/fe-libs/ui";
+import { usePagination as de } from "@burdenoff/fe-libs/shared/hooks";
 //#region src/crewfoundry/pages/HrTimeTrackingPagePage.tsx
-var T = [
+var w = [
 	{
 		label: "Pending",
 		value: "pending"
@@ -26,7 +27,7 @@ var T = [
 		label: "Rejected",
 		value: "rejected"
 	}
-], le = [
+], fe = [
 	{
 		name: "clockOut",
 		label: "Clock-out time",
@@ -49,9 +50,9 @@ var T = [
 		name: "status",
 		label: "Status",
 		type: "select",
-		options: T
+		options: w
 	}
-], E = [
+], T = [
 	"Jan",
 	"Feb",
 	"Mar",
@@ -64,7 +65,7 @@ var T = [
 	"Oct",
 	"Nov",
 	"Dec"
-], ue = [
+], pe = [
 	"Mon",
 	"Tue",
 	"Wed",
@@ -72,24 +73,24 @@ var T = [
 	"Fri",
 	"Sat",
 	"Sun"
-], de = (e) => `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`, D = (e) => {
+], me = (e) => `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`, he = (e) => {
 	let t = new Date(e.getFullYear(), e.getMonth(), e.getDate()), n = (t.getDay() + 6) % 7;
 	return t.setDate(t.getDate() - n), t;
-}, O = (e) => {
+}, E = (e) => {
 	let [t, n, r] = e.slice(0, 10).split("-").map(Number);
 	return new Date(t, (n || 1) - 1, r || 1);
 };
-function k() {
-	let { timeEntries: k, employees: A, addTimeEntry: fe, updateTimeEntry: pe } = e(), j = o(), M = o(), [N, me] = u(null), P = l(() => new Map(A.map((e) => [e.id, e])), [A]), F = l(() => A.map((e) => ({
+function D() {
+	let { timeEntries: D, employees: O, addTimeEntry: ge, updateTimeEntry: _e } = e(), k = o(), A = o(), [j, ve] = u(null), M = l(() => new Map(O.map((e) => [e.id, e])), [O]), N = l(() => O.map((e) => ({
 		label: `${e.firstName} ${e.lastName}`,
 		value: e.id
-	})), [A]), I = l(() => [
+	})), [O]), ye = l(() => [
 		{
 			name: "employeeId",
 			label: "Employee",
 			type: "select",
 			required: !0,
-			options: F,
+			options: N,
 			colSpan: 2
 		},
 		{
@@ -131,7 +132,7 @@ function k() {
 			name: "status",
 			label: "Status",
 			type: "select",
-			options: T
+			options: w
 		},
 		{
 			name: "billable",
@@ -139,25 +140,25 @@ function k() {
 			type: "switch",
 			colSpan: 2
 		}
-	], [F]), [L, R] = u(0), z = l(() => {
-		let e = k.map((e) => e.date.slice(0, 10)).filter(Boolean).sort().slice(-1)[0];
-		return D(e ? O(e) : /* @__PURE__ */ new Date());
-	}, [k]), B = l(() => {
-		let e = new Date(z);
-		return e.setDate(e.getDate() + L * 7), e;
-	}, [z, L]), V = l(() => Array.from({ length: 7 }, (e, t) => {
-		let n = new Date(B);
-		return n.setDate(B.getDate() + t), {
-			iso: de(n),
-			label: `${ue[t]} ${n.getDate()}`
+	], [N]), [P, F] = u(0), I = l(() => {
+		let e = D.map((e) => e.date.slice(0, 10)).filter(Boolean).sort().slice(-1)[0];
+		return he(e ? E(e) : /* @__PURE__ */ new Date());
+	}, [D]), L = l(() => {
+		let e = new Date(I);
+		return e.setDate(e.getDate() + P * 7), e;
+	}, [I, P]), R = l(() => Array.from({ length: 7 }, (e, t) => {
+		let n = new Date(L);
+		return n.setDate(L.getDate() + t), {
+			iso: me(n),
+			label: `${pe[t]} ${n.getDate()}`
 		};
-	}), [B]), H = l(() => new Set(V.map((e) => e.iso)), [V]), U = V[6], W = `${E[B.getMonth()]} ${B.getDate()} – ${E[O(U.iso).getMonth()]} ${O(U.iso).getDate()}`, G = l(() => k.filter((e) => H.has(e.date.slice(0, 10))), [k, H]), he = G.reduce((e, t) => e + t.totalHours, 0), ge = G.reduce((e, t) => e + t.overtime, 0), _e = G.filter((e) => e.status === "approved").length, ve = G.filter((e) => e.status === "pending").length, K = l(() => {
+	}), [L]), z = l(() => new Set(R.map((e) => e.iso)), [R]), B = R[6], V = `${T[L.getMonth()]} ${L.getDate()} – ${T[E(B.iso).getMonth()]} ${E(B.iso).getDate()}`, H = l(() => D.filter((e) => z.has(e.date.slice(0, 10))), [D, z]), be = H.reduce((e, t) => e + t.totalHours, 0), xe = H.reduce((e, t) => e + t.overtime, 0), Se = H.filter((e) => e.status === "approved").length, Ce = H.filter((e) => e.status === "pending").length, U = l(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of G) {
+		for (let t of H) {
 			let n = e.get(t.employeeId);
 			n || (n = {
-				name: t.employeeName || P.get(t.employeeId)?.firstName || "Unknown",
-				avatar: P.get(t.employeeId)?.avatar,
+				name: t.employeeName || M.get(t.employeeId)?.firstName || "Unknown",
+				avatar: M.get(t.employeeId)?.avatar,
 				perDay: /* @__PURE__ */ new Map(),
 				total: 0,
 				statuses: /* @__PURE__ */ new Set()
@@ -173,8 +174,8 @@ function k() {
 			total: t.total,
 			status: t.statuses.has("pending") ? "pending" : t.statuses.has("rejected") ? "rejected" : "approved"
 		})).sort((e, t) => t.total - e.total);
-	}, [G, P]), q = l(() => {
-		let e = ee(G);
+	}, [H, M]), W = l(() => {
+		let e = ee(H);
 		if (!e) return null;
 		let t = e.reduce((e, t) => e + t.value, 0), n = e.find((e) => e.label === "Billable")?.value ?? 0;
 		return {
@@ -182,12 +183,20 @@ function k() {
 			centerValue: `${t > 0 ? Math.round(n / t * 100) : 0}%`,
 			caption: "Billable"
 		};
-	}, [G]), J = G.reduce((e, t) => (e[t.project] = (e[t.project] || 0) + t.totalHours, e), {}), ye = Math.max(...Object.values(J), 1), Y = l(() => [...k].sort((e, t) => t.date.localeCompare(e.date)), [k]), { page: be, pageSize: X, offset: Z, setPage: Q } = ce({ initialPageSize: 8 }), xe = Y.slice(Z, Z + X), $ = (e) => {
-		me(e ?? null), j.openModal();
-	}, Se = async (e) => {
-		let t = c(e, "employeeId"), n = A.find((e) => e.id === t);
-		await fe({
-			id: ne(),
+	}, [H]), G = H.reduce((e, t) => (e[t.project] = (e[t.project] || 0) + t.totalHours, e), {}), we = Math.max(...Object.values(G), 1), K = l(() => [...D].sort((e, t) => t.date.localeCompare(e.date)), [D]), { page: Te, pageSize: q, offset: J, setPage: Y } = de({ initialPageSize: 8 }), Ee = K.slice(J, J + q), [X, Z] = u(null), Q = A.open ? A.context?.id ?? null : X && D.some((e) => e.id === X) ? X : null;
+	ne({
+		records: D,
+		activeId: Q,
+		onRestore: (e) => {
+			Z(e.id), Y(te(K, e.id, q));
+		}
+	});
+	let $ = (e) => {
+		ve(e ?? null), k.openModal();
+	}, De = async (e) => {
+		let t = c(e, "employeeId"), n = O.find((e) => e.id === t);
+		await ge({
+			id: ie(),
 			employeeId: t,
 			employeeName: n ? `${n.firstName} ${n.lastName}` : "",
 			date: c(e, "date"),
@@ -197,154 +206,154 @@ function k() {
 			overtime: s(e, "overtime"),
 			project: c(e, "project"),
 			status: c(e, "status") || "pending",
-			billable: te(e, "billable")
+			billable: re(e, "billable")
 		});
-	}, Ce = async (e) => {
-		let t = M.context;
-		t && await pe(t.id, {
+	}, Oe = async (e) => {
+		let t = A.context;
+		t && await _e(t.id, {
 			clockOut: c(e, "clockOut"),
 			totalHours: s(e, "totalHours"),
 			overtime: s(e, "overtime"),
 			status: c(e, "status") || t.status
 		});
-	}, we = {
+	}, ke = {
 		billable: !0,
-		...N ? {
-			employeeId: N.employeeId,
-			date: N.date
+		...j ? {
+			employeeId: j.employeeId,
+			date: j.date
 		} : {}
-	}, Te = M.context ? {
-		clockOut: M.context.clockOut,
-		totalHours: M.context.totalHours,
-		overtime: M.context.overtime,
-		status: M.context.status
+	}, Ae = A.context ? {
+		clockOut: A.context.clockOut,
+		totalHours: A.context.totalHours,
+		overtime: A.context.overtime,
+		status: A.context.status
 	} : void 0;
-	return /* @__PURE__ */ g("div", {
+	return /* @__PURE__ */ h("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ g("div", {
+			/* @__PURE__ */ h("div", {
 				className: "flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between",
-				children: [/* @__PURE__ */ g("div", { children: [
-					/* @__PURE__ */ h("h1", {
+				children: [/* @__PURE__ */ h("div", { children: [
+					/* @__PURE__ */ m("h1", {
 						className: "text-2xl font-semibold",
-						children: /* @__PURE__ */ h(oe, { children: "Time Tracking" })
+						children: /* @__PURE__ */ m(C, { children: "Time Tracking" })
 					}),
-					/* @__PURE__ */ h("p", {
+					/* @__PURE__ */ m("p", {
 						className: "text-sm text-text-secondary",
 						children: "Monitor employee work hours and overtime"
 					}),
-					/* @__PURE__ */ h(se, {
+					/* @__PURE__ */ m(le, {
 						className: "mt-1",
 						children: "Track hours and attendance across your team — use it to monitor logged time, overtime, and timesheet approvals."
 					})
-				] }), /* @__PURE__ */ g("div", {
+				] }), /* @__PURE__ */ h("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ g("div", {
+					children: [/* @__PURE__ */ h("div", {
 						className: "flex items-center gap-1 rounded-lg border border-border-subtle p-1",
 						children: [
-							/* @__PURE__ */ h(v, {
+							/* @__PURE__ */ m(_, {
 								variant: "ghost",
 								size: "sm",
 								className: "h-8 w-8 p-0",
 								"aria-label": "Previous week",
-								onClick: () => R((e) => e - 1),
-								children: /* @__PURE__ */ h(ie, { className: "h-4 w-4" })
+								onClick: () => F((e) => e - 1),
+								children: /* @__PURE__ */ m(oe, { className: "h-4 w-4" })
 							}),
-							/* @__PURE__ */ h("span", {
+							/* @__PURE__ */ m("span", {
 								className: "min-w-[8.5rem] text-center text-sm font-medium tabular-nums",
-								children: W
+								children: V
 							}),
-							/* @__PURE__ */ h(v, {
+							/* @__PURE__ */ m(_, {
 								variant: "ghost",
 								size: "sm",
 								className: "h-8 w-8 p-0",
 								"aria-label": "Next week",
-								onClick: () => R((e) => e + 1),
-								children: /* @__PURE__ */ h(d, { className: "h-4 w-4" })
+								onClick: () => F((e) => e + 1),
+								children: /* @__PURE__ */ m(se, { className: "h-4 w-4" })
 							})
 						]
-					}), /* @__PURE__ */ g(v, {
+					}), /* @__PURE__ */ h(_, {
 						size: "sm",
 						onClick: () => $(),
-						children: [/* @__PURE__ */ h(m, { className: "h-4 w-4 mr-1" }), "Log Time"]
+						children: [/* @__PURE__ */ m(p, { className: "h-4 w-4 mr-1" }), "Log Time"]
 					})]
 				})]
 			}),
-			/* @__PURE__ */ g("div", {
+			/* @__PURE__ */ h("div", {
 				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4",
 				children: [
-					/* @__PURE__ */ h(r, {
+					/* @__PURE__ */ m(r, {
 						label: "Total Hours",
-						value: he.toFixed(1),
-						icon: /* @__PURE__ */ h(f, { className: "h-4 w-4" })
+						value: be.toFixed(1),
+						icon: /* @__PURE__ */ m(d, { className: "h-4 w-4" })
 					}),
-					/* @__PURE__ */ h(r, {
+					/* @__PURE__ */ m(r, {
 						label: "Overtime",
-						value: `${ge.toFixed(1)}h`,
-						icon: /* @__PURE__ */ h(m, { className: "h-4 w-4" })
+						value: `${xe.toFixed(1)}h`,
+						icon: /* @__PURE__ */ m(p, { className: "h-4 w-4" })
 					}),
-					/* @__PURE__ */ h(r, {
+					/* @__PURE__ */ m(r, {
 						label: "Approved",
-						value: _e,
-						icon: /* @__PURE__ */ h(re, { className: "h-4 w-4" })
+						value: Se,
+						icon: /* @__PURE__ */ m(ae, { className: "h-4 w-4" })
 					}),
-					/* @__PURE__ */ h(r, {
+					/* @__PURE__ */ m(r, {
 						label: "Pending",
-						value: ve,
-						icon: /* @__PURE__ */ h(f, { className: "h-4 w-4" })
+						value: Ce,
+						icon: /* @__PURE__ */ m(d, { className: "h-4 w-4" })
 					})
 				]
 			}),
-			/* @__PURE__ */ g("div", {
+			/* @__PURE__ */ h("div", {
 				className: "grid gap-4 xl:grid-cols-[minmax(0,2.2fr)_minmax(0,1fr)]",
-				children: [/* @__PURE__ */ g(y, { children: [/* @__PURE__ */ g(S, { children: [/* @__PURE__ */ h(C, { children: "Timesheet" }), /* @__PURE__ */ g(x, { children: [W, " · tap a day cell to log time for that person"] })] }), /* @__PURE__ */ g(b, { children: [/* @__PURE__ */ h("div", {
+				children: [/* @__PURE__ */ h(v, { children: [/* @__PURE__ */ h(x, { children: [/* @__PURE__ */ m(S, { children: "Timesheet" }), /* @__PURE__ */ h(b, { children: [V, " · tap a day cell to log time for that person"] })] }), /* @__PURE__ */ h(y, { children: [/* @__PURE__ */ m("div", {
 					className: "overflow-x-auto",
-					children: /* @__PURE__ */ g("table", {
+					children: /* @__PURE__ */ h("table", {
 						className: "w-full min-w-[46rem] border-collapse text-sm",
-						children: [/* @__PURE__ */ h("thead", { children: /* @__PURE__ */ g("tr", {
+						children: [/* @__PURE__ */ m("thead", { children: /* @__PURE__ */ h("tr", {
 							className: "border-b border-border-subtle text-xs text-text-secondary",
 							children: [
-								/* @__PURE__ */ h("th", {
+								/* @__PURE__ */ m("th", {
 									className: "px-2 py-2 text-left font-medium",
 									children: "Employee"
 								}),
-								V.map((e) => /* @__PURE__ */ h("th", {
+								R.map((e) => /* @__PURE__ */ m("th", {
 									className: "px-1 py-2 text-center font-medium",
 									children: e.label
 								}, e.iso)),
-								/* @__PURE__ */ h("th", {
+								/* @__PURE__ */ m("th", {
 									className: "px-2 py-2 text-right font-medium",
 									children: "Total"
 								}),
-								/* @__PURE__ */ h("th", {
+								/* @__PURE__ */ m("th", {
 									className: "px-2 py-2 text-center font-medium",
 									children: "Status"
 								})
 							]
-						}) }), /* @__PURE__ */ h("tbody", { children: K.map((e) => /* @__PURE__ */ g("tr", {
+						}) }), /* @__PURE__ */ m("tbody", { children: U.map((e) => /* @__PURE__ */ h("tr", {
 							className: "border-b border-border-subtle/60",
 							children: [
-								/* @__PURE__ */ h("td", {
+								/* @__PURE__ */ m("td", {
 									className: "px-2 py-2",
-									children: /* @__PURE__ */ g("div", {
+									children: /* @__PURE__ */ h("div", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ h(i, {
+										children: [/* @__PURE__ */ m(i, {
 											people: [{
 												name: e.name,
 												avatarUrl: e.avatar
 											}],
 											size: 28
-										}), /* @__PURE__ */ h("span", {
+										}), /* @__PURE__ */ m("span", {
 											className: "truncate font-medium",
 											children: e.name
 										})]
 									})
 								}),
-								V.map((t) => {
+								R.map((t) => {
 									let n = e.perDay.get(t.iso) ?? 0;
-									return /* @__PURE__ */ h("td", {
+									return /* @__PURE__ */ m("td", {
 										className: "px-1 py-2 text-center",
-										children: /* @__PURE__ */ h("button", {
+										children: /* @__PURE__ */ m("button", {
 											type: "button",
 											onClick: () => $({
 												employeeId: e.employeeId,
@@ -356,13 +365,13 @@ function k() {
 										})
 									}, t.iso);
 								}),
-								/* @__PURE__ */ h("td", {
+								/* @__PURE__ */ m("td", {
 									className: "px-2 py-2 text-right font-semibold tabular-nums",
 									children: e.total.toFixed(1)
 								}),
-								/* @__PURE__ */ h("td", {
+								/* @__PURE__ */ m("td", {
 									className: "px-2 py-2 text-center",
-									children: /* @__PURE__ */ h(_, {
+									children: /* @__PURE__ */ m(g, {
 										variant: e.status === "approved" ? "default" : e.status === "pending" ? "secondary" : "destructive",
 										className: "text-[10px]",
 										children: t(e.status)
@@ -371,93 +380,98 @@ function k() {
 							]
 						}, e.employeeId)) })]
 					})
-				}), K.length === 0 && /* @__PURE__ */ g("p", {
+				}), U.length === 0 && /* @__PURE__ */ h("p", {
 					className: "py-8 text-center text-sm text-text-secondary",
 					children: [
 						"No time logged for ",
-						W,
+						V,
 						"."
 					]
-				})] })] }), /* @__PURE__ */ g(y, { children: [/* @__PURE__ */ g(S, { children: [/* @__PURE__ */ h(C, { children: "Billable split" }), /* @__PURE__ */ g(x, { children: ["Billable vs non-billable hours for ", W] })] }), /* @__PURE__ */ h(b, {
+				})] })] }), /* @__PURE__ */ h(v, { children: [/* @__PURE__ */ h(x, { children: [/* @__PURE__ */ m(S, { children: "Billable split" }), /* @__PURE__ */ h(b, { children: ["Billable vs non-billable hours for ", V] })] }), /* @__PURE__ */ m(y, {
 					className: "flex flex-col items-center",
-					children: q ? /* @__PURE__ */ h(n, {
-						segments: q.segments,
-						centerLabel: q.centerValue,
-						centerCaption: q.caption,
+					children: W ? /* @__PURE__ */ m(n, {
+						segments: W.segments,
+						centerLabel: W.centerValue,
+						centerCaption: W.caption,
 						valueFormatter: (e) => `${e.toFixed(1)}h`,
 						title: "Billable vs non-billable hours"
-					}) : /* @__PURE__ */ h("p", {
+					}) : /* @__PURE__ */ m("p", {
 						className: "py-10 text-center text-sm text-text-secondary",
 						children: "No hours logged this week."
 					})
 				})] })]
 			}),
-			/* @__PURE__ */ g("div", {
+			/* @__PURE__ */ h("div", {
 				className: "grid gap-4 md:grid-cols-2",
-				children: [/* @__PURE__ */ g(y, { children: [/* @__PURE__ */ g(S, { children: [/* @__PURE__ */ h(C, { children: "Hours by Project" }), /* @__PURE__ */ g(x, { children: ["Time allocation for ", W] })] }), /* @__PURE__ */ g(b, {
+				children: [/* @__PURE__ */ h(v, { children: [/* @__PURE__ */ h(x, { children: [/* @__PURE__ */ m(S, { children: "Hours by Project" }), /* @__PURE__ */ h(b, { children: ["Time allocation for ", V] })] }), /* @__PURE__ */ h(y, {
 					className: "space-y-3",
-					children: [Object.entries(J).sort(([, e], [, t]) => t - e).map(([e, t]) => /* @__PURE__ */ g("div", {
+					children: [Object.entries(G).sort(([, e], [, t]) => t - e).map(([e, t]) => /* @__PURE__ */ h("div", {
 						className: "flex items-center gap-3",
 						children: [
-							/* @__PURE__ */ h("span", {
+							/* @__PURE__ */ m("span", {
 								className: "w-40 truncate text-sm",
 								children: e
 							}),
-							/* @__PURE__ */ h("div", {
+							/* @__PURE__ */ m("div", {
 								className: "h-4 flex-1 overflow-hidden rounded bg-bg-sunken",
-								children: /* @__PURE__ */ h("div", {
+								children: /* @__PURE__ */ m("div", {
 									className: "h-4 rounded bg-action-primary-bg",
-									style: { width: `${Math.round(t / ye * 100)}%` }
+									style: { width: `${Math.round(t / we * 100)}%` }
 								})
 							}),
-							/* @__PURE__ */ g("span", {
+							/* @__PURE__ */ h("span", {
 								className: "w-14 text-right text-sm font-medium tabular-nums",
 								children: [t.toFixed(1), "h"]
 							})
 						]
-					}, e)), Object.keys(J).length === 0 && /* @__PURE__ */ h("p", {
+					}, e)), Object.keys(G).length === 0 && /* @__PURE__ */ m("p", {
 						className: "py-6 text-center text-sm text-text-secondary",
 						children: "No project hours this week."
 					})]
-				})] }), /* @__PURE__ */ g(y, { children: [/* @__PURE__ */ g(S, { children: [/* @__PURE__ */ h(C, { children: "Recent Activity" }), /* @__PURE__ */ h(x, { children: "Latest employee clock-in/out entries" })] }), /* @__PURE__ */ g(b, {
+				})] }), /* @__PURE__ */ h(v, { children: [/* @__PURE__ */ h(x, { children: [/* @__PURE__ */ m(S, { children: "Recent Activity" }), /* @__PURE__ */ m(b, { children: "Latest employee clock-in/out entries" })] }), /* @__PURE__ */ h(y, {
 					className: "space-y-3",
 					children: [
-						xe.map((e) => /* @__PURE__ */ g("div", {
-							className: "flex items-center justify-between rounded border p-3",
-							children: [/* @__PURE__ */ g("div", {
-								className: "flex items-center gap-2.5",
-								children: [/* @__PURE__ */ h(i, {
+						Ee.map((e) => /* @__PURE__ */ h("div", {
+							"aria-current": e.id === Q ? "true" : void 0,
+							className: `flex items-center justify-between rounded border p-3 transition-colors ${e.id === Q ? "border-action-primary-bg bg-action-primary-bg/10" : ""}`,
+							children: [/* @__PURE__ */ h("button", {
+								type: "button",
+								"aria-pressed": e.id === Q,
+								"aria-label": `Select time entry for ${e.employeeName}`,
+								onClick: () => Z(e.id),
+								className: "flex min-w-0 items-center gap-2.5 text-left",
+								children: [/* @__PURE__ */ m(i, {
 									people: [{
 										name: e.employeeName,
-										avatarUrl: P.get(e.employeeId)?.avatar
+										avatarUrl: M.get(e.employeeId)?.avatar
 									}],
 									size: 30
-								}), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("p", {
+								}), /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("p", {
 									className: "text-sm font-medium",
 									children: e.employeeName
-								}), /* @__PURE__ */ h("p", {
+								}), /* @__PURE__ */ m("p", {
 									className: "text-xs text-text-secondary",
 									children: e.project
 								})] })]
-							}), /* @__PURE__ */ g("div", {
+							}), /* @__PURE__ */ h("div", {
 								className: "flex items-center gap-3",
 								children: [
-									/* @__PURE__ */ g("div", {
+									/* @__PURE__ */ h("div", {
 										className: "text-right text-xs",
-										children: [/* @__PURE__ */ g("div", {
+										children: [/* @__PURE__ */ h("div", {
 											className: "flex items-center gap-1",
-											children: [/* @__PURE__ */ h(ae, { className: "h-3 w-3 text-status-success-text" }), e.clockIn]
-										}), /* @__PURE__ */ g("div", {
+											children: [/* @__PURE__ */ m(ce, { className: "h-3 w-3 text-status-success-text" }), e.clockIn]
+										}), /* @__PURE__ */ h("div", {
 											className: "flex items-center gap-1",
-											children: [/* @__PURE__ */ h(p, { className: "h-3 w-3 text-status-error-text" }), e.clockOut]
+											children: [/* @__PURE__ */ m(f, { className: "h-3 w-3 text-status-error-text" }), e.clockOut]
 										})]
 									}),
-									/* @__PURE__ */ g("div", {
+									/* @__PURE__ */ h("div", {
 										className: "text-right",
-										children: [/* @__PURE__ */ g("p", {
+										children: [/* @__PURE__ */ h("p", {
 											className: "text-sm font-medium",
 											children: [e.totalHours, "h"]
-										}), e.overtime > 0 && /* @__PURE__ */ g("p", {
+										}), e.overtime > 0 && /* @__PURE__ */ h("p", {
 											className: "text-xs text-status-warning-text",
 											children: [
 												"+",
@@ -466,59 +480,61 @@ function k() {
 											]
 										})]
 									}),
-									/* @__PURE__ */ h(_, {
+									/* @__PURE__ */ m(g, {
 										variant: e.status === "approved" ? "default" : "secondary",
 										className: "text-[10px]",
 										children: t(e.status)
 									}),
-									/* @__PURE__ */ h(v, {
+									/* @__PURE__ */ m(_, {
 										variant: "ghost",
 										size: "sm",
 										className: "h-8 w-8 p-0",
 										"aria-label": `Clock out ${e.employeeName}`,
-										onClick: () => M.openModal(e),
-										children: /* @__PURE__ */ h(p, { className: "h-4 w-4" })
+										onClick: () => {
+											Z(e.id), A.openModal(e);
+										},
+										children: /* @__PURE__ */ m(f, { className: "h-4 w-4" })
 									})
 								]
 							})]
 						}, e.id)),
-						Y.length === 0 && /* @__PURE__ */ h("p", {
+						K.length === 0 && /* @__PURE__ */ m("p", {
 							className: "py-6 text-center text-sm text-text-secondary",
 							children: "No time entries logged yet."
 						}),
-						Y.length > X && /* @__PURE__ */ h(w, {
-							page: be,
-							pageSize: X,
-							totalItems: Y.length,
-							onPageChange: Q
+						K.length > q && /* @__PURE__ */ m(ue, {
+							page: Te,
+							pageSize: q,
+							totalItems: K.length,
+							onPageChange: Y
 						})
 					]
 				})] })]
 			}),
-			/* @__PURE__ */ h(a, {
-				open: j.open,
-				onOpenChange: j.onOpenChange,
+			/* @__PURE__ */ m(a, {
+				open: k.open,
+				onOpenChange: k.onOpenChange,
 				title: "Log time",
 				description: "Log a work session for a team member.",
-				fields: I,
-				initialValues: we,
+				fields: ye,
+				initialValues: ke,
 				submitLabel: "Add entry",
-				onSubmit: Se
+				onSubmit: De
 			}),
-			/* @__PURE__ */ h(a, {
-				open: M.open,
-				onOpenChange: M.onOpenChange,
+			/* @__PURE__ */ m(a, {
+				open: A.open,
+				onOpenChange: A.onOpenChange,
 				title: "Clock out",
-				description: M.context ? `Record clock-out for ${M.context.employeeName}.` : void 0,
-				fields: le,
-				initialValues: Te,
+				description: A.context ? `Record clock-out for ${A.context.employeeName}.` : void 0,
+				fields: fe,
+				initialValues: Ae,
 				submitLabel: "Save",
-				onSubmit: Ce
+				onSubmit: Oe
 			})
 		]
 	});
 }
 //#endregion
-export { k as HrTimeTrackingPagePage };
+export { D as HrTimeTrackingPagePage };
 
 //# sourceMappingURL=HrTimeTrackingPagePage.js.map