@burdenoff/microfe-crewfoundry 2026.703.1 → 2026.704.1

package/dist/crewfoundry/pages/HrTimeTrackingPagePage.js

@@ -4,9 +4,10 @@ import { getNumber as r, getText as i, newClientId as a } from "../components/fo
 import { useMemo as o } from "react";
 import { CheckCircle as s, Clock as c, LogIn as l, LogOut as u, Timer 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, GlassCard as x, GradientText as S, PagePurpose as C } from "@burdenoff/fe-libs/ui";
+import { Badge as m, Button as h, Card as g, CardContent as _, CardDescription as v, CardHeader as y, CardTitle as b, GlassCard as x, GradientText as S, PagePurpose as C, Pagination as w } from "@burdenoff/fe-libs/ui";
+import { usePagination as T } from "@burdenoff/fe-libs/shared/hooks";
 //#region src/crewfoundry/pages/HrTimeTrackingPagePage.tsx
-var w = [
+var E = [
 	{
 		label: "Pending",
 		value: "pending"
@@ -19,7 +20,7 @@ var w = [
 		label: "Rejected",
 		value: "rejected"
 	}
-], T = [
+], D = [
 	{
 		name: "clockOut",
 		label: "Clock-out time",
@@ -42,20 +43,20 @@ var w = [
 		name: "status",
 		label: "Status",
 		type: "select",
-		options: w
+		options: E
 	}
 ];
-function E() {
-	let { timeEntries: E, employees: D, addTimeEntry: O, updateTimeEntry: k } = e(), A = n(), j = n(), M = o(() => D.map((e) => ({
+function O() {
+	let { timeEntries: O, employees: k, addTimeEntry: A, updateTimeEntry: j } = e(), M = n(), N = n(), P = o(() => k.map((e) => ({
 		label: `${e.firstName} ${e.lastName}`,
 		value: e.id
-	})), [D]), N = o(() => [
+	})), [k]), F = o(() => [
 		{
 			name: "employeeId",
 			label: "Employee",
 			type: "select",
 			required: !0,
-			options: M,
+			options: P,
 			colSpan: 2
 		},
 		{
@@ -97,11 +98,11 @@ function E() {
 			name: "status",
 			label: "Status",
 			type: "select",
-			options: w
+			options: E
 		}
-	], [M]), P = E.reduce((e, t) => e + t.totalHours, 0), F = E.reduce((e, t) => e + t.overtime, 0), I = E.filter((e) => e.status === "approved").length, L = E.filter((e) => e.status === "pending").length, R = E.reduce((e, t) => (e[t.project] = (e[t.project] || 0) + t.totalHours, e), {}), z = Math.max(...Object.values(R), 1), B = async (e) => {
-		let t = i(e, "employeeId"), n = D.find((e) => e.id === t);
-		await O({
+	], [P]), I = O.reduce((e, t) => e + t.totalHours, 0), L = O.reduce((e, t) => e + t.overtime, 0), R = O.filter((e) => e.status === "approved").length, z = O.filter((e) => e.status === "pending").length, B = O.reduce((e, t) => (e[t.project] = (e[t.project] || 0) + t.totalHours, e), {}), V = Math.max(...Object.values(B), 1), H = o(() => [...O].sort((e, t) => t.date.localeCompare(e.date)), [O]), { page: U, pageSize: W, offset: G, setPage: K } = T({ initialPageSize: 8 }), q = H.slice(G, G + W), J = async (e) => {
+		let t = i(e, "employeeId"), n = k.find((e) => e.id === t);
+		await A({
 			id: a(),
 			employeeId: t,
 			employeeName: n ? `${n.firstName} ${n.lastName}` : "",
@@ -113,19 +114,19 @@ function E() {
 			project: i(e, "project"),
 			status: i(e, "status") || "pending"
 		});
-	}, V = async (e) => {
-		let t = j.context;
-		t && await k(t.id, {
+	}, Y = async (e) => {
+		let t = N.context;
+		t && await j(t.id, {
 			clockOut: i(e, "clockOut"),
 			totalHours: r(e, "totalHours"),
 			overtime: r(e, "overtime"),
 			status: i(e, "status") || t.status
 		});
-	}, H = j.context ? {
-		clockOut: j.context.clockOut,
-		totalHours: j.context.totalHours,
-		overtime: j.context.overtime,
-		status: j.context.status
+	}, X = N.context ? {
+		clockOut: N.context.clockOut,
+		totalHours: N.context.totalHours,
+		overtime: N.context.overtime,
+		status: N.context.status
 	} : void 0;
 	return /* @__PURE__ */ p("div", {
 		className: "space-y-6 p-6",
@@ -147,7 +148,7 @@ function E() {
 					})
 				] }), /* @__PURE__ */ p(h, {
 					size: "sm",
-					onClick: () => A.openModal(),
+					onClick: () => M.openModal(),
 					children: [/* @__PURE__ */ f(d, { className: "h-4 w-4 mr-1" }), "Add Entry"]
 				})]
 			}),
@@ -166,10 +167,10 @@ function E() {
 							}), /* @__PURE__ */ f(c, { className: "h-4 w-4 text-text-secondary" })]
 						}), /* @__PURE__ */ p(_, { children: [/* @__PURE__ */ f("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: P.toFixed(1)
+							children: I.toFixed(1)
 						}), /* @__PURE__ */ f("p", {
 							className: "text-xs text-text-secondary",
-							children: "Today"
+							children: "All logged hours"
 						})] })]
 					}),
 					/* @__PURE__ */ p(x, {
@@ -183,7 +184,7 @@ function E() {
 							}), /* @__PURE__ */ f(d, { className: "h-4 w-4 text-status-warning-text" })]
 						}), /* @__PURE__ */ p(_, { children: [/* @__PURE__ */ p("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: [F.toFixed(1), "h"]
+							children: [L.toFixed(1), "h"]
 						}), /* @__PURE__ */ f("p", {
 							className: "text-xs text-text-secondary",
 							children: "Extra hours logged"
@@ -200,7 +201,7 @@ function E() {
 							}), /* @__PURE__ */ f(s, { className: "h-4 w-4 text-status-success-text" })]
 						}), /* @__PURE__ */ p(_, { children: [/* @__PURE__ */ f("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: I
+							children: R
 						}), /* @__PURE__ */ f("p", {
 							className: "text-xs text-text-secondary",
 							children: "time entries"
@@ -217,7 +218,7 @@ function E() {
 							}), /* @__PURE__ */ f(c, { className: "h-4 w-4 text-status-warning-text" })]
 						}), /* @__PURE__ */ p(_, { children: [/* @__PURE__ */ f("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: L
+							children: z
 						}), /* @__PURE__ */ f("p", {
 							className: "text-xs text-text-secondary",
 							children: "awaiting approval"
@@ -229,7 +230,7 @@ function E() {
 				className: "grid gap-4 md:grid-cols-2",
 				children: [/* @__PURE__ */ p(g, { children: [/* @__PURE__ */ p(y, { children: [/* @__PURE__ */ f(b, { children: "Hours by Project" }), /* @__PURE__ */ f(v, { children: "Time allocation across active projects" })] }), /* @__PURE__ */ f(_, {
 					className: "space-y-3",
-					children: Object.entries(R).sort(([, e], [, t]) => t - e).map(([e, t]) => /* @__PURE__ */ p("div", {
+					children: Object.entries(B).sort(([, e], [, t]) => t - e).map(([e, t]) => /* @__PURE__ */ p("div", {
 						className: "flex items-center gap-3",
 						children: [
 							/* @__PURE__ */ f("span", {
@@ -240,7 +241,7 @@ function E() {
 								className: "flex-1 h-4 bg-bg-sunken rounded overflow-hidden",
 								children: /* @__PURE__ */ f("div", {
 									className: "h-4 bg-action-primary-bg rounded",
-									style: { width: `${Math.round(t / z * 100)}%` }
+									style: { width: `${Math.round(t / V * 100)}%` }
 								})
 							}),
 							/* @__PURE__ */ p("span", {
@@ -249,84 +250,96 @@ function E() {
 							})
 						]
 					}, e))
-				})] }), /* @__PURE__ */ p(g, { children: [/* @__PURE__ */ p(y, { children: [/* @__PURE__ */ f(b, { children: "Today's Activity" }), /* @__PURE__ */ f(v, { children: "Employee clock-in/out for today" })] }), /* @__PURE__ */ f(_, {
+				})] }), /* @__PURE__ */ p(g, { children: [/* @__PURE__ */ p(y, { children: [/* @__PURE__ */ f(b, { children: "Recent Activity" }), /* @__PURE__ */ f(v, { children: "Latest employee clock-in/out entries" })] }), /* @__PURE__ */ p(_, {
 					className: "space-y-3",
-					children: E.map((e) => /* @__PURE__ */ p("div", {
-						className: "flex items-center justify-between rounded border p-3",
-						children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("p", {
-							className: "text-sm font-medium",
-							children: e.employeeName
-						}), /* @__PURE__ */ f("p", {
-							className: "text-xs text-text-secondary",
-							children: e.project
-						})] }), /* @__PURE__ */ p("div", {
-							className: "flex items-center gap-3",
-							children: [
-								/* @__PURE__ */ p("div", {
-									className: "text-right text-xs",
-									children: [/* @__PURE__ */ p("div", {
-										className: "flex items-center gap-1",
-										children: [/* @__PURE__ */ f(l, { className: "h-3 w-3 text-status-success-text" }), e.clockIn]
-									}), /* @__PURE__ */ p("div", {
-										className: "flex items-center gap-1",
-										children: [/* @__PURE__ */ f(u, { className: "h-3 w-3 text-status-error-text" }), e.clockOut]
-									})]
-								}),
-								/* @__PURE__ */ p("div", {
-									className: "text-right",
-									children: [/* @__PURE__ */ p("p", {
-										className: "text-sm font-medium",
-										children: [e.totalHours, "h"]
-									}), e.overtime > 0 && /* @__PURE__ */ p("p", {
-										className: "text-xs text-status-warning-text",
-										children: [
-											"+",
-											e.overtime,
-											"h OT"
-										]
-									})]
-								}),
-								/* @__PURE__ */ f(m, {
-									variant: e.status === "approved" ? "default" : "secondary",
-									className: "text-[10px]",
-									children: e.status
-								}),
-								/* @__PURE__ */ f(h, {
-									variant: "ghost",
-									size: "sm",
-									className: "h-8 w-8 p-0",
-									"aria-label": `Clock out ${e.employeeName}`,
-									onClick: () => j.openModal(e),
-									children: /* @__PURE__ */ f(u, { className: "h-4 w-4" })
-								})
-							]
-						})]
-					}, e.id))
+					children: [
+						q.map((e) => /* @__PURE__ */ p("div", {
+							className: "flex items-center justify-between rounded border p-3",
+							children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("p", {
+								className: "text-sm font-medium",
+								children: e.employeeName
+							}), /* @__PURE__ */ f("p", {
+								className: "text-xs text-text-secondary",
+								children: e.project
+							})] }), /* @__PURE__ */ p("div", {
+								className: "flex items-center gap-3",
+								children: [
+									/* @__PURE__ */ p("div", {
+										className: "text-right text-xs",
+										children: [/* @__PURE__ */ p("div", {
+											className: "flex items-center gap-1",
+											children: [/* @__PURE__ */ f(l, { className: "h-3 w-3 text-status-success-text" }), e.clockIn]
+										}), /* @__PURE__ */ p("div", {
+											className: "flex items-center gap-1",
+											children: [/* @__PURE__ */ f(u, { className: "h-3 w-3 text-status-error-text" }), e.clockOut]
+										})]
+									}),
+									/* @__PURE__ */ p("div", {
+										className: "text-right",
+										children: [/* @__PURE__ */ p("p", {
+											className: "text-sm font-medium",
+											children: [e.totalHours, "h"]
+										}), e.overtime > 0 && /* @__PURE__ */ p("p", {
+											className: "text-xs text-status-warning-text",
+											children: [
+												"+",
+												e.overtime,
+												"h OT"
+											]
+										})]
+									}),
+									/* @__PURE__ */ f(m, {
+										variant: e.status === "approved" ? "default" : "secondary",
+										className: "text-[10px]",
+										children: e.status
+									}),
+									/* @__PURE__ */ f(h, {
+										variant: "ghost",
+										size: "sm",
+										className: "h-8 w-8 p-0",
+										"aria-label": `Clock out ${e.employeeName}`,
+										onClick: () => N.openModal(e),
+										children: /* @__PURE__ */ f(u, { className: "h-4 w-4" })
+									})
+								]
+							})]
+						}, e.id)),
+						H.length === 0 && /* @__PURE__ */ f("p", {
+							className: "py-6 text-center text-sm text-text-secondary",
+							children: "No time entries logged yet."
+						}),
+						H.length > W && /* @__PURE__ */ f(w, {
+							page: U,
+							pageSize: W,
+							totalItems: H.length,
+							onPageChange: K
+						})
+					]
 				})] })]
 			}),
 			/* @__PURE__ */ f(t, {
-				open: A.open,
-				onOpenChange: A.onOpenChange,
+				open: M.open,
+				onOpenChange: M.onOpenChange,
 				title: "Add time entry",
 				description: "Log a work session for a team member.",
-				fields: N,
+				fields: F,
 				submitLabel: "Add entry",
-				onSubmit: B
+				onSubmit: J
 			}),
 			/* @__PURE__ */ f(t, {
-				open: j.open,
-				onOpenChange: j.onOpenChange,
+				open: N.open,
+				onOpenChange: N.onOpenChange,
 				title: "Clock out",
-				description: j.context ? `Record clock-out for ${j.context.employeeName}.` : void 0,
-				fields: T,
-				initialValues: H,
+				description: N.context ? `Record clock-out for ${N.context.employeeName}.` : void 0,
+				fields: D,
+				initialValues: X,
 				submitLabel: "Save",
-				onSubmit: V
+				onSubmit: Y
 			})
 		]
 	});
 }
 //#endregion
