@burdenoff/microfe-crewfoundry 2026.703.1 → 2026.704.1

package/dist/crewfoundry/pages/AdminAdminPagePage.js

@@ -1,74 +1,47 @@
 import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
 import { useMemo as t } from "react";
-import { Activity as n, Database as r, Globe as i, Lock as a, Monitor as o, Server as s, Shield as c, Users as l, Wrench as u } from "lucide-react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import { Badge as p, Button as m, Card as h, CardContent as g, CardDescription as _, CardHeader as v, CardTitle as y, GlassCard as b, GradientText as x, PagePurpose as S } from "@burdenoff/fe-libs/ui";
+import { Activity as n, Database as r, Globe as i, Lock as a, Monitor as o, Server as s, Shield as c, UserCheck as l, Users as u, Wrench 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, IllustratedEmptyState as C, PagePurpose as w, ResponsiveTable as T } from "@burdenoff/fe-libs/ui";
 //#region src/crewfoundry/pages/AdminAdminPagePage.tsx
-var C = (e) => {
-	let t = new Date(e);
-	return Number.isNaN(t.getTime()) ? "Unknown" : t.toLocaleString("en-US", {
-		year: "numeric",
-		month: "2-digit",
-		day: "2-digit",
-		hour: "2-digit",
-		minute: "2-digit"
-	});
-};
-function w() {
-	let { employees: w, departments: T, notifications: E, payrollRecords: D, jobPostings: O } = e(), k = t(() => {
-		let e = E.some((e) => e.type === "warning"), t = E.some((e) => e.type === "error");
+function E() {
+	let { employees: E, departments: D, notifications: O, payrollRecords: k, jobPostings: A } = e(), j = t(() => {
+		let e = O.some((e) => e.type === "warning"), t = O.some((e) => e.type === "error");
 		return [
 			{
 				name: "Authentication",
 				status: "operational",
-				uptime: "99.98%",
 				icon: a
 			},
 			{
 				name: "Employee Directory",
 				status: "operational",
-				uptime: "99.95%",
-				icon: l
+				icon: u
 			},
 			{
 				name: "Payroll Engine",
-				status: D.some((e) => e.status === "failed") ? "degraded" : "operational",
-				uptime: "99.91%",
+				status: k.some((e) => e.status === "failed") ? "degraded" : "operational",
 				icon: r
 			},
 			{
 				name: "Recruitment ATS",
 				status: "operational",
-				uptime: "99.94%",
 				icon: i
 			},
 			{
 				name: "Analytics Pipeline",
 				status: e || t ? "degraded" : "operational",
-				uptime: e || t ? "98.70%" : "99.96%",
 				icon: n
 			},
 			{
 				name: "Notification Service",
 				status: t ? "degraded" : "operational",
-				uptime: "99.97%",
 				icon: o
 			}
 		];
-	}, [E, D]), A = t(() => E.slice(0, 12).map((e, t) => ({
-		action: e.type === "error" ? "Incident detected" : e.type === "warning" ? "Policy alert generated" : "Operational event recorded",
-		actor: w[t % Math.max(w.length, 1)] ? `${w[t % w.length].firstName} ${w[t % w.length].lastName}` : "System",
-		target: e.title,
-		timestamp: C(e.createdAt),
-		severity: e.type === "error" ? "high" : e.type === "warning" ? "medium" : "low"
-	})), [w, E]), j = t(() => {
-		let e = w.filter((e) => e.position.toLowerCase().includes("manager")).length, t = w.filter((e) => e.position.toLowerCase().includes("lead")).length, n = O.filter((e) => e.status === "active").length;
+	}, [O, k]), M = t(() => {
+		let e = E.filter((e) => e.position.toLowerCase().includes("manager")).length, t = E.filter((e) => e.position.toLowerCase().includes("lead")).length, n = A.filter((e) => e.status === "active").length;
 		return [
-			{
-				role: "Super Admin",
-				count: 2,
-				permissions: "Full access"
-			},
 			{
 				role: "HR Manager",
 				count: Math.max(1, e),
@@ -86,206 +59,186 @@ function w() {
 			},
 			{
 				role: "Employee",
-				count: Math.max(0, w.length - e - t),
+				count: Math.max(0, E.length - e - t),
 				permissions: "Self-service, directory, learning"
 			}
 		];
-	}, [w, O]), M = Math.round(k.filter((e) => e.status === "operational").length / Math.max(k.length, 1) * 100);
-	return /* @__PURE__ */ f("div", {
+	}, [E, A]), N = j.filter((e) => e.status === "operational").length, P = E.filter((e) => e.status === "active").length, F = Math.round(N / Math.max(j.length, 1) * 100);
+	return /* @__PURE__ */ p("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ f("div", {
-				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ f("div", { children: [
-					/* @__PURE__ */ d("h1", {
+			/* @__PURE__ */ p("div", {
+				className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
+				children: [/* @__PURE__ */ p("div", { children: [
+					/* @__PURE__ */ f("h1", {
 						className: "text-2xl font-semibold",
-						children: /* @__PURE__ */ d(x, { children: "Administration" })
+						children: /* @__PURE__ */ f(S, { children: "Administration" })
 					}),
-					/* @__PURE__ */ d("p", {
+					/* @__PURE__ */ f("p", {
 						className: "text-sm text-text-secondary",
 						children: "System administration and access management"
 					}),
-					/* @__PURE__ */ d(S, {
+					/* @__PURE__ */ f(w, {
 						className: "mt-1",
 						children: "Manage organization-wide settings, roles, and system controls from one place — use it to onboard admins, adjust permissions, and keep your CrewFoundry workspace secure and compliant."
 					})
-				] }), /* @__PURE__ */ f("div", {
+				] }), /* @__PURE__ */ p("div", {
 					className: "flex gap-2",
-					children: [/* @__PURE__ */ f(m, {
+					children: [/* @__PURE__ */ p(h, {
 						variant: "outline",
 						size: "sm",
-						children: [/* @__PURE__ */ d(u, { className: "mr-1 h-4 w-4" }), "System Settings"]
-					}), /* @__PURE__ */ f(m, {
+						disabled: !0,
+						"aria-label": "System settings (coming soon)",
+						title: "System settings are coming soon",
+						children: [/* @__PURE__ */ f(d, { className: "mr-1 h-4 w-4" }), "System Settings"]
+					}), /* @__PURE__ */ p(h, {
 						size: "sm",
-						children: [/* @__PURE__ */ d(c, { className: "mr-1 h-4 w-4" }), "Security"]
+						disabled: !0,
+						"aria-label": "Security controls (coming soon)",
+						title: "Security controls are coming soon",
+						children: [/* @__PURE__ */ f(c, { className: "mr-1 h-4 w-4" }), "Security"]
 					})]
 				})]
 			}),
-			/* @__PURE__ */ f("div", {
+			/* @__PURE__ */ p("div", {
 				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4",
 				children: [
-					/* @__PURE__ */ f(b, {
+					/* @__PURE__ */ p(x, {
 						treatment: "glass",
 						glow: !0,
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ f(v, {
+						children: [/* @__PURE__ */ p(y, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ d(y, {
+							children: [/* @__PURE__ */ f(b, {
 								className: "text-sm font-medium",
 								children: "Total Users"
-							}), /* @__PURE__ */ d(l, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ f(g, { children: [/* @__PURE__ */ d("div", {
+							}), /* @__PURE__ */ f(u, { className: "h-4 w-4 text-text-secondary" })]
+						}), /* @__PURE__ */ p(_, { children: [/* @__PURE__ */ f("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: w.length
-						}), /* @__PURE__ */ f("p", {
+							children: E.length
+						}), /* @__PURE__ */ p("p", {
 							className: "text-xs text-text-secondary",
-							children: [T.length, " departments"]
+							children: [D.length, " departments"]
 						})] })]
 					}),
-					/* @__PURE__ */ f(b, {
+					/* @__PURE__ */ p(x, {
 						treatment: "metric",
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ f(v, {
+						children: [/* @__PURE__ */ p(y, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ d(y, {
+							children: [/* @__PURE__ */ f(b, {
 								className: "text-sm font-medium",
-								children: "Active Sessions"
-							}), /* @__PURE__ */ d(o, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ f(g, { children: [/* @__PURE__ */ d("div", {
+								children: "Active Users"
+							}), /* @__PURE__ */ f(l, { className: "h-4 w-4 text-text-secondary" })]
+						}), /* @__PURE__ */ p(_, { children: [/* @__PURE__ */ f("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: Math.round(w.length * .76)
-						}), /* @__PURE__ */ d("p", {
+							children: P
+						}), /* @__PURE__ */ f("p", {
 							className: "text-xs text-text-secondary",
-							children: "Estimated from active workforce"
+							children: "Currently active employees"
 						})] })]
 					}),
-					/* @__PURE__ */ f(b, {
+					/* @__PURE__ */ p(x, {
 						treatment: "metric",
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ f(v, {
+						children: [/* @__PURE__ */ p(y, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ d(y, {
+							children: [/* @__PURE__ */ f(b, {
 								className: "text-sm font-medium",
-								children: "System Uptime"
-							}), /* @__PURE__ */ d(s, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ f(g, { children: [/* @__PURE__ */ d("div", {
+								children: "Operational Modules"
+							}), /* @__PURE__ */ f(s, { className: "h-4 w-4 text-text-secondary" })]
+						}), /* @__PURE__ */ p(_, { children: [/* @__PURE__ */ p("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: "99.95%"
-						}), /* @__PURE__ */ d("p", {
+							children: [
+								N,
+								"/",
+								j.length
+							]
+						}), /* @__PURE__ */ f("p", {
 							className: "text-xs text-text-secondary",
-							children: "Rolling platform uptime"
+							children: "Modules reporting healthy"
 						})] })]
 					}),
-					/* @__PURE__ */ f(b, {
+					/* @__PURE__ */ p(x, {
 						treatment: "metric",
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ f(v, {
+						children: [/* @__PURE__ */ p(y, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ d(y, {
+							children: [/* @__PURE__ */ f(b, {
 								className: "text-sm font-medium",
 								children: "Security Score"
-							}), /* @__PURE__ */ d(c, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ f(g, { children: [/* @__PURE__ */ f("div", {
+							}), /* @__PURE__ */ f(c, { className: "h-4 w-4 text-text-secondary" })]
+						}), /* @__PURE__ */ p(_, { children: [/* @__PURE__ */ p("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: [M, "/100"]
-						}), /* @__PURE__ */ d("p", {
+							children: [F, "/100"]
+						}), /* @__PURE__ */ f("p", {
 							className: "text-xs text-status-success-text",
 							children: "Derived from module health checks"
 						})] })]
 					})
 				]
 			}),
-			/* @__PURE__ */ f("div", {
+			/* @__PURE__ */ p("div", {
 				className: "grid gap-4 md:grid-cols-2",
-				children: [/* @__PURE__ */ f(h, { children: [/* @__PURE__ */ f(v, { children: [/* @__PURE__ */ d(y, { children: "System Status" }), /* @__PURE__ */ d(_, { children: "Module health and uptime" })] }), /* @__PURE__ */ d(g, {
+				children: [/* @__PURE__ */ p(g, { children: [/* @__PURE__ */ p(y, { children: [/* @__PURE__ */ f(b, { children: "System Status" }), /* @__PURE__ */ f(v, { children: "Module health derived from live workspace signals" })] }), /* @__PURE__ */ f(_, {
 					className: "space-y-3",
-					children: k.map((e) => /* @__PURE__ */ f("div", {
+					children: j.map((e) => /* @__PURE__ */ p("div", {
 						className: "flex items-center justify-between rounded border p-3",
-						children: [/* @__PURE__ */ f("div", {
+						children: [/* @__PURE__ */ p("div", {
 							className: "flex items-center gap-3",
-							children: [/* @__PURE__ */ d(e.icon, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ d("span", {
+							children: [/* @__PURE__ */ f(e.icon, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ f("span", {
 								className: "text-sm font-medium",
 								children: e.name
 							})]
-						}), /* @__PURE__ */ f("div", {
-							className: "flex items-center gap-3",
-							children: [/* @__PURE__ */ d("span", {
-								className: "text-xs text-text-secondary",
-								children: e.uptime
-							}), /* @__PURE__ */ d(p, {
-								variant: e.status === "operational" ? "default" : "destructive",
-								className: "text-[10px]",
-								children: e.status
-							})]
+						}), /* @__PURE__ */ f(m, {
+							variant: e.status === "operational" ? "default" : "destructive",
+							className: "text-[10px]",
+							children: e.status
 						})]
 					}, e.name))
-				})] }), /* @__PURE__ */ f(h, { children: [/* @__PURE__ */ f(v, { children: [/* @__PURE__ */ d(y, { children: "User Roles" }), /* @__PURE__ */ d(_, { children: "Role distribution and permissions" })] }), /* @__PURE__ */ f(g, { children: [/* @__PURE__ */ f("div", {
-					className: "mb-2 grid grid-cols-3 gap-2 border-b pb-2 text-xs font-medium text-text-secondary",
-					children: [
-						/* @__PURE__ */ d("span", { children: "Role" }),
-						/* @__PURE__ */ d("span", {
-							className: "text-right",
-							children: "Users"
-						}),
-						/* @__PURE__ */ d("span", { children: "Permissions" })
-					]
-				}), j.map((e) => /* @__PURE__ */ f("div", {
-					className: "grid grid-cols-3 gap-2 border-b py-2 text-sm last:border-0",
-					children: [
-						/* @__PURE__ */ d("span", {
-							className: "font-medium",
-							children: e.role
-						}),
-						/* @__PURE__ */ d("span", {
-							className: "text-right",
-							children: e.count
-						}),
-						/* @__PURE__ */ d("span", {
-							className: "truncate text-xs text-text-secondary",
-							children: e.permissions
-						})
-					]
-				}, e.role))] })] })]
+				})] }), /* @__PURE__ */ p(g, { children: [/* @__PURE__ */ p(y, { children: [/* @__PURE__ */ f(b, { children: "User Roles" }), /* @__PURE__ */ f(v, { children: "Role distribution and permissions" })] }), /* @__PURE__ */ f(_, { children: /* @__PURE__ */ f(T, {
+					columns: [
+						{
+							key: "role",
+							header: "Role",
+							priority: "primary",
+							cell: (e) => /* @__PURE__ */ f("span", {
+								className: "font-medium",
+								children: e.role
+							})
+						},
+						{
+							key: "count",
+							header: "Users",
+							priority: "primary",
+							cell: (e) => /* @__PURE__ */ f("span", {
+								className: "md:block md:text-right",
+								children: e.count
+							})
+						},
+						{
+							key: "permissions",
+							header: "Permissions",
+							priority: "secondary",
+							cell: (e) => /* @__PURE__ */ f("span", {
+								className: "text-xs text-text-secondary",
+								children: e.permissions
+							})
+						}
+					],
+					data: M,
+					rowKey: (e) => e.role
+				}) })] })]
 			}),
-			/* @__PURE__ */ f(h, { children: [/* @__PURE__ */ f(v, { children: [/* @__PURE__ */ d(y, { children: "Recent Audit Log" }), /* @__PURE__ */ d(_, { children: "System activity and security events" })] }), /* @__PURE__ */ f(g, { children: [/* @__PURE__ */ f("div", {
-				className: "mb-2 grid grid-cols-5 gap-2 border-b pb-2 text-xs font-medium text-text-secondary",
-				children: [
-					/* @__PURE__ */ d("span", { children: "Action" }),
-					/* @__PURE__ */ d("span", { children: "Actor" }),
-					/* @__PURE__ */ d("span", { children: "Target" }),
-					/* @__PURE__ */ d("span", { children: "Timestamp" }),
-					/* @__PURE__ */ d("span", { children: "Severity" })
-				]
-			}), A.map((e, t) => /* @__PURE__ */ f("div", {
-				className: "grid grid-cols-5 gap-2 border-b py-2 text-sm last:border-0",
-				children: [
-					/* @__PURE__ */ d("span", {
-						className: "font-medium",
-						children: e.action
-					}),
-					/* @__PURE__ */ d("span", {
-						className: "text-text-secondary",
-						children: e.actor
-					}),
-					/* @__PURE__ */ d("span", {
-						className: "truncate text-text-secondary",
-						children: e.target
-					}),
-					/* @__PURE__ */ d("span", {
-						className: "text-xs",
-						children: e.timestamp
-					}),
-					/* @__PURE__ */ d(p, {
-						variant: e.severity === "high" ? "destructive" : e.severity === "medium" ? "secondary" : "outline",
-						className: "w-fit text-[10px]",
-						children: e.severity
-					})
-				]
-			}, `${e.action}-${t}`))] })] })
+			/* @__PURE__ */ p(g, { children: [/* @__PURE__ */ p(y, { children: [/* @__PURE__ */ f(b, { children: "Recent Audit Log" }), /* @__PURE__ */ f(v, { children: "System activity and security events" })] }), /* @__PURE__ */ f(_, { children: /* @__PURE__ */ f(C, {
+				illustration: "empty-data",
+				title: "Audit log coming soon",
+				description: "A verified trail of real system and security events will appear here once audit-log integration is connected."
+			}) })] })
 		]
 	});
 }
 //#endregion
-export { w as AdminAdminPagePage };
+export { E as AdminAdminPagePage };
 
 //# sourceMappingURL=AdminAdminPagePage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AdminAdminPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/AdminAdminPagePage.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport {\n  Activity,\n  Database,\n  Globe,\n  Lock,\n  Monitor,\n  Server,\n  Shield,\n  Users,\n  Wrench,\n} from 'lucide-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 { useCrewFoundryStore } from '../store/crewfoundryStore';\n\ntype SystemModule = {\n  name: string;\n  status: 'operational' | 'degraded';\n  uptime: string;\n  icon: typeof Lock;\n};\n\ntype AuditLog = {\n  action: string;\n  actor: string;\n  target: string;\n  timestamp: string;\n  severity: 'low' | 'medium' | 'high';\n};\n\ntype UserRole = {\n  role: string;\n  count: number;\n  permissions: string;\n};\n\nconst isoDateTime = (value: string): string => {\n  const parsed = new Date(value);\n  if (Number.isNaN(parsed.getTime())) {\n    return 'Unknown';\n  }\n  return parsed.toLocaleString('en-US', {\n    year: 'numeric',\n    month: '2-digit',\n    day: '2-digit',\n    hour: '2-digit',\n    minute: '2-digit',\n  });\n};\n\nexport function AdminAdminPagePage() {\n  const { employees, departments, notifications, payrollRecords, jobPostings } =\n    useCrewFoundryStore();\n\n  const systemModules = useMemo<SystemModule[]>(() => {\n    const hasWarning = notifications.some((notification) => notification.type === 'warning');\n    const hasError = notifications.some((notification) => notification.type === 'error');\n\n    return [\n      { name: 'Authentication', status: 'operational', uptime: '99.98%', icon: Lock },\n      { name: 'Employee Directory', status: 'operational', uptime: '99.95%', icon: Users },\n      {\n        name: 'Payroll Engine',\n        status: payrollRecords.some((record) => record.status === 'failed')\n          ? 'degraded'\n          : 'operational',\n        uptime: '99.91%',\n        icon: Database,\n      },\n      { name: 'Recruitment ATS', status: 'operational', uptime: '99.94%', icon: Globe },\n      {\n        name: 'Analytics Pipeline',\n        status: hasWarning || hasError ? 'degraded' : 'operational',\n        uptime: hasWarning || hasError ? '98.70%' : '99.96%',\n        icon: Activity,\n      },\n      {\n        name: 'Notification Service',\n        status: hasError ? 'degraded' : 'operational',\n        uptime: '99.97%',\n        icon: Monitor,\n      },\n    ];\n  }, [notifications, payrollRecords]);\n\n  const recentAuditLogs = useMemo<AuditLog[]>(() => {\n    return notifications.slice(0, 12).map((notification, index) => ({\n      action:\n        notification.type === 'error'\n          ? 'Incident detected'\n          : notification.type === 'warning'\n            ? 'Policy alert generated'\n            : 'Operational event recorded',\n      actor: employees[index % Math.max(employees.length, 1)]\n        ? `${employees[index % employees.length].firstName} ${employees[index % employees.length].lastName}`\n        : 'System',\n      target: notification.title,\n      timestamp: isoDateTime(notification.createdAt),\n      severity:\n        notification.type === 'error' ? 'high' : notification.type === 'warning' ? 'medium' : 'low',\n    }));\n  }, [employees, notifications]);\n\n  const userRoles = useMemo<UserRole[]>(() => {\n    const managers = employees.filter((employee) =>\n      employee.position.toLowerCase().includes('manager')\n    ).length;\n    const leads = employees.filter((employee) =>\n      employee.position.toLowerCase().includes('lead')\n    ).length;\n    const recruiters = jobPostings.filter((posting) => posting.status === 'active').length;\n    return [\n      { role: 'Super Admin', count: 2, permissions: 'Full access' },\n      {\n        role: 'HR Manager',\n        count: Math.max(1, managers),\n        permissions: 'Employee, payroll, leave management',\n      },\n      {\n        role: 'Hiring Manager',\n        count: Math.max(1, recruiters),\n        permissions: 'Job postings, candidates, interviews',\n      },\n      {\n        role: 'Department Lead',\n        count: Math.max(1, leads),\n        permissions: 'Team management, reports',\n      },\n      {\n        role: 'Employee',\n        count: Math.max(0, employees.length - managers - leads),\n        permissions: 'Self-service, directory, learning',\n      },\n    ];\n  }, [employees, jobPostings]);\n\n  const securityScore = Math.round(\n    (systemModules.filter((module) => module.status === 'operational').length /\n      Math.max(systemModules.length, 1)) *\n      100\n  );\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>Administration</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">System administration and access management</p>\n          <PagePurpose className=\"mt-1\">Manage organization-wide settings, roles, and system controls from one place — use it to onboard admins, adjust permissions, and keep your CrewFoundry workspace secure and compliant.</PagePurpose>\n        </div>\n        <div className=\"flex gap-2\">\n          <Button variant=\"outline\" size=\"sm\">\n            <Wrench className=\"mr-1 h-4 w-4\" />\n            System Settings\n          </Button>\n          <Button size=\"sm\">\n            <Shield className=\"mr-1 h-4 w-4\" />\n            Security\n          </Button>\n        </div>\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 Users</CardTitle>\n            <Users className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{employees.length}</div>\n            <p className=\"text-xs text-text-secondary\">{departments.length} departments</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\">Active Sessions</CardTitle>\n            <Monitor className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">\n              {Math.round(employees.length * 0.76)}\n            </div>\n            <p className=\"text-xs text-text-secondary\">Estimated from active workforce</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\">System Uptime</CardTitle>\n            <Server className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">99.95%</div>\n            <p className=\"text-xs text-text-secondary\">Rolling platform uptime</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\">Security Score</CardTitle>\n            <Shield className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{securityScore}/100</div>\n            <p className=\"text-xs text-status-success-text\">Derived from module health checks</p>\n          </CardContent>\n        </GlassCard>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-2\">\n        <Card>\n          <CardHeader>\n            <CardTitle>System Status</CardTitle>\n            <CardDescription>Module health and uptime</CardDescription>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {systemModules.map((module) => (\n              <div\n                key={module.name}\n                className=\"flex items-center justify-between rounded border p-3\"\n              >\n                <div className=\"flex items-center gap-3\">\n                  <module.icon className=\"h-4 w-4 text-text-secondary\" />\n                  <span className=\"text-sm font-medium\">{module.name}</span>\n                </div>\n                <div className=\"flex items-center gap-3\">\n                  <span className=\"text-xs text-text-secondary\">{module.uptime}</span>\n                  <Badge\n                    variant={module.status === 'operational' ? 'default' : 'destructive'}\n                    className=\"text-[10px]\"\n                  >\n                    {module.status}\n                  </Badge>\n                </div>\n              </div>\n            ))}\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle>User Roles</CardTitle>\n            <CardDescription>Role distribution and permissions</CardDescription>\n          </CardHeader>\n          <CardContent>\n            <div className=\"mb-2 grid grid-cols-3 gap-2 border-b pb-2 text-xs font-medium text-text-secondary\">\n              <span>Role</span>\n              <span className=\"text-right\">Users</span>\n              <span>Permissions</span>\n            </div>\n            {userRoles.map((role) => (\n              <div\n                key={role.role}\n                className=\"grid grid-cols-3 gap-2 border-b py-2 text-sm last:border-0\"\n              >\n                <span className=\"font-medium\">{role.role}</span>\n                <span className=\"text-right\">{role.count}</span>\n                <span className=\"truncate text-xs text-text-secondary\">{role.permissions}</span>\n              </div>\n            ))}\n          </CardContent>\n        </Card>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Recent Audit Log</CardTitle>\n          <CardDescription>System activity and security events</CardDescription>\n        </CardHeader>\n        <CardContent>\n          <div className=\"mb-2 grid grid-cols-5 gap-2 border-b pb-2 text-xs font-medium text-text-secondary\">\n            <span>Action</span>\n            <span>Actor</span>\n            <span>Target</span>\n            <span>Timestamp</span>\n            <span>Severity</span>\n          </div>\n          {recentAuditLogs.map((log, index) => (\n            <div\n              key={`${log.action}-${index}`}\n              className=\"grid grid-cols-5 gap-2 border-b py-2 text-sm last:border-0\"\n            >\n              <span className=\"font-medium\">{log.action}</span>\n              <span className=\"text-text-secondary\">{log.actor}</span>\n              <span className=\"truncate text-text-secondary\">{log.target}</span>\n              <span className=\"text-xs\">{log.timestamp}</span>\n              <Badge\n                variant={\n                  log.severity === 'high'\n                    ? 'destructive'\n                    : log.severity === 'medium'\n                      ? 'secondary'\n                      : 'outline'\n                }\n                className=\"w-fit text-[10px]\"\n              >\n                {log.severity}\n              </Badge>\n            </div>\n          ))}\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"AdminAdminPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/AdminAdminPagePage.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport {\n  Activity,\n  Database,\n  Globe,\n  Lock,\n  Monitor,\n  Server,\n  Shield,\n  UserCheck,\n  Users,\n  Wrench,\n} from 'lucide-react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  PagePurpose,\n  ResponsiveTable,\n  type ResponsiveTableColumn,\n} from '@burdenoff/fe-libs/ui';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\ntype SystemModule = {\n  name: string;\n  status: 'operational' | 'degraded';\n  icon: typeof Lock;\n};\n\ntype UserRole = {\n  role: string;\n  count: number;\n  permissions: string;\n};\n\nexport function AdminAdminPagePage() {\n  const { employees, departments, notifications, payrollRecords, jobPostings } =\n    useCrewFoundryStore();\n\n  const systemModules = useMemo<SystemModule[]>(() => {\n    const hasWarning = notifications.some((notification) => notification.type === 'warning');\n    const hasError = notifications.some((notification) => notification.type === 'error');\n\n    return [\n      { name: 'Authentication', status: 'operational', icon: Lock },\n      { name: 'Employee Directory', status: 'operational', icon: Users },\n      {\n        name: 'Payroll Engine',\n        status: payrollRecords.some((record) => record.status === 'failed')\n          ? 'degraded'\n          : 'operational',\n        icon: Database,\n      },\n      { name: 'Recruitment ATS', status: 'operational', icon: Globe },\n      {\n        name: 'Analytics Pipeline',\n        status: hasWarning || hasError ? 'degraded' : 'operational',\n        icon: Activity,\n      },\n      {\n        name: 'Notification Service',\n        status: hasError ? 'degraded' : 'operational',\n        icon: Monitor,\n      },\n    ];\n  }, [notifications, payrollRecords]);\n\n  // Role distribution derived from real employee positions and active postings.\n  const userRoles = useMemo<UserRole[]>(() => {\n    const managers = employees.filter((employee) =>\n      employee.position.toLowerCase().includes('manager')\n    ).length;\n    const leads = employees.filter((employee) =>\n      employee.position.toLowerCase().includes('lead')\n    ).length;\n    const recruiters = jobPostings.filter((posting) => posting.status === 'active').length;\n    return [\n      {\n        role: 'HR Manager',\n        count: Math.max(1, managers),\n        permissions: 'Employee, payroll, leave management',\n      },\n      {\n        role: 'Hiring Manager',\n        count: Math.max(1, recruiters),\n        permissions: 'Job postings, candidates, interviews',\n      },\n      {\n        role: 'Department Lead',\n        count: Math.max(1, leads),\n        permissions: 'Team management, reports',\n      },\n      {\n        role: 'Employee',\n        count: Math.max(0, employees.length - managers - leads),\n        permissions: 'Self-service, directory, learning',\n      },\n    ];\n  }, [employees, jobPostings]);\n\n  const operationalModules = systemModules.filter(\n    (module) => module.status === 'operational'\n  ).length;\n  const activeUsers = employees.filter((employee) => employee.status === 'active').length;\n  const securityScore = Math.round(\n    (operationalModules / Math.max(systemModules.length, 1)) * 100\n  );\n\n  const roleColumns: ResponsiveTableColumn<UserRole>[] = [\n    {\n      key: 'role',\n      header: 'Role',\n      priority: 'primary',\n      cell: (role) => <span className=\"font-medium\">{role.role}</span>,\n    },\n    {\n      key: 'count',\n      header: 'Users',\n      priority: 'primary',\n      cell: (role) => <span className=\"md:block md:text-right\">{role.count}</span>,\n    },\n    {\n      key: 'permissions',\n      header: 'Permissions',\n      priority: 'secondary',\n      cell: (role) => <span className=\"text-xs text-text-secondary\">{role.permissions}</span>,\n    },\n  ];\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">\n            <GradientText>Administration</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">System administration and access management</p>\n          <PagePurpose className=\"mt-1\">Manage organization-wide settings, roles, and system controls from one place — use it to onboard admins, adjust permissions, and keep your CrewFoundry workspace secure and compliant.</PagePurpose>\n        </div>\n        <div className=\"flex gap-2\">\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            disabled\n            aria-label=\"System settings (coming soon)\"\n            title=\"System settings are coming soon\"\n          >\n            <Wrench className=\"mr-1 h-4 w-4\" />\n            System Settings\n          </Button>\n          <Button\n            size=\"sm\"\n            disabled\n            aria-label=\"Security controls (coming soon)\"\n            title=\"Security controls are coming soon\"\n          >\n            <Shield className=\"mr-1 h-4 w-4\" />\n            Security\n          </Button>\n        </div>\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 Users</CardTitle>\n            <Users className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{employees.length}</div>\n            <p className=\"text-xs text-text-secondary\">{departments.length} departments</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\">Active Users</CardTitle>\n            <UserCheck className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{activeUsers}</div>\n            <p className=\"text-xs text-text-secondary\">Currently active employees</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\">Operational Modules</CardTitle>\n            <Server className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">\n              {operationalModules}/{systemModules.length}\n            </div>\n            <p className=\"text-xs text-text-secondary\">Modules reporting healthy</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\">Security Score</CardTitle>\n            <Shield className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{securityScore}/100</div>\n            <p className=\"text-xs text-status-success-text\">Derived from module health checks</p>\n          </CardContent>\n        </GlassCard>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-2\">\n        <Card>\n          <CardHeader>\n            <CardTitle>System Status</CardTitle>\n            <CardDescription>Module health derived from live workspace signals</CardDescription>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {systemModules.map((module) => (\n              <div\n                key={module.name}\n                className=\"flex items-center justify-between rounded border p-3\"\n              >\n                <div className=\"flex items-center gap-3\">\n                  <module.icon className=\"h-4 w-4 text-text-secondary\" />\n                  <span className=\"text-sm font-medium\">{module.name}</span>\n                </div>\n                <Badge\n                  variant={module.status === 'operational' ? 'default' : 'destructive'}\n                  className=\"text-[10px]\"\n                >\n                  {module.status}\n                </Badge>\n              </div>\n            ))}\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle>User Roles</CardTitle>\n            <CardDescription>Role distribution and permissions</CardDescription>\n          </CardHeader>\n          <CardContent>\n            <ResponsiveTable columns={roleColumns} data={userRoles} rowKey={(role) => role.role} />\n          </CardContent>\n        </Card>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Recent Audit Log</CardTitle>\n          <CardDescription>System activity and security events</CardDescription>\n        </CardHeader>\n        <CardContent>\n          <IllustratedEmptyState\n            illustration=\"empty-data\"\n            title=\"Audit log coming soon\"\n            description=\"A verified trail of real system and security events will appear here once audit-log integration is connected.\"\n          />\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}