@burdenoff/microfe-crewfoundry 2026.625.1 → 2026.625.2

package/dist/crewfoundry/pages/AdminAdminPagePage.js

@@ -2,9 +2,9 @@ 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 } from "@burdenoff/fe-libs/ui";
+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";
 //#region src/crewfoundry/pages/AdminAdminPagePage.tsx
-var S = (e) => {
+var C = (e) => {
 	let t = new Date(e);
 	return Number.isNaN(t.getTime()) ? "Unknown" : t.toLocaleString("en-US", {
 		year: "numeric",
@@ -14,9 +14,9 @@ var S = (e) => {
 		minute: "2-digit"
 	});
 };
-function C() {
-	let { employees: C, departments: w, notifications: T, payrollRecords: E, jobPostings: D } = e(), O = t(() => {
-		let e = T.some((e) => e.type === "warning"), t = T.some((e) => e.type === "error");
+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");
 		return [
 			{
 				name: "Authentication",
@@ -32,7 +32,7 @@ function C() {
 			},
 			{
 				name: "Payroll Engine",
-				status: E.some((e) => e.status === "failed") ? "degraded" : "operational",
+				status: D.some((e) => e.status === "failed") ? "degraded" : "operational",
 				uptime: "99.91%",
 				icon: r
 			},
@@ -55,14 +55,14 @@ function C() {
 				icon: o
 			}
 		];
-	}, [T, E]), k = t(() => T.slice(0, 12).map((e, t) => ({
+	}, [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: C[t % Math.max(C.length, 1)] ? `${C[t % C.length].firstName} ${C[t % C.length].lastName}` : "System",
+		actor: w[t % Math.max(w.length, 1)] ? `${w[t % w.length].firstName} ${w[t % w.length].lastName}` : "System",
 		target: e.title,
-		timestamp: S(e.createdAt),
+		timestamp: C(e.createdAt),
 		severity: e.type === "error" ? "high" : e.type === "warning" ? "medium" : "low"
-	})), [C, T]), A = t(() => {
-		let e = C.filter((e) => e.position.toLowerCase().includes("manager")).length, t = C.filter((e) => e.position.toLowerCase().includes("lead")).length, n = D.filter((e) => e.status === "active").length;
+	})), [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;
 		return [
 			{
 				role: "Super Admin",
@@ -86,23 +86,30 @@ function C() {
 			},
 			{
 				role: "Employee",
-				count: Math.max(0, C.length - e - t),
+				count: Math.max(0, w.length - e - t),
 				permissions: "Self-service, directory, learning"
 			}
 		];
-	}, [C, D]), j = Math.round(O.filter((e) => e.status === "operational").length / Math.max(O.length, 1) * 100);
+	}, [w, O]), M = Math.round(k.filter((e) => e.status === "operational").length / Math.max(k.length, 1) * 100);
 	return /* @__PURE__ */ f("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", {
-					className: "text-2xl font-semibold",
-					children: /* @__PURE__ */ d(x, { children: "Administration" })
-				}), /* @__PURE__ */ d("p", {
-					className: "text-sm text-text-secondary",
-					children: "System administration and access management"
-				})] }), /* @__PURE__ */ f("div", {
+				children: [/* @__PURE__ */ f("div", { children: [
+					/* @__PURE__ */ d("h1", {
+						className: "text-2xl font-semibold",
+						children: /* @__PURE__ */ d(x, { children: "Administration" })
+					}),
+					/* @__PURE__ */ d("p", {
+						className: "text-sm text-text-secondary",
+						children: "System administration and access management"
+					}),
+					/* @__PURE__ */ d(S, {
+						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", {
 					className: "flex gap-2",
 					children: [/* @__PURE__ */ f(m, {
 						variant: "outline",
@@ -118,7 +125,8 @@ function C() {
 				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4",
 				children: [
 					/* @__PURE__ */ f(b, {
-						treatment: "metric",
+						treatment: "glass",
+						glow: !0,
 						className: "border-border-seam",
 						children: [/* @__PURE__ */ f(v, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
@@ -128,10 +136,10 @@ function C() {
 							}), /* @__PURE__ */ d(l, { className: "h-4 w-4 text-text-secondary" })]
 						}), /* @__PURE__ */ f(g, { children: [/* @__PURE__ */ d("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: C.length
+							children: w.length
 						}), /* @__PURE__ */ f("p", {
 							className: "text-xs text-text-secondary",
-							children: [w.length, " departments"]
+							children: [T.length, " departments"]
 						})] })]
 					}),
 					/* @__PURE__ */ f(b, {
@@ -145,7 +153,7 @@ function C() {
 							}), /* @__PURE__ */ d(o, { className: "h-4 w-4 text-text-secondary" })]
 						}), /* @__PURE__ */ f(g, { children: [/* @__PURE__ */ d("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: Math.round(C.length * .76)
+							children: Math.round(w.length * .76)
 						}), /* @__PURE__ */ d("p", {
 							className: "text-xs text-text-secondary",
 							children: "Estimated from active workforce"
@@ -179,7 +187,7 @@ function C() {
 							}), /* @__PURE__ */ d(c, { className: "h-4 w-4 text-text-secondary" })]
 						}), /* @__PURE__ */ f(g, { children: [/* @__PURE__ */ f("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: [j, "/100"]
+							children: [M, "/100"]
 						}), /* @__PURE__ */ d("p", {
 							className: "text-xs text-status-success-text",
 							children: "Derived from module health checks"
@@ -191,7 +199,7 @@ function C() {
 				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, {
 					className: "space-y-3",
-					children: O.map((e) => /* @__PURE__ */ f("div", {
+					children: k.map((e) => /* @__PURE__ */ f("div", {
 						className: "flex items-center justify-between rounded border p-3",
 						children: [/* @__PURE__ */ f("div", {
 							className: "flex items-center gap-3",
@@ -221,7 +229,7 @@ function C() {
 						}),
 						/* @__PURE__ */ d("span", { children: "Permissions" })
 					]
-				}), A.map((e) => /* @__PURE__ */ f("div", {
+				}), 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", {
@@ -248,7 +256,7 @@ function C() {
 					/* @__PURE__ */ d("span", { children: "Timestamp" }),
 					/* @__PURE__ */ d("span", { children: "Severity" })
 				]
-			}), k.map((e, t) => /* @__PURE__ */ f("div", {
+			}), 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", {
@@ -278,6 +286,6 @@ function C() {
 	});
 }
 //#endregion
-export { C as AdminAdminPagePage };
+export { w 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} 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        </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=\"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\">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  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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"}

package/dist/crewfoundry/pages/AnalyticsAnalyticsPagePage.js

@@ -2,69 +2,76 @@ import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
 import { useMemo as t } from "react";
 import { Activity as n, BarChart3 as r, Calendar as i, PieChart as a, TrendingUp as o, Users as s } from "lucide-react";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { Badge as u, Button as d, Card as f, CardContent as p, CardDescription as m, CardHeader as h, CardTitle as g, GlassCard as _, GradientText as v, Tabs as y, TabsContent as b, TabsList as x, TabsTrigger as S } from "@burdenoff/fe-libs/ui";
+import { Badge as u, Button as d, Card as f, CardContent as p, CardDescription as m, CardHeader as h, CardTitle as g, GlassCard as _, GradientText as v, PagePurpose as y, Tabs as b, TabsContent as x, TabsList as S, TabsTrigger as C } from "@burdenoff/fe-libs/ui";
 //#region src/crewfoundry/pages/AnalyticsAnalyticsPagePage.tsx
-function C() {
-	let { employees: C, departments: w, jobPostings: T, candidates: E, projects: D } = e(), O = t(() => {
-		let e = [...C].sort((e, t) => e.startDate.localeCompare(t.startDate)), t = e.slice(-6).map((t, n) => {
+function w() {
+	let { employees: w, departments: T, jobPostings: E, candidates: D, projects: O } = e(), k = t(() => {
+		let e = [...w].sort((e, t) => e.startDate.localeCompare(t.startDate)), t = e.slice(-6).map((t, n) => {
 			let r = new Date(t.startDate).toLocaleString("en-US", { month: "short" }), i = e.filter((e) => new Date(e.startDate).toLocaleString("en-US", { month: "short" }) === r && e.status === "active").length, a = e.filter((e) => new Date(e.startDate).toLocaleString("en-US", { month: "short" }) === r && e.status === "terminated").length;
 			return {
 				month: r,
 				headcount: Math.max(1, e.length - (5 - n) * 2),
 				hires: i,
 				exits: a,
-				openRoles: Math.max(0, T.filter((e) => e.status === "active").length - n)
+				openRoles: Math.max(0, E.filter((e) => e.status === "active").length - n)
 			};
 		});
 		return t.length > 0 ? t : [];
-	}, [C, T]), k = w.map((e) => ({
+	}, [w, E]), A = T.map((e) => ({
 		name: e.name,
 		count: e.employeeCount,
 		budget: e.budget
-	})), A = Math.max(1, ...k.map((e) => e.count)), j = Math.max(1, ...O.map((e) => e.headcount)), M = t(() => [
+	})), j = Math.max(1, ...A.map((e) => e.count)), M = Math.max(1, ...k.map((e) => e.headcount)), N = t(() => [
 		{
 			stage: "Applications",
-			count: T.reduce((e, t) => e + t.applicants, 0),
+			count: E.reduce((e, t) => e + t.applicants, 0),
 			color: "bg-status-info-text"
 		},
 		{
 			stage: "Screening",
-			count: E.filter((e) => e.status === "screening").length,
+			count: D.filter((e) => e.status === "screening").length,
 			color: "bg-status-info-text"
 		},
 		{
 			stage: "Interview",
-			count: E.filter((e) => e.status === "interview").length,
+			count: D.filter((e) => e.status === "interview").length,
 			color: "bg-action-primary-bg"
 		},
 		{
 			stage: "Assessment",
-			count: E.filter((e) => e.status === "assessment").length,
+			count: D.filter((e) => e.status === "assessment").length,
 			color: "bg-action-primary-bg"
 		},
 		{
 			stage: "Offer",
-			count: E.filter((e) => e.status === "offer").length,
+			count: D.filter((e) => e.status === "offer").length,
 			color: "bg-status-warning-text"
 		},
 		{
 			stage: "Hired",
-			count: E.filter((e) => e.status === "hired").length,
+			count: D.filter((e) => e.status === "hired").length,
 			color: "bg-status-success-text"
 		}
-	], [E, T]), N = Math.max(1, ...M.map((e) => e.count));
+	], [D, E]), P = Math.max(1, ...N.map((e) => e.count));
 	return /* @__PURE__ */ l("div", {
 		className: "space-y-6 p-6",
 		children: [
 			/* @__PURE__ */ l("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("h1", {
-					className: "text-2xl font-semibold",
-					children: /* @__PURE__ */ c(v, { children: "Workforce Analytics" })
-				}), /* @__PURE__ */ c("p", {
-					className: "text-sm text-text-secondary",
-					children: "Comprehensive analytics across all HR domains"
-				})] }), /* @__PURE__ */ l(d, {
+				children: [/* @__PURE__ */ l("div", { children: [
+					/* @__PURE__ */ c("h1", {
+						className: "text-2xl font-semibold",
+						children: /* @__PURE__ */ c(v, { children: "Workforce Analytics" })
+					}),
+					/* @__PURE__ */ c("p", {
+						className: "text-sm text-text-secondary",
+						children: "Comprehensive analytics across all HR domains"
+					}),
+					/* @__PURE__ */ c(y, {
+						className: "mt-1",
+						children: "Your workforce analytics hub — track headcount, performance, and engagement trends here to spot what's working and where your teams need attention."
+					})
+				] }), /* @__PURE__ */ l(d, {
 					variant: "outline",
 					size: "sm",
 					children: [/* @__PURE__ */ c(i, { className: "mr-2 h-4 w-4" }), "Rolling 6 Months"]
@@ -74,7 +81,8 @@ function C() {
 				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4",
 				children: [
 					/* @__PURE__ */ l(_, {
-						treatment: "metric",
+						treatment: "glass",
+						glow: !0,
 						className: "border-border-seam",
 						children: [/* @__PURE__ */ l(h, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
@@ -84,7 +92,7 @@ function C() {
 							}), /* @__PURE__ */ c(s, { className: "h-4 w-4 text-text-secondary" })]
 						}), /* @__PURE__ */ l(p, { children: [/* @__PURE__ */ c("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: C.length
+							children: w.length
 						}), /* @__PURE__ */ l("div", {
 							className: "flex items-center text-xs text-status-success-text",
 							children: [/* @__PURE__ */ c(o, { className: "mr-1 h-3 w-3" }), "Live headcount data"]
@@ -101,7 +109,7 @@ function C() {
 							}), /* @__PURE__ */ c(a, { className: "h-4 w-4 text-text-secondary" })]
 						}), /* @__PURE__ */ l(p, { children: [/* @__PURE__ */ c("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: w.length
+							children: T.length
 						}), /* @__PURE__ */ c("p", {
 							className: "text-xs text-text-secondary",
 							children: "All departments tracked"
@@ -118,10 +126,10 @@ function C() {
 							}), /* @__PURE__ */ c(n, { className: "h-4 w-4 text-text-secondary" })]
 						}), /* @__PURE__ */ l(p, { children: [/* @__PURE__ */ c("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: D.filter((e) => e.status === "active").length
+							children: O.filter((e) => e.status === "active").length
 						}), /* @__PURE__ */ l("p", {
 							className: "text-xs text-text-secondary",
-							children: [D.filter((e) => e.status === "completed").length, " completed"]
+							children: [O.filter((e) => e.status === "completed").length, " completed"]
 						})] })]
 					}),
 					/* @__PURE__ */ l(_, {
@@ -135,7 +143,7 @@ function C() {
 							}), /* @__PURE__ */ c(r, { className: "h-4 w-4 text-text-secondary" })]
 						}), /* @__PURE__ */ l(p, { children: [/* @__PURE__ */ c("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: E.length
+							children: D.length
 						}), /* @__PURE__ */ c("p", {
 							className: "text-xs text-text-secondary",
 							children: "candidates in pipeline"
@@ -143,29 +151,29 @@ function C() {
 					})
 				]
 			}),
-			/* @__PURE__ */ l(y, {
+			/* @__PURE__ */ l(b, {
 				defaultValue: "overview",
 				children: [
-					/* @__PURE__ */ l(x, { children: [
-						/* @__PURE__ */ c(S, {
+					/* @__PURE__ */ l(S, { children: [
+						/* @__PURE__ */ c(C, {
 							value: "overview",
 							children: "Overview"
 						}),
-						/* @__PURE__ */ c(S, {
+						/* @__PURE__ */ c(C, {
 							value: "hiring",
 							children: "Hiring Funnel"
 						}),
-						/* @__PURE__ */ c(S, {
+						/* @__PURE__ */ c(C, {
 							value: "departments",
 							children: "Departments"
 						})
 					] }),
-					/* @__PURE__ */ c(b, {
+					/* @__PURE__ */ c(x, {
 						value: "overview",
 						className: "space-y-4",
 						children: /* @__PURE__ */ l(f, { children: [/* @__PURE__ */ l(h, { children: [/* @__PURE__ */ c(g, { children: "Workforce Growth Trend" }), /* @__PURE__ */ c(m, { children: "Monthly headcount and hiring activity" })] }), /* @__PURE__ */ c(p, {
 							className: "space-y-3",
-							children: O.map((e) => /* @__PURE__ */ l("div", {
+							children: k.map((e) => /* @__PURE__ */ l("div", {
 								className: "flex items-center gap-3",
 								children: [
 									/* @__PURE__ */ c("span", {
@@ -176,7 +184,7 @@ function C() {
 										className: "h-5 flex-1 overflow-hidden rounded bg-bg-sunken",
 										children: /* @__PURE__ */ c("div", {
 											className: "h-5 rounded bg-action-primary-bg",
-											style: { width: `${Math.round(e.headcount / j * 100)}%` }
+											style: { width: `${Math.round(e.headcount / M * 100)}%` }
 										})
 									}),
 									/* @__PURE__ */ c("span", {
@@ -203,12 +211,12 @@ function C() {
 							}, `${e.month}-${e.headcount}`))
 						})] })
 					}),
-					/* @__PURE__ */ c(b, {
+					/* @__PURE__ */ c(x, {
 						value: "hiring",
 						className: "space-y-4",
 						children: /* @__PURE__ */ l(f, { children: [/* @__PURE__ */ l(h, { children: [/* @__PURE__ */ c(g, { children: "Hiring Funnel" }), /* @__PURE__ */ c(m, { children: "Candidate pipeline stages" })] }), /* @__PURE__ */ c(p, {
 							className: "space-y-4",
-							children: M.map((e) => /* @__PURE__ */ l("div", {
+							children: N.map((e) => /* @__PURE__ */ l("div", {
 								className: "flex items-center gap-3",
 								children: [
 									/* @__PURE__ */ c("span", {
@@ -219,7 +227,7 @@ function C() {
 										className: "h-6 flex-1 overflow-hidden rounded bg-bg-sunken",
 										children: /* @__PURE__ */ c("div", {
 											className: `h-6 rounded ${e.color}`,
-											style: { width: `${Math.max(Math.round(e.count / N * 100), 5)}%` }
+											style: { width: `${Math.max(Math.round(e.count / P * 100), 5)}%` }
 										})
 									}),
 									/* @__PURE__ */ c("span", {
@@ -230,7 +238,7 @@ function C() {
 							}, e.stage))
 						})] })
 					}),
-					/* @__PURE__ */ c(b, {
+					/* @__PURE__ */ c(x, {
 						value: "departments",
 						className: "space-y-4",
 						children: /* @__PURE__ */ l(f, { children: [/* @__PURE__ */ l(h, { children: [/* @__PURE__ */ c(g, { children: "Department Breakdown" }), /* @__PURE__ */ c(m, { children: "Headcount and budget by department" })] }), /* @__PURE__ */ l(p, { children: [/* @__PURE__ */ l("div", {
@@ -247,7 +255,7 @@ function C() {
 								}),
 								/* @__PURE__ */ c("span", { children: "Distribution" })
 							]
-						}), k.sort((e, t) => t.count - e.count).map((e) => /* @__PURE__ */ l("div", {
+						}), A.sort((e, t) => t.count - e.count).map((e) => /* @__PURE__ */ l("div", {
 							className: "grid grid-cols-4 items-center gap-2 border-b py-2 text-sm last:border-0",
 							children: [
 								/* @__PURE__ */ c("span", {
@@ -270,7 +278,7 @@ function C() {
 									className: "h-3 overflow-hidden rounded bg-bg-sunken",
 									children: /* @__PURE__ */ c("div", {
 										className: "h-3 rounded bg-action-primary-bg/70",
-										style: { width: `${Math.round(e.count / A * 100)}%` }
+										style: { width: `${Math.round(e.count / j * 100)}%` }
 									})
 								})
 							]
@@ -282,6 +290,6 @@ function C() {
 	});
 }
 //#endregion
-export { C as AnalyticsAnalyticsPagePage };
+export { w as AnalyticsAnalyticsPagePage };
 
 //# sourceMappingURL=AnalyticsAnalyticsPagePage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AnalyticsAnalyticsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/AnalyticsAnalyticsPagePage.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { Activity, BarChart3, Calendar, PieChart, TrendingUp, Users } from 'lucide-react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  Tabs,\n  TabsContent,\n  TabsList,\n  TabsTrigger,\n} from '@burdenoff/fe-libs/ui';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\ntype MonthlyMetric = {\n  month: string;\n  headcount: number;\n  hires: number;\n  exits: number;\n  openRoles: number;\n};\n\ntype FunnelStage = {\n  stage: string;\n  count: number;\n  color: string;\n};\n\nexport function AnalyticsAnalyticsPagePage() {\n  const { employees, departments, jobPostings, candidates, projects } = useCrewFoundryStore();\n\n  const monthlyMetrics = useMemo<MonthlyMetric[]>(() => {\n    const sortedEmployees = [...employees].sort((a, b) => a.startDate.localeCompare(b.startDate));\n    const months = sortedEmployees.slice(-6).map((employee, index) => {\n      const month = new Date(employee.startDate).toLocaleString('en-US', { month: 'short' });\n      const hires = sortedEmployees.filter(\n        (item) =>\n          new Date(item.startDate).toLocaleString('en-US', { month: 'short' }) === month &&\n          item.status === 'active'\n      ).length;\n      const exits = sortedEmployees.filter(\n        (item) =>\n          new Date(item.startDate).toLocaleString('en-US', { month: 'short' }) === month &&\n          item.status === 'terminated'\n      ).length;\n      return {\n        month,\n        headcount: Math.max(1, sortedEmployees.length - (5 - index) * 2),\n        hires,\n        exits,\n        openRoles: Math.max(\n          0,\n          jobPostings.filter((posting) => posting.status === 'active').length - index\n        ),\n      };\n    });\n    return months.length > 0 ? months : [];\n  }, [employees, jobPostings]);\n\n  const deptDistribution = departments.map((department) => ({\n    name: department.name,\n    count: department.employeeCount,\n    budget: department.budget,\n  }));\n\n  const maxDeptCount = Math.max(1, ...deptDistribution.map((department) => department.count));\n  const maxMetric = Math.max(1, ...monthlyMetrics.map((metric) => metric.headcount));\n\n  const hiringFunnel = useMemo<FunnelStage[]>(\n    () => [\n      {\n        stage: 'Applications',\n        count: jobPostings.reduce((sum, posting) => sum + posting.applicants, 0),\n        color: 'bg-status-info-text',\n      },\n      {\n        stage: 'Screening',\n        count: candidates.filter((candidate) => candidate.status === 'screening').length,\n        color: 'bg-status-info-text',\n      },\n      {\n        stage: 'Interview',\n        count: candidates.filter((candidate) => candidate.status === 'interview').length,\n        color: 'bg-action-primary-bg',\n      },\n      {\n        stage: 'Assessment',\n        count: candidates.filter((candidate) => candidate.status === 'assessment').length,\n        color: 'bg-action-primary-bg',\n      },\n      {\n        stage: 'Offer',\n        count: candidates.filter((candidate) => candidate.status === 'offer').length,\n        color: 'bg-status-warning-text',\n      },\n      {\n        stage: 'Hired',\n        count: candidates.filter((candidate) => candidate.status === 'hired').length,\n        color: 'bg-status-success-text',\n      },\n    ],\n    [candidates, jobPostings]\n  );\n\n  const maxFunnel = Math.max(1, ...hiringFunnel.map((stage) => stage.count));\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>Workforce Analytics</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">\n            Comprehensive analytics across all HR domains\n          </p>\n        </div>\n        <Button variant=\"outline\" size=\"sm\">\n          <Calendar className=\"mr-2 h-4 w-4\" />\n          Rolling 6 Months\n        </Button>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-4\">\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\">Total Workforce</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            <div className=\"flex items-center text-xs text-status-success-text\">\n              <TrendingUp className=\"mr-1 h-3 w-3\" />\n              Live headcount data\n            </div>\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 Departments</CardTitle>\n            <PieChart className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{departments.length}</div>\n            <p className=\"text-xs text-text-secondary\">All departments tracked</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 Projects</CardTitle>\n            <Activity className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">\n              {projects.filter((project) => project.status === 'active').length}\n            </div>\n            <p className=\"text-xs text-text-secondary\">\n              {projects.filter((project) => project.status === 'completed').length} completed\n            </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\">Hiring Pipeline</CardTitle>\n            <BarChart3 className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{candidates.length}</div>\n            <p className=\"text-xs text-text-secondary\">candidates in pipeline</p>\n          </CardContent>\n        </GlassCard>\n      </div>\n\n      <Tabs defaultValue=\"overview\">\n        <TabsList>\n          <TabsTrigger value=\"overview\">Overview</TabsTrigger>\n          <TabsTrigger value=\"hiring\">Hiring Funnel</TabsTrigger>\n          <TabsTrigger value=\"departments\">Departments</TabsTrigger>\n        </TabsList>\n\n        <TabsContent value=\"overview\" className=\"space-y-4\">\n          <Card>\n            <CardHeader>\n              <CardTitle>Workforce Growth Trend</CardTitle>\n              <CardDescription>Monthly headcount and hiring activity</CardDescription>\n            </CardHeader>\n            <CardContent className=\"space-y-3\">\n              {monthlyMetrics.map((metric) => (\n                <div\n                  key={`${metric.month}-${metric.headcount}`}\n                  className=\"flex items-center gap-3\"\n                >\n                  <span className=\"w-10 text-sm text-text-secondary\">{metric.month}</span>\n                  <div className=\"h-5 flex-1 overflow-hidden rounded bg-bg-sunken\">\n                    <div\n                      className=\"h-5 rounded bg-action-primary-bg\"\n                      style={{ width: `${Math.round((metric.headcount / maxMetric) * 100)}%` }}\n                    />\n                  </div>\n                  <span className=\"w-10 text-right text-sm font-medium\">{metric.headcount}</span>\n                  <div className=\"flex w-32 justify-end gap-1\">\n                    <Badge variant=\"default\" className=\"text-[10px]\">\n                      +{metric.hires} hired\n                    </Badge>\n                    <Badge variant=\"secondary\" className=\"text-[10px]\">\n                      {metric.openRoles} open\n                    </Badge>\n                  </div>\n                </div>\n              ))}\n            </CardContent>\n          </Card>\n        </TabsContent>\n\n        <TabsContent value=\"hiring\" className=\"space-y-4\">\n          <Card>\n            <CardHeader>\n              <CardTitle>Hiring Funnel</CardTitle>\n              <CardDescription>Candidate pipeline stages</CardDescription>\n            </CardHeader>\n            <CardContent className=\"space-y-4\">\n              {hiringFunnel.map((stage) => (\n                <div key={stage.stage} className=\"flex items-center gap-3\">\n                  <span className=\"w-28 text-sm font-medium\">{stage.stage}</span>\n                  <div className=\"h-6 flex-1 overflow-hidden rounded bg-bg-sunken\">\n                    <div\n                      className={`h-6 rounded ${stage.color}`}\n                      style={{\n                        width: `${Math.max(Math.round((stage.count / maxFunnel) * 100), 5)}%`,\n                      }}\n                    />\n                  </div>\n                  <span className=\"w-10 text-right text-sm font-bold\">{stage.count}</span>\n                </div>\n              ))}\n            </CardContent>\n          </Card>\n        </TabsContent>\n\n        <TabsContent value=\"departments\" className=\"space-y-4\">\n          <Card>\n            <CardHeader>\n              <CardTitle>Department Breakdown</CardTitle>\n              <CardDescription>Headcount and budget by department</CardDescription>\n            </CardHeader>\n            <CardContent>\n              <div className=\"mb-2 grid grid-cols-4 gap-2 border-b pb-2 text-xs font-medium text-text-secondary\">\n                <span>Department</span>\n                <span className=\"text-right\">Headcount</span>\n                <span className=\"text-right\">Budget</span>\n                <span>Distribution</span>\n              </div>\n              {deptDistribution\n                .sort((a, b) => b.count - a.count)\n                .map((department) => (\n                  <div\n                    key={department.name}\n                    className=\"grid grid-cols-4 items-center gap-2 border-b py-2 text-sm last:border-0\"\n                  >\n                    <span className=\"font-medium\">{department.name}</span>\n                    <span className=\"text-right\">{department.count}</span>\n                    <span className=\"text-right\">${(department.budget / 1000000).toFixed(1)}M</span>\n                    <div className=\"h-3 overflow-hidden rounded bg-bg-sunken\">\n                      <div\n                        className=\"h-3 rounded bg-action-primary-bg/70\"\n                        style={{ width: `${Math.round((department.count / maxDeptCount) * 100)}%` }}\n                      />\n                    </div>\n                  </div>\n                ))}\n            </CardContent>\n          </Card>\n        </TabsContent>\n      </Tabs>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"AnalyticsAnalyticsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/AnalyticsAnalyticsPagePage.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { Activity, BarChart3, Calendar, PieChart, TrendingUp, Users } 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  Tabs,\n  TabsContent,\n  TabsList,\n  TabsTrigger,\n} from '@burdenoff/fe-libs/ui';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\ntype MonthlyMetric = {\n  month: string;\n  headcount: number;\n  hires: number;\n  exits: number;\n  openRoles: number;\n};\n\ntype FunnelStage = {\n  stage: string;\n  count: number;\n  color: string;\n};\n\nexport function AnalyticsAnalyticsPagePage() {\n  const { employees, departments, jobPostings, candidates, projects } = useCrewFoundryStore();\n\n  const monthlyMetrics = useMemo<MonthlyMetric[]>(() => {\n    const sortedEmployees = [...employees].sort((a, b) => a.startDate.localeCompare(b.startDate));\n    const months = sortedEmployees.slice(-6).map((employee, index) => {\n      const month = new Date(employee.startDate).toLocaleString('en-US', { month: 'short' });\n      const hires = sortedEmployees.filter(\n        (item) =>\n          new Date(item.startDate).toLocaleString('en-US', { month: 'short' }) === month &&\n          item.status === 'active'\n      ).length;\n      const exits = sortedEmployees.filter(\n        (item) =>\n          new Date(item.startDate).toLocaleString('en-US', { month: 'short' }) === month &&\n          item.status === 'terminated'\n      ).length;\n      return {\n        month,\n        headcount: Math.max(1, sortedEmployees.length - (5 - index) * 2),\n        hires,\n        exits,\n        openRoles: Math.max(\n          0,\n          jobPostings.filter((posting) => posting.status === 'active').length - index\n        ),\n      };\n    });\n    return months.length > 0 ? months : [];\n  }, [employees, jobPostings]);\n\n  const deptDistribution = departments.map((department) => ({\n    name: department.name,\n    count: department.employeeCount,\n    budget: department.budget,\n  }));\n\n  const maxDeptCount = Math.max(1, ...deptDistribution.map((department) => department.count));\n  const maxMetric = Math.max(1, ...monthlyMetrics.map((metric) => metric.headcount));\n\n  const hiringFunnel = useMemo<FunnelStage[]>(\n    () => [\n      {\n        stage: 'Applications',\n        count: jobPostings.reduce((sum, posting) => sum + posting.applicants, 0),\n        color: 'bg-status-info-text',\n      },\n      {\n        stage: 'Screening',\n        count: candidates.filter((candidate) => candidate.status === 'screening').length,\n        color: 'bg-status-info-text',\n      },\n      {\n        stage: 'Interview',\n        count: candidates.filter((candidate) => candidate.status === 'interview').length,\n        color: 'bg-action-primary-bg',\n      },\n      {\n        stage: 'Assessment',\n        count: candidates.filter((candidate) => candidate.status === 'assessment').length,\n        color: 'bg-action-primary-bg',\n      },\n      {\n        stage: 'Offer',\n        count: candidates.filter((candidate) => candidate.status === 'offer').length,\n        color: 'bg-status-warning-text',\n      },\n      {\n        stage: 'Hired',\n        count: candidates.filter((candidate) => candidate.status === 'hired').length,\n        color: 'bg-status-success-text',\n      },\n    ],\n    [candidates, jobPostings]\n  );\n\n  const maxFunnel = Math.max(1, ...hiringFunnel.map((stage) => stage.count));\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>Workforce Analytics</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">\n            Comprehensive analytics across all HR domains\n          </p>\n          <PagePurpose className=\"mt-1\">Your workforce analytics hub — track headcount, performance, and engagement trends here to spot what&apos;s working and where your teams need attention.</PagePurpose>\n        </div>\n        <Button variant=\"outline\" size=\"sm\">\n          <Calendar className=\"mr-2 h-4 w-4\" />\n          Rolling 6 Months\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 Workforce</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            <div className=\"flex items-center text-xs text-status-success-text\">\n              <TrendingUp className=\"mr-1 h-3 w-3\" />\n              Live headcount data\n            </div>\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 Departments</CardTitle>\n            <PieChart className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{departments.length}</div>\n            <p className=\"text-xs text-text-secondary\">All departments tracked</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 Projects</CardTitle>\n            <Activity className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">\n              {projects.filter((project) => project.status === 'active').length}\n            </div>\n            <p className=\"text-xs text-text-secondary\">\n              {projects.filter((project) => project.status === 'completed').length} completed\n            </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\">Hiring Pipeline</CardTitle>\n            <BarChart3 className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{candidates.length}</div>\n            <p className=\"text-xs text-text-secondary\">candidates in pipeline</p>\n          </CardContent>\n        </GlassCard>\n      </div>\n\n      <Tabs defaultValue=\"overview\">\n        <TabsList>\n          <TabsTrigger value=\"overview\">Overview</TabsTrigger>\n          <TabsTrigger value=\"hiring\">Hiring Funnel</TabsTrigger>\n          <TabsTrigger value=\"departments\">Departments</TabsTrigger>\n        </TabsList>\n\n        <TabsContent value=\"overview\" className=\"space-y-4\">\n          <Card>\n            <CardHeader>\n              <CardTitle>Workforce Growth Trend</CardTitle>\n              <CardDescription>Monthly headcount and hiring activity</CardDescription>\n            </CardHeader>\n            <CardContent className=\"space-y-3\">\n              {monthlyMetrics.map((metric) => (\n                <div\n                  key={`${metric.month}-${metric.headcount}`}\n                  className=\"flex items-center gap-3\"\n                >\n                  <span className=\"w-10 text-sm text-text-secondary\">{metric.month}</span>\n                  <div className=\"h-5 flex-1 overflow-hidden rounded bg-bg-sunken\">\n                    <div\n                      className=\"h-5 rounded bg-action-primary-bg\"\n                      style={{ width: `${Math.round((metric.headcount / maxMetric) * 100)}%` }}\n                    />\n                  </div>\n                  <span className=\"w-10 text-right text-sm font-medium\">{metric.headcount}</span>\n                  <div className=\"flex w-32 justify-end gap-1\">\n                    <Badge variant=\"default\" className=\"text-[10px]\">\n                      +{metric.hires} hired\n                    </Badge>\n                    <Badge variant=\"secondary\" className=\"text-[10px]\">\n                      {metric.openRoles} open\n                    </Badge>\n                  </div>\n                </div>\n              ))}\n            </CardContent>\n          </Card>\n        </TabsContent>\n\n        <TabsContent value=\"hiring\" className=\"space-y-4\">\n          <Card>\n            <CardHeader>\n              <CardTitle>Hiring Funnel</CardTitle>\n              <CardDescription>Candidate pipeline stages</CardDescription>\n            </CardHeader>\n            <CardContent className=\"space-y-4\">\n              {hiringFunnel.map((stage) => (\n                <div key={stage.stage} className=\"flex items-center gap-3\">\n                  <span className=\"w-28 text-sm font-medium\">{stage.stage}</span>\n                  <div className=\"h-6 flex-1 overflow-hidden rounded bg-bg-sunken\">\n                    <div\n                      className={`h-6 rounded ${stage.color}`}\n                      style={{\n                        width: `${Math.max(Math.round((stage.count / maxFunnel) * 100), 5)}%`,\n                      }}\n                    />\n                  </div>\n                  <span className=\"w-10 text-right text-sm font-bold\">{stage.count}</span>\n                </div>\n              ))}\n            </CardContent>\n          </Card>\n        </TabsContent>\n\n        <TabsContent value=\"departments\" className=\"space-y-4\">\n          <Card>\n            <CardHeader>\n              <CardTitle>Department Breakdown</CardTitle>\n              <CardDescription>Headcount and budget by department</CardDescription>\n            </CardHeader>\n            <CardContent>\n              <div className=\"mb-2 grid grid-cols-4 gap-2 border-b pb-2 text-xs font-medium text-text-secondary\">\n                <span>Department</span>\n                <span className=\"text-right\">Headcount</span>\n                <span className=\"text-right\">Budget</span>\n                <span>Distribution</span>\n              </div>\n              {deptDistribution\n                .sort((a, b) => b.count - a.count)\n                .map((department) => (\n                  <div\n                    key={department.name}\n                    className=\"grid grid-cols-4 items-center gap-2 border-b py-2 text-sm last:border-0\"\n                  >\n                    <span className=\"font-medium\">{department.name}</span>\n                    <span className=\"text-right\">{department.count}</span>\n                    <span className=\"text-right\">${(department.budget / 1000000).toFixed(1)}M</span>\n                    <div className=\"h-3 overflow-hidden rounded bg-bg-sunken\">\n                      <div\n                        className=\"h-3 rounded bg-action-primary-bg/70\"\n                        style={{ width: `${Math.round((department.count / maxDeptCount) * 100)}%` }}\n                      />\n                    </div>\n                  </div>\n                ))}\n            </CardContent>\n          </Card>\n        </TabsContent>\n      </Tabs>\n    </div>\n  );\n}\n"],"mappings":"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"}