-export { E as HrTimeTrackingPagePage };
+export { O as HrTimeTrackingPagePage };
 
 //# sourceMappingURL=HrTimeTrackingPagePage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"HrTimeTrackingPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/HrTimeTrackingPagePage.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport { CheckCircle, Clock, LogIn, LogOut, Timer } from 'lucide-react';\nimport { useCrewFoundryStore, type TimeEntry } from '../store/crewfoundryStore';\nimport { FormModal, useFormModal, type FieldConfig, type FormValues } from '../components/forms/FormModal';\nimport { getNumber, getText, newClientId } from '../components/forms/formValues';\n\nconst STATUS_OPTIONS = [\n  { label: 'Pending', value: 'pending' },\n  { label: 'Approved', value: 'approved' },\n  { label: 'Rejected', value: 'rejected' },\n];\n\nconst CLOCK_OUT_FIELDS: FieldConfig[] = [\n  { name: 'clockOut', label: 'Clock-out time', type: 'text', required: true, placeholder: 'e.g. 17:30' },\n  { name: 'totalHours', label: 'Total hours', type: 'number', required: true },\n  { name: 'overtime', label: 'Overtime hours', type: 'number' },\n  { name: 'status', label: 'Status', type: 'select', options: STATUS_OPTIONS },\n];\n\nexport function HrTimeTrackingPagePage() {\n  const { timeEntries, employees, addTimeEntry, updateTimeEntry } = useCrewFoundryStore();\n  const createForm = useFormModal<void>();\n  const clockOutForm = useFormModal<TimeEntry>();\n\n  const employeeOptions = useMemo(\n    () =>\n      employees.map((employee) => ({\n        label: `${employee.firstName} ${employee.lastName}`,\n        value: employee.id,\n      })),\n    [employees]\n  );\n\n  const entryFields = useMemo<FieldConfig[]>(\n    () => [\n      {\n        name: 'employeeId',\n        label: 'Employee',\n        type: 'select',\n        required: true,\n        options: employeeOptions,\n        colSpan: 2,\n      },\n      { name: 'date', label: 'Date', type: 'date', required: true },\n      { name: 'project', label: 'Project', type: 'text', required: true },\n      { name: 'clockIn', label: 'Clock-in time', type: 'text', required: true, placeholder: 'e.g. 09:00' },\n      { name: 'clockOut', label: 'Clock-out time', type: 'text', placeholder: 'e.g. 17:30' },\n      { name: 'totalHours', label: 'Total hours', type: 'number' },\n      { name: 'overtime', label: 'Overtime hours', type: 'number' },\n      { name: 'status', label: 'Status', type: 'select', options: STATUS_OPTIONS },\n    ],\n    [employeeOptions]\n  );\n\n  const totalHours = timeEntries.reduce((s, t) => s + t.totalHours, 0);\n  const totalOvertime = timeEntries.reduce((s, t) => s + t.overtime, 0);\n  const approvedEntries = timeEntries.filter((t) => t.status === 'approved').length;\n  const pendingEntries = timeEntries.filter((t) => t.status === 'pending').length;\n\n  const projectBreakdown = timeEntries.reduce<Record<string, number>>((acc, t) => {\n    acc[t.project] = (acc[t.project] || 0) + t.totalHours;\n    return acc;\n  }, {});\n  const maxProjectHours = Math.max(...Object.values(projectBreakdown), 1);\n\n  const handleCreate = async (values: FormValues) => {\n    const employeeId = getText(values, 'employeeId');\n    const employee = employees.find((item) => item.id === employeeId);\n    const payload: TimeEntry = {\n      id: newClientId(),\n      employeeId,\n      employeeName: employee ? `${employee.firstName} ${employee.lastName}` : '',\n      date: getText(values, 'date'),\n      clockIn: getText(values, 'clockIn'),\n      clockOut: getText(values, 'clockOut'),\n      totalHours: getNumber(values, 'totalHours'),\n      overtime: getNumber(values, 'overtime'),\n      project: getText(values, 'project'),\n      status: (getText(values, 'status') as TimeEntry['status']) || 'pending',\n    };\n    await addTimeEntry(payload);\n  };\n\n  const handleClockOut = async (values: FormValues) => {\n    const entry = clockOutForm.context;\n    if (!entry) {\n      return;\n    }\n    await updateTimeEntry(entry.id, {\n      clockOut: getText(values, 'clockOut'),\n      totalHours: getNumber(values, 'totalHours'),\n      overtime: getNumber(values, 'overtime'),\n      status: (getText(values, 'status') as TimeEntry['status']) || entry.status,\n    });\n  };\n\n  const clockOutInitial: FormValues | undefined = clockOutForm.context\n    ? {\n        clockOut: clockOutForm.context.clockOut,\n        totalHours: clockOutForm.context.totalHours,\n        overtime: clockOutForm.context.overtime,\n        status: clockOutForm.context.status,\n      }\n    : undefined;\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">\n            <GradientText>Time Tracking</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">Monitor employee work hours and overtime</p>\n          <PagePurpose className=\"mt-1\">Track hours and attendance across your team — use it to monitor logged time, overtime, and timesheet approvals.</PagePurpose>\n        </div>\n        <Button size=\"sm\" onClick={() => createForm.openModal()}>\n          <Timer className=\"h-4 w-4 mr-1\" />\n          Add Entry\n        </Button>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-4\">\n        <GlassCard treatment=\"glass\" glow className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Total Hours</CardTitle>\n            <Clock className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{totalHours.toFixed(1)}</div>\n            <p className=\"text-xs text-text-secondary\">Today</p>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Overtime</CardTitle>\n            <Timer className=\"h-4 w-4 text-status-warning-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{totalOvertime.toFixed(1)}h</div>\n            <p className=\"text-xs text-text-secondary\">Extra hours logged</p>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Approved</CardTitle>\n            <CheckCircle className=\"h-4 w-4 text-status-success-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{approvedEntries}</div>\n            <p className=\"text-xs text-text-secondary\">time entries</p>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Pending</CardTitle>\n            <Clock className=\"h-4 w-4 text-status-warning-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{pendingEntries}</div>\n            <p className=\"text-xs text-text-secondary\">awaiting approval</p>\n          </CardContent>\n        </GlassCard>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-2\">\n        <Card>\n          <CardHeader>\n            <CardTitle>Hours by Project</CardTitle>\n            <CardDescription>Time allocation across active projects</CardDescription>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {Object.entries(projectBreakdown)\n              .sort(([, a], [, b]) => b - a)\n              .map(([project, hours]) => (\n                <div key={project} className=\"flex items-center gap-3\">\n                  <span className=\"w-48 text-sm truncate\">{project}</span>\n                  <div className=\"flex-1 h-4 bg-bg-sunken rounded overflow-hidden\">\n                    <div\n                      className=\"h-4 bg-action-primary-bg rounded\"\n                      style={{ width: `${Math.round((hours / maxProjectHours) * 100)}%` }}\n                    />\n                  </div>\n                  <span className=\"text-sm font-medium w-14 text-right\">{hours.toFixed(1)}h</span>\n                </div>\n              ))}\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle>Today&apos;s Activity</CardTitle>\n            <CardDescription>Employee clock-in/out for today</CardDescription>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {timeEntries.map((entry) => (\n              <div key={entry.id} className=\"flex items-center justify-between rounded border p-3\">\n                <div>\n                  <p className=\"text-sm font-medium\">{entry.employeeName}</p>\n                  <p className=\"text-xs text-text-secondary\">{entry.project}</p>\n                </div>\n                <div className=\"flex items-center gap-3\">\n                  <div className=\"text-right text-xs\">\n                    <div className=\"flex items-center gap-1\">\n                      <LogIn className=\"h-3 w-3 text-status-success-text\" />\n                      {entry.clockIn}\n                    </div>\n                    <div className=\"flex items-center gap-1\">\n                      <LogOut className=\"h-3 w-3 text-status-error-text\" />\n                      {entry.clockOut}\n                    </div>\n                  </div>\n                  <div className=\"text-right\">\n                    <p className=\"text-sm font-medium\">{entry.totalHours}h</p>\n                    {entry.overtime > 0 && (\n                      <p className=\"text-xs text-status-warning-text\">+{entry.overtime}h OT</p>\n                    )}\n                  </div>\n                  <Badge\n                    variant={entry.status === 'approved' ? 'default' : 'secondary'}\n                    className=\"text-[10px]\"\n                  >\n                    {entry.status}\n                  </Badge>\n                  <Button\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    className=\"h-8 w-8 p-0\"\n                    aria-label={`Clock out ${entry.employeeName}`}\n                    onClick={() => clockOutForm.openModal(entry)}\n                  >\n                    <LogOut className=\"h-4 w-4\" />\n                  </Button>\n                </div>\n              </div>\n            ))}\n          </CardContent>\n        </Card>\n      </div>\n\n      <FormModal\n        open={createForm.open}\n        onOpenChange={createForm.onOpenChange}\n        title=\"Add time entry\"\n        description=\"Log a work session for a team member.\"\n        fields={entryFields}\n        submitLabel=\"Add entry\"\n        onSubmit={handleCreate}\n      />\n\n      <FormModal\n        open={clockOutForm.open}\n        onOpenChange={clockOutForm.onOpenChange}\n        title=\"Clock out\"\n        description={\n          clockOutForm.context\n            ? `Record clock-out for ${clockOutForm.context.employeeName}.`\n            : undefined\n        }\n        fields={CLOCK_OUT_FIELDS}\n        initialValues={clockOutInitial}\n        submitLabel=\"Save\"\n        onSubmit={handleClockOut}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"HrTimeTrackingPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/HrTimeTrackingPagePage.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  PagePurpose,\n  Pagination,\n} from '@burdenoff/fe-libs/ui';\nimport { usePagination } from '@burdenoff/fe-libs/shared/hooks';\nimport { CheckCircle, Clock, LogIn, LogOut, Timer } from 'lucide-react';\nimport { useCrewFoundryStore, type TimeEntry } from '../store/crewfoundryStore';\nimport { FormModal, useFormModal, type FieldConfig, type FormValues } from '../components/forms/FormModal';\nimport { getNumber, getText, newClientId } from '../components/forms/formValues';\n\nconst STATUS_OPTIONS = [\n  { label: 'Pending', value: 'pending' },\n  { label: 'Approved', value: 'approved' },\n  { label: 'Rejected', value: 'rejected' },\n];\n\nconst CLOCK_OUT_FIELDS: FieldConfig[] = [\n  { name: 'clockOut', label: 'Clock-out time', type: 'text', required: true, placeholder: 'e.g. 17:30' },\n  { name: 'totalHours', label: 'Total hours', type: 'number', required: true },\n  { name: 'overtime', label: 'Overtime hours', type: 'number' },\n  { name: 'status', label: 'Status', type: 'select', options: STATUS_OPTIONS },\n];\n\nexport function HrTimeTrackingPagePage() {\n  const { timeEntries, employees, addTimeEntry, updateTimeEntry } = useCrewFoundryStore();\n  const createForm = useFormModal<void>();\n  const clockOutForm = useFormModal<TimeEntry>();\n\n  const employeeOptions = useMemo(\n    () =>\n      employees.map((employee) => ({\n        label: `${employee.firstName} ${employee.lastName}`,\n        value: employee.id,\n      })),\n    [employees]\n  );\n\n  const entryFields = useMemo<FieldConfig[]>(\n    () => [\n      {\n        name: 'employeeId',\n        label: 'Employee',\n        type: 'select',\n        required: true,\n        options: employeeOptions,\n        colSpan: 2,\n      },\n      { name: 'date', label: 'Date', type: 'date', required: true },\n      { name: 'project', label: 'Project', type: 'text', required: true },\n      { name: 'clockIn', label: 'Clock-in time', type: 'text', required: true, placeholder: 'e.g. 09:00' },\n      { name: 'clockOut', label: 'Clock-out time', type: 'text', placeholder: 'e.g. 17:30' },\n      { name: 'totalHours', label: 'Total hours', type: 'number' },\n      { name: 'overtime', label: 'Overtime hours', type: 'number' },\n      { name: 'status', label: 'Status', type: 'select', options: STATUS_OPTIONS },\n    ],\n    [employeeOptions]\n  );\n\n  const totalHours = timeEntries.reduce((s, t) => s + t.totalHours, 0);\n  const totalOvertime = timeEntries.reduce((s, t) => s + t.overtime, 0);\n  const approvedEntries = timeEntries.filter((t) => t.status === 'approved').length;\n  const pendingEntries = timeEntries.filter((t) => t.status === 'pending').length;\n\n  const projectBreakdown = timeEntries.reduce<Record<string, number>>((acc, t) => {\n    acc[t.project] = (acc[t.project] || 0) + t.totalHours;\n    return acc;\n  }, {});\n  const maxProjectHours = Math.max(...Object.values(projectBreakdown), 1);\n\n  const recentEntries = useMemo(\n    () => [...timeEntries].sort((a, b) => b.date.localeCompare(a.date)),\n    [timeEntries]\n  );\n  const { page, pageSize, offset, setPage } = usePagination({ initialPageSize: 8 });\n  const activityPageItems = recentEntries.slice(offset, offset + pageSize);\n\n  const handleCreate = async (values: FormValues) => {\n    const employeeId = getText(values, 'employeeId');\n    const employee = employees.find((item) => item.id === employeeId);\n    const payload: TimeEntry = {\n      id: newClientId(),\n      employeeId,\n      employeeName: employee ? `${employee.firstName} ${employee.lastName}` : '',\n      date: getText(values, 'date'),\n      clockIn: getText(values, 'clockIn'),\n      clockOut: getText(values, 'clockOut'),\n      totalHours: getNumber(values, 'totalHours'),\n      overtime: getNumber(values, 'overtime'),\n      project: getText(values, 'project'),\n      status: (getText(values, 'status') as TimeEntry['status']) || 'pending',\n    };\n    await addTimeEntry(payload);\n  };\n\n  const handleClockOut = async (values: FormValues) => {\n    const entry = clockOutForm.context;\n    if (!entry) {\n      return;\n    }\n    await updateTimeEntry(entry.id, {\n      clockOut: getText(values, 'clockOut'),\n      totalHours: getNumber(values, 'totalHours'),\n      overtime: getNumber(values, 'overtime'),\n      status: (getText(values, 'status') as TimeEntry['status']) || entry.status,\n    });\n  };\n\n  const clockOutInitial: FormValues | undefined = clockOutForm.context\n    ? {\n        clockOut: clockOutForm.context.clockOut,\n        totalHours: clockOutForm.context.totalHours,\n        overtime: clockOutForm.context.overtime,\n        status: clockOutForm.context.status,\n      }\n    : undefined;\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">\n            <GradientText>Time Tracking</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">Monitor employee work hours and overtime</p>\n          <PagePurpose className=\"mt-1\">Track hours and attendance across your team — use it to monitor logged time, overtime, and timesheet approvals.</PagePurpose>\n        </div>\n        <Button size=\"sm\" onClick={() => createForm.openModal()}>\n          <Timer className=\"h-4 w-4 mr-1\" />\n          Add Entry\n        </Button>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-4\">\n        <GlassCard treatment=\"glass\" glow className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Total Hours</CardTitle>\n            <Clock className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{totalHours.toFixed(1)}</div>\n            <p className=\"text-xs text-text-secondary\">All logged hours</p>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Overtime</CardTitle>\n            <Timer className=\"h-4 w-4 text-status-warning-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{totalOvertime.toFixed(1)}h</div>\n            <p className=\"text-xs text-text-secondary\">Extra hours logged</p>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Approved</CardTitle>\n            <CheckCircle className=\"h-4 w-4 text-status-success-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{approvedEntries}</div>\n            <p className=\"text-xs text-text-secondary\">time entries</p>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Pending</CardTitle>\n            <Clock className=\"h-4 w-4 text-status-warning-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{pendingEntries}</div>\n            <p className=\"text-xs text-text-secondary\">awaiting approval</p>\n          </CardContent>\n        </GlassCard>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-2\">\n        <Card>\n          <CardHeader>\n            <CardTitle>Hours by Project</CardTitle>\n            <CardDescription>Time allocation across active projects</CardDescription>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {Object.entries(projectBreakdown)\n              .sort(([, a], [, b]) => b - a)\n              .map(([project, hours]) => (\n                <div key={project} className=\"flex items-center gap-3\">\n                  <span className=\"w-48 text-sm truncate\">{project}</span>\n                  <div className=\"flex-1 h-4 bg-bg-sunken rounded overflow-hidden\">\n                    <div\n                      className=\"h-4 bg-action-primary-bg rounded\"\n                      style={{ width: `${Math.round((hours / maxProjectHours) * 100)}%` }}\n                    />\n                  </div>\n                  <span className=\"text-sm font-medium w-14 text-right\">{hours.toFixed(1)}h</span>\n                </div>\n              ))}\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle>Recent Activity</CardTitle>\n            <CardDescription>Latest employee clock-in/out entries</CardDescription>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {activityPageItems.map((entry) => (\n              <div key={entry.id} className=\"flex items-center justify-between rounded border p-3\">\n                <div>\n                  <p className=\"text-sm font-medium\">{entry.employeeName}</p>\n                  <p className=\"text-xs text-text-secondary\">{entry.project}</p>\n                </div>\n                <div className=\"flex items-center gap-3\">\n                  <div className=\"text-right text-xs\">\n                    <div className=\"flex items-center gap-1\">\n                      <LogIn className=\"h-3 w-3 text-status-success-text\" />\n                      {entry.clockIn}\n                    </div>\n                    <div className=\"flex items-center gap-1\">\n                      <LogOut className=\"h-3 w-3 text-status-error-text\" />\n                      {entry.clockOut}\n                    </div>\n                  </div>\n                  <div className=\"text-right\">\n                    <p className=\"text-sm font-medium\">{entry.totalHours}h</p>\n                    {entry.overtime > 0 && (\n                      <p className=\"text-xs text-status-warning-text\">+{entry.overtime}h OT</p>\n                    )}\n                  </div>\n                  <Badge\n                    variant={entry.status === 'approved' ? 'default' : 'secondary'}\n                    className=\"text-[10px]\"\n                  >\n                    {entry.status}\n                  </Badge>\n                  <Button\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    className=\"h-8 w-8 p-0\"\n                    aria-label={`Clock out ${entry.employeeName}`}\n                    onClick={() => clockOutForm.openModal(entry)}\n                  >\n                    <LogOut className=\"h-4 w-4\" />\n                  </Button>\n                </div>\n              </div>\n            ))}\n            {recentEntries.length === 0 && (\n              <p className=\"py-6 text-center text-sm text-text-secondary\">\n                No time entries logged yet.\n              </p>\n            )}\n            {recentEntries.length > pageSize && (\n              <Pagination\n                page={page}\n                pageSize={pageSize}\n                totalItems={recentEntries.length}\n                onPageChange={setPage}\n              />\n            )}\n          </CardContent>\n        </Card>\n      </div>\n\n      <FormModal\n        open={createForm.open}\n        onOpenChange={createForm.onOpenChange}\n        title=\"Add time entry\"\n        description=\"Log a work session for a team member.\"\n        fields={entryFields}\n        submitLabel=\"Add entry\"\n        onSubmit={handleCreate}\n      />\n\n      <FormModal\n        open={clockOutForm.open}\n        onOpenChange={clockOutForm.onOpenChange}\n        title=\"Clock out\"\n        description={\n          clockOutForm.context\n            ? `Record clock-out for ${clockOutForm.context.employeeName}.`\n            : undefined\n        }\n        fields={CLOCK_OUT_FIELDS}\n        initialValues={clockOutInitial}\n        submitLabel=\"Save\"\n        onSubmit={handleClockOut}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/crewfoundry/pages/LearningAssessmentsPagePage.js

