@burdenoff/microfe-crewfoundry 2026.510.105

package/dist/crewfoundry/pages/AdminAdminPagePage.js

@@ -0,0 +1,267 @@
+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 } from "@burdenoff/fe-libs/ui";
+//#region src/crewfoundry/pages/AdminAdminPagePage.tsx
+var b = (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 x() {
+	let { employees: x, departments: S, notifications: C, payrollRecords: w, jobPostings: T } = e(), E = t(() => {
+		let e = C.some((e) => e.type === "warning"), t = C.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
+			},
+			{
+				name: "Payroll Engine",
+				status: w.some((e) => e.status === "failed") ? "degraded" : "operational",
+				uptime: "99.91%",
+				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
+			}
+		];
+	}, [C, w]), D = t(() => C.slice(0, 12).map((e, t) => ({
+		action: e.type === "error" ? "Incident detected" : e.type === "warning" ? "Policy alert generated" : "Operational event recorded",
+		actor: x[t % Math.max(x.length, 1)] ? `${x[t % x.length].firstName} ${x[t % x.length].lastName}` : "System",
+		target: e.title,
+		timestamp: b(e.createdAt),
+		severity: e.type === "error" ? "high" : e.type === "warning" ? "medium" : "low"
+	})), [x, C]), O = t(() => {
+		let e = x.filter((e) => e.position.toLowerCase().includes("manager")).length, t = x.filter((e) => e.position.toLowerCase().includes("lead")).length, n = T.filter((e) => e.status === "active").length;
+		return [
+			{
+				role: "Super Admin",
+				count: 2,
+				permissions: "Full access"
+			},
+			{
+				role: "HR Manager",
+				count: Math.max(1, e),
+				permissions: "Employee, payroll, leave management"
+			},
+			{
+				role: "Hiring Manager",
+				count: Math.max(1, n),
+				permissions: "Job postings, candidates, interviews"
+			},
+			{
+				role: "Department Lead",
+				count: Math.max(1, t),
+				permissions: "Team management, reports"
+			},
+			{
+				role: "Employee",
+				count: Math.max(0, x.length - e - t),
+				permissions: "Self-service, directory, learning"
+			}
+		];
+	}, [x, T]), k = Math.round(E.filter((e) => e.status === "operational").length / Math.max(E.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: "Administration"
+				}), /* @__PURE__ */ d("p", {
+					className: "text-sm text-muted-foreground",
+					children: "System administration and access management"
+				})] }), /* @__PURE__ */ f("div", {
+					className: "flex gap-2",
+					children: [/* @__PURE__ */ f(m, {
+						variant: "outline",
+						size: "sm",
+						children: [/* @__PURE__ */ d(u, { className: "mr-1 h-4 w-4" }), "System Settings"]
+					}), /* @__PURE__ */ f(m, {
+						size: "sm",
+						children: [/* @__PURE__ */ d(c, { className: "mr-1 h-4 w-4" }), "Security"]
+					})]
+				})]
+			}),
+			/* @__PURE__ */ f("div", {
+				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4",
+				children: [
+					/* @__PURE__ */ f(h, { children: [/* @__PURE__ */ f(v, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ d(y, {
+							className: "text-sm font-medium",
+							children: "Total Users"
+						}), /* @__PURE__ */ d(l, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ f(g, { children: [/* @__PURE__ */ d("div", {
+						className: "text-2xl font-bold",
+						children: x.length
+					}), /* @__PURE__ */ f("p", {
+						className: "text-xs text-muted-foreground",
+						children: [S.length, " departments"]
+					})] })] }),
+					/* @__PURE__ */ f(h, { children: [/* @__PURE__ */ f(v, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ d(y, {
+							className: "text-sm font-medium",
+							children: "Active Sessions"
+						}), /* @__PURE__ */ d(o, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ f(g, { children: [/* @__PURE__ */ d("div", {
+						className: "text-2xl font-bold",
+						children: Math.round(x.length * .76)
+					}), /* @__PURE__ */ d("p", {
+						className: "text-xs text-muted-foreground",
+						children: "Estimated from active workforce"
+					})] })] }),
+					/* @__PURE__ */ f(h, { children: [/* @__PURE__ */ f(v, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ d(y, {
+							className: "text-sm font-medium",
+							children: "System Uptime"
+						}), /* @__PURE__ */ d(s, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ f(g, { children: [/* @__PURE__ */ d("div", {
+						className: "text-2xl font-bold",
+						children: "99.95%"
+					}), /* @__PURE__ */ d("p", {
+						className: "text-xs text-muted-foreground",
+						children: "Rolling platform uptime"
+					})] })] }),
+					/* @__PURE__ */ f(h, { children: [/* @__PURE__ */ f(v, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ d(y, {
+							className: "text-sm font-medium",
+							children: "Security Score"
+						}), /* @__PURE__ */ d(c, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ f(g, { children: [/* @__PURE__ */ f("div", {
+						className: "text-2xl font-bold",
+						children: [k, "/100"]
+					}), /* @__PURE__ */ d("p", {
+						className: "text-xs text-green-600",
+						children: "Derived from module health checks"
+					})] })] })
+				]
+			}),
+			/* @__PURE__ */ f("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, {
+					className: "space-y-3",
+					children: E.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",
+							children: [/* @__PURE__ */ d(e.icon, { className: "h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ d("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-muted-foreground",
+								children: e.uptime
+							}), /* @__PURE__ */ d(p, {
+								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-muted-foreground",
+					children: [
+						/* @__PURE__ */ d("span", { children: "Role" }),
+						/* @__PURE__ */ d("span", {
+							className: "text-right",
+							children: "Users"
+						}),
+						/* @__PURE__ */ d("span", { children: "Permissions" })
+					]
+				}), O.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-muted-foreground",
+							children: e.permissions
+						})
+					]
+				}, 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-muted-foreground",
+				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" })
+				]
+			}), D.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-muted-foreground",
+						children: e.actor
+					}),
+					/* @__PURE__ */ d("span", {
+						className: "truncate text-muted-foreground",
+						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}`))] })] })
+		]
+	});
+}
+//#endregion
+export { x as AdminAdminPagePage };
+
+//# sourceMappingURL=AdminAdminPagePage.js.map

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

@@ -0,0 +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} 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\">Administration</h1>\n          <p className=\"text-sm text-muted-foreground\">\n            System administration and access management\n          </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        <Card>\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-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{employees.length}</div>\n            <p className=\"text-xs text-muted-foreground\">{departments.length} departments</p>\n          </CardContent>\n        </Card>\n        <Card>\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-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{Math.round(employees.length * 0.76)}</div>\n            <p className=\"text-xs text-muted-foreground\">Estimated from active workforce</p>\n          </CardContent>\n        </Card>\n        <Card>\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-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">99.95%</div>\n            <p className=\"text-xs text-muted-foreground\">Rolling platform uptime</p>\n          </CardContent>\n        </Card>\n        <Card>\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-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{securityScore}/100</div>\n            <p className=\"text-xs text-green-600\">Derived from module health checks</p>\n          </CardContent>\n        </Card>\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-muted-foreground\" />\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-muted-foreground\">{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-muted-foreground\">\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-muted-foreground\">{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-muted-foreground\">\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-muted-foreground\">{log.actor}</span>\n              <span className=\"truncate text-muted-foreground\">{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.d.ts

@@ -0,0 +1,2 @@
+export declare function AnalyticsAnalyticsPagePage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AnalyticsAnalyticsPagePage.d.ts.map

package/dist/crewfoundry/pages/AnalyticsAnalyticsPagePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnalyticsAnalyticsPagePage.d.ts","sourceRoot":"","sources":["../../../src/crewfoundry/pages/AnalyticsAnalyticsPagePage.tsx"],"names":[],"mappings":"AA+BA,wBAAgB,0BAA0B,4CAsPzC"}

package/dist/crewfoundry/pages/AnalyticsAnalyticsPagePage.js

@@ -0,0 +1,271 @@
+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, Tabs as _, TabsContent as v, TabsList as y, TabsTrigger as b } from "@burdenoff/fe-libs/ui";
+//#region src/crewfoundry/pages/AnalyticsAnalyticsPagePage.tsx
+function x() {
+	let { employees: x, departments: S, jobPostings: C, candidates: w, projects: T } = e(), E = t(() => {
+		let e = [...x].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, C.filter((e) => e.status === "active").length - n)
+			};
+		});
+		return t.length > 0 ? t : [];
+	}, [x, C]), D = S.map((e) => ({
+		name: e.name,
+		count: e.employeeCount,
+		budget: e.budget
+	})), O = Math.max(1, ...D.map((e) => e.count)), k = Math.max(1, ...E.map((e) => e.headcount)), A = t(() => [
+		{
+			stage: "Applications",
+			count: C.reduce((e, t) => e + t.applicants, 0),
+			color: "bg-blue-500"
+		},
+		{
+			stage: "Screening",
+			count: w.filter((e) => e.status === "screening").length,
+			color: "bg-indigo-500"
+		},
+		{
+			stage: "Interview",
+			count: w.filter((e) => e.status === "interview").length,
+			color: "bg-purple-500"
+		},
+		{
+			stage: "Assessment",
+			count: w.filter((e) => e.status === "assessment").length,
+			color: "bg-pink-500"
+		},
+		{
+			stage: "Offer",
+			count: w.filter((e) => e.status === "offer").length,
+			color: "bg-orange-500"
+		},
+		{
+			stage: "Hired",
+			count: w.filter((e) => e.status === "hired").length,
+			color: "bg-green-500"
+		}
+	], [w, C]), j = Math.max(1, ...A.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: "Workforce Analytics"
+				}), /* @__PURE__ */ c("p", {
+					className: "text-sm text-muted-foreground",
+					children: "Comprehensive analytics across all HR domains"
+				})] }), /* @__PURE__ */ l(d, {
+					variant: "outline",
+					size: "sm",
+					children: [/* @__PURE__ */ c(i, { className: "mr-2 h-4 w-4" }), "Rolling 6 Months"]
+				})]
+			}),
+			/* @__PURE__ */ l("div", {
+				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4",
+				children: [
+					/* @__PURE__ */ l(f, { children: [/* @__PURE__ */ l(h, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ c(g, {
+							className: "text-sm font-medium",
+							children: "Total Workforce"
+						}), /* @__PURE__ */ c(s, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ l(p, { children: [/* @__PURE__ */ c("div", {
+						className: "text-2xl font-bold",
+						children: x.length
+					}), /* @__PURE__ */ l("div", {
+						className: "flex items-center text-xs text-green-600",
+						children: [/* @__PURE__ */ c(o, { className: "mr-1 h-3 w-3" }), "Live headcount data"]
+					})] })] }),
+					/* @__PURE__ */ l(f, { children: [/* @__PURE__ */ l(h, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ c(g, {
+							className: "text-sm font-medium",
+							children: "Active Departments"
+						}), /* @__PURE__ */ c(a, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ l(p, { children: [/* @__PURE__ */ c("div", {
+						className: "text-2xl font-bold",
+						children: S.length
+					}), /* @__PURE__ */ c("p", {
+						className: "text-xs text-muted-foreground",
+						children: "All departments tracked"
+					})] })] }),
+					/* @__PURE__ */ l(f, { children: [/* @__PURE__ */ l(h, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ c(g, {
+							className: "text-sm font-medium",
+							children: "Active Projects"
+						}), /* @__PURE__ */ c(n, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ l(p, { children: [/* @__PURE__ */ c("div", {
+						className: "text-2xl font-bold",
+						children: T.filter((e) => e.status === "active").length
+					}), /* @__PURE__ */ l("p", {
+						className: "text-xs text-muted-foreground",
+						children: [T.filter((e) => e.status === "completed").length, " completed"]
+					})] })] }),
+					/* @__PURE__ */ l(f, { children: [/* @__PURE__ */ l(h, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ c(g, {
+							className: "text-sm font-medium",
+							children: "Hiring Pipeline"
+						}), /* @__PURE__ */ c(r, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ l(p, { children: [/* @__PURE__ */ c("div", {
+						className: "text-2xl font-bold",
+						children: w.length
+					}), /* @__PURE__ */ c("p", {
+						className: "text-xs text-muted-foreground",
+						children: "candidates in pipeline"
+					})] })] })
+				]
+			}),
+			/* @__PURE__ */ l(_, {
+				defaultValue: "overview",
+				children: [
+					/* @__PURE__ */ l(y, { children: [
+						/* @__PURE__ */ c(b, {
+							value: "overview",
+							children: "Overview"
+						}),
+						/* @__PURE__ */ c(b, {
+							value: "hiring",
+							children: "Hiring Funnel"
+						}),
+						/* @__PURE__ */ c(b, {
+							value: "departments",
+							children: "Departments"
+						})
+					] }),
+					/* @__PURE__ */ c(v, {
+						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: E.map((e) => /* @__PURE__ */ l("div", {
+								className: "flex items-center gap-3",
+								children: [
+									/* @__PURE__ */ c("span", {
+										className: "w-10 text-sm text-muted-foreground",
+										children: e.month
+									}),
+									/* @__PURE__ */ c("div", {
+										className: "h-5 flex-1 overflow-hidden rounded bg-muted",
+										children: /* @__PURE__ */ c("div", {
+											className: "h-5 rounded bg-primary",
+											style: { width: `${Math.round(e.headcount / k * 100)}%` }
+										})
+									}),
+									/* @__PURE__ */ c("span", {
+										className: "w-10 text-right text-sm font-medium",
+										children: e.headcount
+									}),
+									/* @__PURE__ */ l("div", {
+										className: "flex w-32 justify-end gap-1",
+										children: [/* @__PURE__ */ l(u, {
+											variant: "default",
+											className: "text-[10px]",
+											children: [
+												"+",
+												e.hires,
+												" hired"
+											]
+										}), /* @__PURE__ */ l(u, {
+											variant: "secondary",
+											className: "text-[10px]",
+											children: [e.openRoles, " open"]
+										})]
+									})
+								]
+							}, `${e.month}-${e.headcount}`))
+						})] })
+					}),
+					/* @__PURE__ */ c(v, {
+						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: A.map((e) => /* @__PURE__ */ l("div", {
+								className: "flex items-center gap-3",
+								children: [
+									/* @__PURE__ */ c("span", {
+										className: "w-28 text-sm font-medium",
+										children: e.stage
+									}),
+									/* @__PURE__ */ c("div", {
+										className: "h-6 flex-1 overflow-hidden rounded bg-muted",
+										children: /* @__PURE__ */ c("div", {
+											className: `h-6 rounded ${e.color}`,
+											style: { width: `${Math.max(Math.round(e.count / j * 100), 5)}%` }
+										})
+									}),
+									/* @__PURE__ */ c("span", {
+										className: "w-10 text-right text-sm font-bold",
+										children: e.count
+									})
+								]
+							}, e.stage))
+						})] })
+					}),
+					/* @__PURE__ */ c(v, {
+						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", {
+							className: "mb-2 grid grid-cols-4 gap-2 border-b pb-2 text-xs font-medium text-muted-foreground",
+							children: [
+								/* @__PURE__ */ c("span", { children: "Department" }),
+								/* @__PURE__ */ c("span", {
+									className: "text-right",
+									children: "Headcount"
+								}),
+								/* @__PURE__ */ c("span", {
+									className: "text-right",
+									children: "Budget"
+								}),
+								/* @__PURE__ */ c("span", { children: "Distribution" })
+							]
+						}), D.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", {
+									className: "font-medium",
+									children: e.name
+								}),
+								/* @__PURE__ */ c("span", {
+									className: "text-right",
+									children: e.count
+								}),
+								/* @__PURE__ */ l("span", {
+									className: "text-right",
+									children: [
+										"$",
+										(e.budget / 1e6).toFixed(1),
+										"M"
+									]
+								}),
+								/* @__PURE__ */ c("div", {
+									className: "h-3 overflow-hidden rounded bg-muted",
+									children: /* @__PURE__ */ c("div", {
+										className: "h-3 rounded bg-primary/70",
+										style: { width: `${Math.round(e.count / O * 100)}%` }
+									})
+								})
+							]
+						}, e.name))] })] })
+					})
+				]
+			})
+		]
+	});
+}
+//#endregion
+export { x as AnalyticsAnalyticsPagePage };
+
+//# sourceMappingURL=AnalyticsAnalyticsPagePage.js.map

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

@@ -0,0 +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  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-blue-500',\n      },\n      {\n        stage: 'Screening',\n        count: candidates.filter((candidate) => candidate.status === 'screening').length,\n        color: 'bg-indigo-500',\n      },\n      {\n        stage: 'Interview',\n        count: candidates.filter((candidate) => candidate.status === 'interview').length,\n        color: 'bg-purple-500',\n      },\n      {\n        stage: 'Assessment',\n        count: candidates.filter((candidate) => candidate.status === 'assessment').length,\n        color: 'bg-pink-500',\n      },\n      {\n        stage: 'Offer',\n        count: candidates.filter((candidate) => candidate.status === 'offer').length,\n        color: 'bg-orange-500',\n      },\n      {\n        stage: 'Hired',\n        count: candidates.filter((candidate) => candidate.status === 'hired').length,\n        color: 'bg-green-500',\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\">Workforce Analytics</h1>\n          <p className=\"text-sm text-muted-foreground\">\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        <Card>\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-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{employees.length}</div>\n            <div className=\"flex items-center text-xs text-green-600\">\n              <TrendingUp className=\"mr-1 h-3 w-3\" />\n              Live headcount data\n            </div>\n          </CardContent>\n        </Card>\n        <Card>\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-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{departments.length}</div>\n            <p className=\"text-xs text-muted-foreground\">All departments tracked</p>\n          </CardContent>\n        </Card>\n        <Card>\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-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">\n              {projects.filter((project) => project.status === 'active').length}\n            </div>\n            <p className=\"text-xs text-muted-foreground\">\n              {projects.filter((project) => project.status === 'completed').length} completed\n            </p>\n          </CardContent>\n        </Card>\n        <Card>\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-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{candidates.length}</div>\n            <p className=\"text-xs text-muted-foreground\">candidates in pipeline</p>\n          </CardContent>\n        </Card>\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-muted-foreground\">{metric.month}</span>\n                  <div className=\"h-5 flex-1 overflow-hidden rounded bg-muted\">\n                    <div\n                      className=\"h-5 rounded bg-primary\"\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-muted\">\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-muted-foreground\">\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-muted\">\n                      <div\n                        className=\"h-3 rounded bg-primary/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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"}

package/dist/crewfoundry/pages/AnalyticsEmployeeAnalyticsPagePage.d.ts

@@ -0,0 +1,2 @@
+export declare function AnalyticsEmployeeAnalyticsPagePage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AnalyticsEmployeeAnalyticsPagePage.d.ts.map

package/dist/crewfoundry/pages/AnalyticsEmployeeAnalyticsPagePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnalyticsEmployeeAnalyticsPagePage.d.ts","sourceRoot":"","sources":["../../../src/crewfoundry/pages/AnalyticsEmployeeAnalyticsPagePage.tsx"],"names":[],"mappings":"AAYA,wBAAgB,kCAAkC,4CAmUjD"}