@@ -1,155 +1,37 @@
-import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
-import { useMemo as t } from "react";
-import { CheckCircle as n, Clock as r, FileText as i, Play as a } from "lucide-react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { Badge as c, Button as l, Card as u, CardContent as d, CardHeader as f, CardTitle as p, GlassCard as m, GradientText as h, PagePurpose as g } from "@burdenoff/fe-libs/ui";
+import { useNavigate as e } from "react-router-dom";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { Button as r, GradientText as i, IllustratedEmptyState as a, PagePurpose as o } from "@burdenoff/fe-libs/ui";
 //#region src/crewfoundry/pages/LearningAssessmentsPagePage.tsx
-var _ = (/* @__PURE__ */ new Date("2026-03-01T00:00:00Z")).getTime(), v = (e) => {
-	let t = new Date(e);
-	return Number.isNaN(t.getTime()) ? "Unknown" : t.toISOString().split("T")[0];
-};
-function y() {
-	let { courses: y } = e(), b = t(() => y.slice(0, 16).map((e, t) => {
-		let n = t % 6 == 0 ? "overdue" : t % 2 == 0 ? "available" : "completed", r = 70 + t % 4 * 5;
-		return {
-			id: e.id,
-			title: `${e.title} Assessment`,
-			course: e.title,
-			questions: Math.max(10, e.modules * 4),
-			duration: `${Math.max(15, e.modules * 8)} min`,
-			status: n,
-			score: n === "completed" ? Math.min(99, Math.round(e.rating * 20 + 20)) : void 0,
-			dueDate: v(new Date(_ + (t - 3) * 864e5 * 6).toISOString()),
-			passingScore: r
-		};
-	}), [y]);
-	return /* @__PURE__ */ s("div", {
+function s() {
+	let s = e();
+	return /* @__PURE__ */ n("div", {
 		className: "space-y-6 p-6",
-		children: [
-			/* @__PURE__ */ s("div", { children: [
-				/* @__PURE__ */ o("h1", {
-					className: "text-2xl font-semibold",
-					children: /* @__PURE__ */ o(h, { children: "Assessments" })
-				}),
-				/* @__PURE__ */ o("p", {
-					className: "text-sm text-text-secondary",
-					children: "Quizzes and exams for your enrolled courses"
-				}),
-				/* @__PURE__ */ o(g, {
-					className: "mt-1",
-					children: "Create and review assessments that measure what your team has learned — use them to certify skills and identify knowledge gaps."
-				})
-			] }),
-			/* @__PURE__ */ s("div", {
-				className: "grid gap-4 md:grid-cols-3",
-				children: [
-					/* @__PURE__ */ s(m, {
-						treatment: "glass",
-						glow: !0,
-						className: "border-border-seam",
-						children: [/* @__PURE__ */ s(f, {
-							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ o(p, {
-								className: "text-sm font-medium",
-								children: "Available"
-							}), /* @__PURE__ */ o(i, { className: "h-4 w-4 text-status-info-text" })]
-						}), /* @__PURE__ */ o(d, { children: /* @__PURE__ */ o("div", {
-							className: "text-2xl font-bold tabular-nums",
-							children: b.filter((e) => e.status === "available").length
-						}) })]
-					}),
-					/* @__PURE__ */ s(m, {
-						treatment: "metric",
-						className: "border-border-seam",
-						children: [/* @__PURE__ */ s(f, {
-							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ o(p, {
-								className: "text-sm font-medium",
-								children: "Completed"
-							}), /* @__PURE__ */ o(n, { className: "h-4 w-4 text-status-success-text" })]
-						}), /* @__PURE__ */ o(d, { children: /* @__PURE__ */ o("div", {
-							className: "text-2xl font-bold tabular-nums",
-							children: b.filter((e) => e.status === "completed").length
-						}) })]
-					}),
-					/* @__PURE__ */ s(m, {
-						treatment: "metric",
-						className: "border-border-seam",
-						children: [/* @__PURE__ */ s(f, {
-							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ o(p, {
-								className: "text-sm font-medium",
-								children: "Overdue"
-							}), /* @__PURE__ */ o(r, { className: "h-4 w-4 text-status-error-text" })]
-						}), /* @__PURE__ */ o(d, { children: /* @__PURE__ */ o("div", {
-							className: "text-2xl font-bold tabular-nums",
-							children: b.filter((e) => e.status === "overdue").length
-						}) })]
-					})
-				]
+		children: [/* @__PURE__ */ n("div", { children: [
+			/* @__PURE__ */ t("h1", {
+				className: "text-2xl font-semibold",
+				children: /* @__PURE__ */ t(i, { children: "Assessments" })
 			}),
-			/* @__PURE__ */ s(u, { children: [/* @__PURE__ */ o(f, { children: /* @__PURE__ */ o(p, { children: "All Assessments" }) }), /* @__PURE__ */ o(d, {
-				className: "space-y-3",
-				children: b.map((e) => /* @__PURE__ */ s("div", {
-					className: "flex items-center justify-between rounded border p-4",
-					children: [/* @__PURE__ */ s("div", { children: [
-						/* @__PURE__ */ o("p", {
-							className: "text-sm font-medium",
-							children: e.title
-						}),
-						/* @__PURE__ */ s("p", {
-							className: "text-xs text-text-secondary",
-							children: [
-								e.course,
-								" · ",
-								e.questions,
-								" questions · ",
-								e.duration
-							]
-						}),
-						/* @__PURE__ */ s("p", {
-							className: "text-xs text-text-secondary",
-							children: [
-								"Due: ",
-								e.dueDate,
-								" · Passing: ",
-								e.passingScore,
-								"%"
-							]
-						})
-					] }), /* @__PURE__ */ s("div", {
-						className: "flex items-center gap-2",
-						children: [
-							e.status === "completed" && e.score ? /* @__PURE__ */ s(c, {
-								variant: e.score >= e.passingScore ? "default" : "destructive",
-								className: "text-[10px]",
-								children: [
-									"Score: ",
-									e.score,
-									"%"
-								]
-							}) : null,
-							/* @__PURE__ */ o(c, {
-								variant: e.status === "completed" ? "default" : e.status === "overdue" ? "destructive" : "secondary",
-								className: "text-[10px]",
-								children: e.status
-							}),
-							e.status === "available" || e.status === "overdue" ? /* @__PURE__ */ s(l, {
-								size: "sm",
-								variant: "outline",
-								disabled: !0,
-								title: "Assessment taking is coming soon",
-								"aria-label": `Take ${e.title} — coming soon`,
-								children: [/* @__PURE__ */ o(a, { className: "mr-1 h-3 w-3" }), "Coming soon"]
-							}) : null
-						]
-					})]
-				}, e.id))
-			})] })
-		]
+			/* @__PURE__ */ t("p", {
+				className: "text-sm text-text-secondary",
+				children: "Quizzes and exams for your enrolled courses"
+			}),
+			/* @__PURE__ */ t(o, {
+				className: "mt-1",
+				children: "Create and review assessments that measure what your team has learned — use them to certify skills and identify knowledge gaps."
+			})
+		] }), /* @__PURE__ */ t(a, {
+			illustration: "empty-generic",
+			title: "Assessments are coming soon",
+			description: "Course assessments — question banks, timed attempts, scoring and pass thresholds — are being built. Once available, the quizzes tied to your enrolled courses will appear here.",
+			action: /* @__PURE__ */ t(r, {
+				variant: "outline",
+				onClick: () => s("../../learning/courses-page"),
+				children: "Browse courses"
+			})
+		})]
 	});
 }
 //#endregion
-export { y as LearningAssessmentsPagePage };
+export { s as LearningAssessmentsPagePage };
 
 //# sourceMappingURL=LearningAssessmentsPagePage.js.map