@burdenoff/microfe-crewfoundry 2026.608.1 → 2026.624.1

package/dist/crewfoundry/pages/HrDepartmentsPagePage.js

@@ -14,7 +14,7 @@ function g() {
 					className: "text-2xl font-semibold",
 					children: "Departments"
 				}), /* @__PURE__ */ o("p", {
-					className: "text-sm text-muted-foreground",
+					className: "text-sm text-text-secondary",
 					children: "Organizational structure and department management"
 				})] }), /* @__PURE__ */ s(l, {
 					size: "sm",
@@ -29,7 +29,7 @@ function g() {
 						children: [/* @__PURE__ */ o(m, {
 							className: "text-sm font-medium",
 							children: "Total Departments"
-						}), /* @__PURE__ */ o(t, { className: "h-4 w-4 text-muted-foreground" })]
+						}), /* @__PURE__ */ o(t, { className: "h-4 w-4 text-text-secondary" })]
 					}), /* @__PURE__ */ o(d, { children: /* @__PURE__ */ o("div", {
 						className: "text-2xl font-bold",
 						children: g.length
@@ -39,7 +39,7 @@ function g() {
 						children: [/* @__PURE__ */ o(m, {
 							className: "text-sm font-medium",
 							children: "Total Headcount"
-						}), /* @__PURE__ */ o(a, { className: "h-4 w-4 text-muted-foreground" })]
+						}), /* @__PURE__ */ o(a, { className: "h-4 w-4 text-text-secondary" })]
 					}), /* @__PURE__ */ o(d, { children: /* @__PURE__ */ o("div", {
 						className: "text-2xl font-bold",
 						children: y
@@ -49,7 +49,7 @@ function g() {
 						children: [/* @__PURE__ */ o(m, {
 							className: "text-sm font-medium",
 							children: "Total Budget"
-						}), /* @__PURE__ */ o(n, { className: "h-4 w-4 text-muted-foreground" })]
+						}), /* @__PURE__ */ o(n, { className: "h-4 w-4 text-text-secondary" })]
 					}), /* @__PURE__ */ o(d, { children: /* @__PURE__ */ s("div", {
 						className: "text-2xl font-bold",
 						children: [
@@ -81,21 +81,21 @@ function g() {
 							className: "grid grid-cols-2 gap-4 mb-4",
 							children: [
 								/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("p", {
-									className: "text-xs text-muted-foreground",
+									className: "text-xs text-text-secondary",
 									children: "Department Head"
 								}), /* @__PURE__ */ o("p", {
 									className: "text-sm font-medium",
 									children: e.headName
 								})] }),
 								/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("p", {
-									className: "text-xs text-muted-foreground",
+									className: "text-xs text-text-secondary",
 									children: "Headcount"
 								}), /* @__PURE__ */ s("p", {
 									className: "text-sm font-medium",
 									children: [e.employeeCount, " employees"]
 								})] }),
 								/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("p", {
-									className: "text-xs text-muted-foreground",
+									className: "text-xs text-text-secondary",
 									children: "Annual Budget"
 								}), /* @__PURE__ */ s("p", {
 									className: "text-sm font-medium",
@@ -106,7 +106,7 @@ function g() {
 									]
 								})] }),
 								/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("p", {
-									className: "text-xs text-muted-foreground",
+									className: "text-xs text-text-secondary",
 									children: "Avg Salary"
 								}), /* @__PURE__ */ s("p", {
 									className: "text-sm font-medium",
@@ -118,14 +118,14 @@ function g() {
 						/* @__PURE__ */ s("div", {
 							className: "flex items-center justify-between text-xs",
 							children: [/* @__PURE__ */ s("span", {
-								className: "text-muted-foreground",
+								className: "text-text-secondary",
 								children: [
 									"Avg Performance: ",
 									i,
 									"/5"
 								]
 							}), /* @__PURE__ */ s("span", {
-								className: "text-muted-foreground",
+								className: "text-text-secondary",
 								children: [
 									"Cost/Head: $",
 									Math.round(e.budget / e.employeeCount / 1e3),

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

@@ -1 +1 @@
-{"version":3,"file":"HrDepartmentsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/HrDepartmentsPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  Separator,\n} from '@burdenoff/fe-libs/ui';\nimport { Building2, DollarSign, MapPin, Plus, Users } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function HrDepartmentsPagePage() {\n  const { departments, employees } = useCrewFoundryStore();\n\n  const totalBudget = departments.reduce((s, d) => s + d.budget, 0);\n  const totalHeadcount = departments.reduce((s, d) => s + d.employeeCount, 0);\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\">Departments</h1>\n          <p className=\"text-sm text-muted-foreground\">\n            Organizational structure and department management\n          </p>\n        </div>\n        <Button size=\"sm\">\n          <Plus className=\"h-4 w-4 mr-1\" />\n          Add Department\n        </Button>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-3\">\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 Departments</CardTitle>\n            <Building2 className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{departments.length}</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\">Total Headcount</CardTitle>\n            <Users className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{totalHeadcount}</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\">Total Budget</CardTitle>\n            <DollarSign className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">${(totalBudget / 1000000).toFixed(1)}M</div>\n          </CardContent>\n        </Card>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-2\">\n        {departments.map((dept) => {\n          const deptEmps = employees.filter((e) => e.department === dept.name);\n          const avgSalary =\n            deptEmps.length > 0\n              ? Math.round(deptEmps.reduce((s, e) => s + e.salary, 0) / deptEmps.length)\n              : 0;\n          const avgPerf =\n            deptEmps.length > 0\n              ? (deptEmps.reduce((s, e) => s + e.performanceScore, 0) / deptEmps.length).toFixed(1)\n              : '0';\n\n          return (\n            <Card key={dept.id}>\n              <CardHeader>\n                <div className=\"flex items-center justify-between\">\n                  <CardTitle className=\"text-lg\">{dept.name}</CardTitle>\n                  <Badge variant={dept.status === 'active' ? 'default' : 'secondary'}>\n                    {dept.status}\n                  </Badge>\n                </div>\n                <CardDescription className=\"flex items-center gap-1\">\n                  <MapPin className=\"h-3 w-3\" />\n                  {dept.location}\n                </CardDescription>\n              </CardHeader>\n              <CardContent>\n                <div className=\"grid grid-cols-2 gap-4 mb-4\">\n                  <div>\n                    <p className=\"text-xs text-muted-foreground\">Department Head</p>\n                    <p className=\"text-sm font-medium\">{dept.headName}</p>\n                  </div>\n                  <div>\n                    <p className=\"text-xs text-muted-foreground\">Headcount</p>\n                    <p className=\"text-sm font-medium\">{dept.employeeCount} employees</p>\n                  </div>\n                  <div>\n                    <p className=\"text-xs text-muted-foreground\">Annual Budget</p>\n                    <p className=\"text-sm font-medium\">${(dept.budget / 1000000).toFixed(1)}M</p>\n                  </div>\n                  <div>\n                    <p className=\"text-xs text-muted-foreground\">Avg Salary</p>\n                    <p className=\"text-sm font-medium\">${avgSalary.toLocaleString()}</p>\n                  </div>\n                </div>\n                <Separator className=\"mb-3\" />\n                <div className=\"flex items-center justify-between text-xs\">\n                  <span className=\"text-muted-foreground\">Avg Performance: {avgPerf}/5</span>\n                  <span className=\"text-muted-foreground\">\n                    Cost/Head: ${Math.round(dept.budget / dept.employeeCount / 1000)}K\n                  </span>\n                </div>\n              </CardContent>\n            </Card>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"HrDepartmentsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/HrDepartmentsPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  Separator,\n} from '@burdenoff/fe-libs/ui';\nimport { Building2, DollarSign, MapPin, Plus, Users } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function HrDepartmentsPagePage() {\n  const { departments, employees } = useCrewFoundryStore();\n\n  const totalBudget = departments.reduce((s, d) => s + d.budget, 0);\n  const totalHeadcount = departments.reduce((s, d) => s + d.employeeCount, 0);\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\">Departments</h1>\n          <p className=\"text-sm text-text-secondary\">\n            Organizational structure and department management\n          </p>\n        </div>\n        <Button size=\"sm\">\n          <Plus className=\"h-4 w-4 mr-1\" />\n          Add Department\n        </Button>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-3\">\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 Departments</CardTitle>\n            <Building2 className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{departments.length}</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\">Total Headcount</CardTitle>\n            <Users className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{totalHeadcount}</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\">Total Budget</CardTitle>\n            <DollarSign className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">${(totalBudget / 1000000).toFixed(1)}M</div>\n          </CardContent>\n        </Card>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-2\">\n        {departments.map((dept) => {\n          const deptEmps = employees.filter((e) => e.department === dept.name);\n          const avgSalary =\n            deptEmps.length > 0\n              ? Math.round(deptEmps.reduce((s, e) => s + e.salary, 0) / deptEmps.length)\n              : 0;\n          const avgPerf =\n            deptEmps.length > 0\n              ? (deptEmps.reduce((s, e) => s + e.performanceScore, 0) / deptEmps.length).toFixed(1)\n              : '0';\n\n          return (\n            <Card key={dept.id}>\n              <CardHeader>\n                <div className=\"flex items-center justify-between\">\n                  <CardTitle className=\"text-lg\">{dept.name}</CardTitle>\n                  <Badge variant={dept.status === 'active' ? 'default' : 'secondary'}>\n                    {dept.status}\n                  </Badge>\n                </div>\n                <CardDescription className=\"flex items-center gap-1\">\n                  <MapPin className=\"h-3 w-3\" />\n                  {dept.location}\n                </CardDescription>\n              </CardHeader>\n              <CardContent>\n                <div className=\"grid grid-cols-2 gap-4 mb-4\">\n                  <div>\n                    <p className=\"text-xs text-text-secondary\">Department Head</p>\n                    <p className=\"text-sm font-medium\">{dept.headName}</p>\n                  </div>\n                  <div>\n                    <p className=\"text-xs text-text-secondary\">Headcount</p>\n                    <p className=\"text-sm font-medium\">{dept.employeeCount} employees</p>\n                  </div>\n                  <div>\n                    <p className=\"text-xs text-text-secondary\">Annual Budget</p>\n                    <p className=\"text-sm font-medium\">${(dept.budget / 1000000).toFixed(1)}M</p>\n                  </div>\n                  <div>\n                    <p className=\"text-xs text-text-secondary\">Avg Salary</p>\n                    <p className=\"text-sm font-medium\">${avgSalary.toLocaleString()}</p>\n                  </div>\n                </div>\n                <Separator className=\"mb-3\" />\n                <div className=\"flex items-center justify-between text-xs\">\n                  <span className=\"text-text-secondary\">Avg Performance: {avgPerf}/5</span>\n                  <span className=\"text-text-secondary\">\n                    Cost/Head: ${Math.round(dept.budget / dept.employeeCount / 1000)}K\n                  </span>\n                </div>\n              </CardContent>\n            </Card>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/crewfoundry/pages/HrEmployeesPagePage.js

@@ -18,7 +18,7 @@ function _() {
 					className: "text-2xl font-semibold",
 					children: "Employee Directory"
 				}), /* @__PURE__ */ l("p", {
-					className: "text-sm text-muted-foreground",
+					className: "text-sm text-text-secondary",
 					children: [
 						_.length,
 						" employees across ",
@@ -38,7 +38,7 @@ function _() {
 						children: [/* @__PURE__ */ c(h, {
 							className: "text-sm font-medium",
 							children: "Total"
-						}), /* @__PURE__ */ c(s, { className: "h-4 w-4 text-muted-foreground" })]
+						}), /* @__PURE__ */ c(s, { className: "h-4 w-4 text-text-secondary" })]
 					}), /* @__PURE__ */ c(p, { children: /* @__PURE__ */ c("div", {
 						className: "text-2xl font-bold",
 						children: _.length
@@ -79,7 +79,7 @@ function _() {
 				className: "flex gap-3",
 				children: [/* @__PURE__ */ l("div", {
 					className: "relative flex-1 max-w-sm",
-					children: [/* @__PURE__ */ c(i, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ c(g, {
+					children: [/* @__PURE__ */ c(i, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ c(g, {
 						placeholder: "Search employees...",
 						className: "pl-9",
 						value: v,
@@ -104,7 +104,7 @@ function _() {
 				className: "p-0",
 				children: [
 					/* @__PURE__ */ l("div", {
-						className: "grid grid-cols-7 gap-2 text-xs font-medium text-muted-foreground border-b p-4",
+						className: "grid grid-cols-7 gap-2 text-xs font-medium text-text-secondary border-b p-4",
 						children: [
 							/* @__PURE__ */ c("span", { children: "Name" }),
 							/* @__PURE__ */ c("span", { children: "Position" }),
@@ -125,7 +125,7 @@ function _() {
 						]
 					}),
 					C.map((e) => /* @__PURE__ */ l("div", {
-						className: "grid grid-cols-7 gap-2 py-3 px-4 border-b last:border-0 text-sm hover:bg-muted/50",
+						className: "grid grid-cols-7 gap-2 py-3 px-4 border-b last:border-0 text-sm hover:bg-bg-sunken/50",
 						children: [
 							/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ l("p", {
 								className: "font-medium",
@@ -135,16 +135,16 @@ function _() {
 									e.lastName
 								]
 							}), /* @__PURE__ */ c("p", {
-								className: "text-xs text-muted-foreground",
+								className: "text-xs text-text-secondary",
 								children: e.email
 							})] }),
 							/* @__PURE__ */ c("span", {
-								className: "text-muted-foreground",
+								className: "text-text-secondary",
 								children: e.position
 							}),
 							/* @__PURE__ */ c("span", { children: e.department }),
 							/* @__PURE__ */ l("div", {
-								className: "flex items-center gap-1 text-muted-foreground",
+								className: "flex items-center gap-1 text-text-secondary",
 								children: [/* @__PURE__ */ c(n, { className: "h-3 w-3" }), /* @__PURE__ */ c("span", {
 									className: "truncate text-xs",
 									children: e.location
@@ -169,7 +169,7 @@ function _() {
 						]
 					}, e.id)),
 					C.length === 0 && /* @__PURE__ */ c("div", {
-						className: "p-8 text-center text-sm text-muted-foreground",
+						className: "p-8 text-center text-sm text-text-secondary",
 						children: "No employees match your search criteria."
 					})
 				]

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

@@ -1 +1 @@
-{"version":3,"file":"HrEmployeesPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/HrEmployeesPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  Input,\n} from '@burdenoff/fe-libs/ui';\nimport { Mail, MapPin, Phone, Plus, Search, Star, UserCheck, Users } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function HrEmployeesPagePage() {\n  const { employees } = useCrewFoundryStore();\n  const [search, setSearch] = useState('');\n  const [filterDept, setFilterDept] = useState<string>('all');\n\n  const departments = [...new Set(employees.map((e) => e.department))];\n  const filtered = employees.filter((e) => {\n    const matchSearch = `${e.firstName} ${e.lastName} ${e.email} ${e.position}`\n      .toLowerCase()\n      .includes(search.toLowerCase());\n    const matchDept = filterDept === 'all' || e.department === filterDept;\n    return matchSearch && matchDept;\n  });\n\n  const activeCount = employees.filter((e) => e.status === 'active').length;\n  const onLeaveCount = employees.filter((e) => e.status === 'on_leave').length;\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\">Employee Directory</h1>\n          <p className=\"text-sm text-muted-foreground\">\n            {employees.length} employees across {departments.length} departments\n          </p>\n        </div>\n        <Button size=\"sm\">\n          <Plus className=\"h-4 w-4 mr-1\" />\n          Add Employee\n        </Button>\n      </div>\n\n      <div className=\"grid gap-4 md: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</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          </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</CardTitle>\n            <UserCheck className=\"h-4 w-4 text-green-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{activeCount}</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\">On Leave</CardTitle>\n            <Users className=\"h-4 w-4 text-yellow-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{onLeaveCount}</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\">Avg Rating</CardTitle>\n            <Star className=\"h-4 w-4 text-yellow-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">\n              {(employees.reduce((s, e) => s + e.performanceScore, 0) / employees.length).toFixed(\n                1\n              )}\n            </div>\n          </CardContent>\n        </Card>\n      </div>\n\n      <div className=\"flex gap-3\">\n        <div className=\"relative flex-1 max-w-sm\">\n          <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground\" />\n          <Input\n            placeholder=\"Search employees...\"\n            className=\"pl-9\"\n            value={search}\n            onChange={(e) => setSearch(e.target.value)}\n          />\n        </div>\n        <div className=\"flex gap-1\">\n          <Button\n            variant={filterDept === 'all' ? 'default' : 'outline'}\n            size=\"sm\"\n            onClick={() => setFilterDept('all')}\n          >\n            All\n          </Button>\n          {departments.slice(0, 5).map((dept) => (\n            <Button\n              key={dept}\n              variant={filterDept === dept ? 'default' : 'outline'}\n              size=\"sm\"\n              onClick={() => setFilterDept(dept)}\n            >\n              {dept}\n            </Button>\n          ))}\n        </div>\n      </div>\n\n      <Card>\n        <CardContent className=\"p-0\">\n          <div className=\"grid grid-cols-7 gap-2 text-xs font-medium text-muted-foreground border-b p-4\">\n            <span>Name</span>\n            <span>Position</span>\n            <span>Department</span>\n            <span>Location</span>\n            <span className=\"text-right\">Salary</span>\n            <span className=\"text-center\">Rating</span>\n            <span className=\"text-center\">Status</span>\n          </div>\n          {filtered.map((emp) => (\n            <div\n              key={emp.id}\n              className=\"grid grid-cols-7 gap-2 py-3 px-4 border-b last:border-0 text-sm hover:bg-muted/50\"\n            >\n              <div>\n                <p className=\"font-medium\">\n                  {emp.firstName} {emp.lastName}\n                </p>\n                <p className=\"text-xs text-muted-foreground\">{emp.email}</p>\n              </div>\n              <span className=\"text-muted-foreground\">{emp.position}</span>\n              <span>{emp.department}</span>\n              <div className=\"flex items-center gap-1 text-muted-foreground\">\n                <MapPin className=\"h-3 w-3\" />\n                <span className=\"truncate text-xs\">{emp.location}</span>\n              </div>\n              <span className=\"text-right\">${emp.salary.toLocaleString()}</span>\n              <div className=\"flex items-center justify-center gap-1\">\n                <Star className=\"h-3 w-3 text-yellow-500\" />\n                <span>{emp.performanceScore}</span>\n              </div>\n              <div className=\"text-center\">\n                <Badge\n                  variant={\n                    emp.status === 'active'\n                      ? 'default'\n                      : emp.status === 'on_leave'\n                        ? 'secondary'\n                        : 'destructive'\n                  }\n                  className=\"text-[10px]\"\n                >\n                  {emp.status.replace('_', ' ')}\n                </Badge>\n              </div>\n            </div>\n          ))}\n          {filtered.length === 0 && (\n            <div className=\"p-8 text-center text-sm text-muted-foreground\">\n              No employees match your search criteria.\n            </div>\n          )}\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"HrEmployeesPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/HrEmployeesPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  Input,\n} from '@burdenoff/fe-libs/ui';\nimport { Mail, MapPin, Phone, Plus, Search, Star, UserCheck, Users } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function HrEmployeesPagePage() {\n  const { employees } = useCrewFoundryStore();\n  const [search, setSearch] = useState('');\n  const [filterDept, setFilterDept] = useState<string>('all');\n\n  const departments = [...new Set(employees.map((e) => e.department))];\n  const filtered = employees.filter((e) => {\n    const matchSearch = `${e.firstName} ${e.lastName} ${e.email} ${e.position}`\n      .toLowerCase()\n      .includes(search.toLowerCase());\n    const matchDept = filterDept === 'all' || e.department === filterDept;\n    return matchSearch && matchDept;\n  });\n\n  const activeCount = employees.filter((e) => e.status === 'active').length;\n  const onLeaveCount = employees.filter((e) => e.status === 'on_leave').length;\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\">Employee Directory</h1>\n          <p className=\"text-sm text-text-secondary\">\n            {employees.length} employees across {departments.length} departments\n          </p>\n        </div>\n        <Button size=\"sm\">\n          <Plus className=\"h-4 w-4 mr-1\" />\n          Add Employee\n        </Button>\n      </div>\n\n      <div className=\"grid gap-4 md: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</CardTitle>\n            <Users className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{employees.length}</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</CardTitle>\n            <UserCheck className=\"h-4 w-4 text-green-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{activeCount}</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\">On Leave</CardTitle>\n            <Users className=\"h-4 w-4 text-yellow-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{onLeaveCount}</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\">Avg Rating</CardTitle>\n            <Star className=\"h-4 w-4 text-yellow-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">\n              {(employees.reduce((s, e) => s + e.performanceScore, 0) / employees.length).toFixed(\n                1\n              )}\n            </div>\n          </CardContent>\n        </Card>\n      </div>\n\n      <div className=\"flex gap-3\">\n        <div className=\"relative flex-1 max-w-sm\">\n          <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary\" />\n          <Input\n            placeholder=\"Search employees...\"\n            className=\"pl-9\"\n            value={search}\n            onChange={(e) => setSearch(e.target.value)}\n          />\n        </div>\n        <div className=\"flex gap-1\">\n          <Button\n            variant={filterDept === 'all' ? 'default' : 'outline'}\n            size=\"sm\"\n            onClick={() => setFilterDept('all')}\n          >\n            All\n          </Button>\n          {departments.slice(0, 5).map((dept) => (\n            <Button\n              key={dept}\n              variant={filterDept === dept ? 'default' : 'outline'}\n              size=\"sm\"\n              onClick={() => setFilterDept(dept)}\n            >\n              {dept}\n            </Button>\n          ))}\n        </div>\n      </div>\n\n      <Card>\n        <CardContent className=\"p-0\">\n          <div className=\"grid grid-cols-7 gap-2 text-xs font-medium text-text-secondary border-b p-4\">\n            <span>Name</span>\n            <span>Position</span>\n            <span>Department</span>\n            <span>Location</span>\n            <span className=\"text-right\">Salary</span>\n            <span className=\"text-center\">Rating</span>\n            <span className=\"text-center\">Status</span>\n          </div>\n          {filtered.map((emp) => (\n            <div\n              key={emp.id}\n              className=\"grid grid-cols-7 gap-2 py-3 px-4 border-b last:border-0 text-sm hover:bg-bg-sunken/50\"\n            >\n              <div>\n                <p className=\"font-medium\">\n                  {emp.firstName} {emp.lastName}\n                </p>\n                <p className=\"text-xs text-text-secondary\">{emp.email}</p>\n              </div>\n              <span className=\"text-text-secondary\">{emp.position}</span>\n              <span>{emp.department}</span>\n              <div className=\"flex items-center gap-1 text-text-secondary\">\n                <MapPin className=\"h-3 w-3\" />\n                <span className=\"truncate text-xs\">{emp.location}</span>\n              </div>\n              <span className=\"text-right\">${emp.salary.toLocaleString()}</span>\n              <div className=\"flex items-center justify-center gap-1\">\n                <Star className=\"h-3 w-3 text-yellow-500\" />\n                <span>{emp.performanceScore}</span>\n              </div>\n              <div className=\"text-center\">\n                <Badge\n                  variant={\n                    emp.status === 'active'\n                      ? 'default'\n                      : emp.status === 'on_leave'\n                        ? 'secondary'\n                        : 'destructive'\n                  }\n                  className=\"text-[10px]\"\n                >\n                  {emp.status.replace('_', ' ')}\n                </Badge>\n              </div>\n            </div>\n          ))}\n          {filtered.length === 0 && (\n            <div className=\"p-8 text-center text-sm text-text-secondary\">\n              No employees match your search criteria.\n            </div>\n          )}\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAcA,SAAgB,IAAsB;CACpC,IAAM,EAAE,iBAAc,GAAqB,EACrC,CAAC,GAAQ,KAAa,EAAS,GAAG,EAClC,CAAC,GAAY,KAAiB,EAAiB,MAAM,EAErD,IAAc,CAAC,GAAG,IAAI,IAAI,EAAU,KAAK,MAAM,EAAE,WAAW,CAAC,CAAC,EAC9D,IAAW,EAAU,QAAQ,MAAM;EACvC,IAAM,IAAc,GAAG,EAAE,UAAU,GAAG,EAAE,SAAS,GAAG,EAAE,MAAM,GAAG,EAAE,WAC9D,aAAa,CACb,SAAS,EAAO,aAAa,CAAC,EAC3B,IAAY,MAAe,SAAS,EAAE,eAAe;AAC3D,SAAO,KAAe;GACtB,EAEI,IAAc,EAAU,QAAQ,MAAM,EAAE,WAAW,SAAS,CAAC,QAC7D,IAAe,EAAU,QAAQ,MAAM,EAAE,WAAW,WAAW,CAAC;AAEtE,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;KAAI,WAAU;eAAyB;KAAuB,CAAA,EAC9D,kBAAC,KAAD;KAAG,WAAU;eAAb;MACG,EAAU;MAAO;MAAmB,EAAY;MAAO;MACtD;OACA,EAAA,CAAA,EACN,kBAAC,GAAD;KAAQ,MAAK;eAAb,CACE,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA,EAAA,eAE1B;OACL;;GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;MAAY,WAAU;gBAAtB,CACE,kBAAC,GAAD;OAAW,WAAU;iBAAsB;OAAiB,CAAA,EAC5D,kBAAC,GAAD,EAAO,WAAU,+BAAgC,CAAA,CACtC;SACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;MAAK,WAAU;gBAAsB,EAAU;MAAa,CAAA,EAChD,CAAA,CACT,EAAA,CAAA;KACP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;MAAY,WAAU;gBAAtB,CACE,kBAAC,GAAD;OAAW,WAAU;iBAAsB;OAAkB,CAAA,EAC7D,kBAAC,GAAD,EAAW,WAAU,0BAA2B,CAAA,CACrC;SACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;MAAK,WAAU;gBAAsB;MAAkB,CAAA,EAC3C,CAAA,CACT,EAAA,CAAA;KACP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;MAAY,WAAU;gBAAtB,CACE,kBAAC,GAAD;OAAW,WAAU;iBAAsB;OAAoB,CAAA,EAC/D,kBAAC,GAAD,EAAO,WAAU,2BAA4B,CAAA,CAClC;SACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;MAAK,WAAU;gBAAsB;MAAmB,CAAA,EAC5C,CAAA,CACT,EAAA,CAAA;KACP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;MAAY,WAAU;gBAAtB,CACE,kBAAC,GAAD;OAAW,WAAU;iBAAsB;OAAsB,CAAA,EACjE,kBAAC,GAAD,EAAM,WAAU,2BAA4B,CAAA,CACjC;SACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;MAAK,WAAU;iBACX,EAAU,QAAQ,GAAG,MAAM,IAAI,EAAE,kBAAkB,EAAE,GAAG,EAAU,QAAQ,QAC1E,EACD;MACG,CAAA,EACM,CAAA,CACT,EAAA,CAAA;KACH;;GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD,EAAQ,WAAU,wEAAyE,CAAA,EAC3F,kBAAC,GAAD;MACE,aAAY;MACZ,WAAU;MACV,OAAO;MACP,WAAW,MAAM,EAAU,EAAE,OAAO,MAAM;MAC1C,CAAA,CACE;QACN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MACE,SAAS,MAAe,QAAQ,YAAY;MAC5C,MAAK;MACL,eAAe,EAAc,MAAM;gBACpC;MAEQ,CAAA,EACR,EAAY,MAAM,GAAG,EAAE,CAAC,KAAK,MAC5B,kBAAC,GAAD;MAEE,SAAS,MAAe,IAAO,YAAY;MAC3C,MAAK;MACL,eAAe,EAAc,EAAK;gBAEjC;MACM,EANF,EAME,CACT,CACE;OACF;;GAEN,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;IAAa,WAAU;cAAvB;KACE,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,QAAD,EAAA,UAAM,QAAW,CAAA;OACjB,kBAAC,QAAD,EAAA,UAAM,YAAe,CAAA;OACrB,kBAAC,QAAD,EAAA,UAAM,cAAiB,CAAA;OACvB,kBAAC,QAAD,EAAA,UAAM,YAAe,CAAA;OACrB,kBAAC,QAAD;QAAM,WAAU;kBAAa;QAAa,CAAA;OAC1C,kBAAC,QAAD;QAAM,WAAU;kBAAc;QAAa,CAAA;OAC3C,kBAAC,QAAD;QAAM,WAAU;kBAAc;QAAa,CAAA;OACvC;;KACL,EAAS,KAAK,MACb,kBAAC,OAAD;MAEE,WAAU;gBAFZ;OAIE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;QAAG,WAAU;kBAAb;SACG,EAAI;SAAU;SAAE,EAAI;SACnB;WACJ,kBAAC,KAAD;QAAG,WAAU;kBAA+B,EAAI;QAAU,CAAA,CACtD,EAAA,CAAA;OACN,kBAAC,QAAD;QAAM,WAAU;kBAAuB,EAAI;QAAgB,CAAA;OAC3D,kBAAC,QAAD,EAAA,UAAO,EAAI,YAAkB,CAAA;OAC7B,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA,EAC9B,kBAAC,QAAD;SAAM,WAAU;mBAAoB,EAAI;SAAgB,CAAA,CACpD;;OACN,kBAAC,QAAD;QAAM,WAAU;kBAAhB,CAA6B,KAAE,EAAI,OAAO,gBAAgB,CAAQ;;OAClE,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,GAAD,EAAM,WAAU,2BAA4B,CAAA,EAC5C,kBAAC,QAAD,EAAA,UAAO,EAAI,kBAAwB,CAAA,CAC/B;;OACN,kBAAC,OAAD;QAAK,WAAU;kBACb,kBAAC,GAAD;SACE,SACE,EAAI,WAAW,WACX,YACA,EAAI,WAAW,aACb,cACA;SAER,WAAU;mBAET,EAAI,OAAO,QAAQ,KAAK,IAAI;SACvB,CAAA;QACJ,CAAA;OACF;QAlCC,EAAI,GAkCL,CACN;KACD,EAAS,WAAW,KACnB,kBAAC,OAAD;MAAK,WAAU;gBAA8C;MAEvD,CAAA;KAEI;OACT,CAAA;GACH"}

package/dist/crewfoundry/pages/HrLeaveManagementPagePage.js

@@ -37,7 +37,7 @@ function g() {
 					className: "text-2xl font-semibold",
 					children: "Leave Management"
 				}), /* @__PURE__ */ o("p", {
-					className: "text-sm text-muted-foreground",
+					className: "text-sm text-text-secondary",
 					children: "Track and manage employee leave requests"
 				})] }), /* @__PURE__ */ s(l, {
 					size: "sm",
@@ -57,7 +57,7 @@ function g() {
 						className: "text-2xl font-bold",
 						children: _
 					}), /* @__PURE__ */ o("p", {
-						className: "text-xs text-muted-foreground",
+						className: "text-xs text-text-secondary",
 						children: "Awaiting approval"
 					})] })] }),
 					/* @__PURE__ */ s(u, { children: [/* @__PURE__ */ s(p, {
@@ -70,7 +70,7 @@ function g() {
 						className: "text-2xl font-bold",
 						children: v
 					}), /* @__PURE__ */ o("p", {
-						className: "text-xs text-muted-foreground",
+						className: "text-xs text-text-secondary",
 						children: "Current period"
 					})] })] }),
 					/* @__PURE__ */ s(u, { children: [/* @__PURE__ */ s(p, {
@@ -78,12 +78,12 @@ function g() {
 						children: [/* @__PURE__ */ o(m, {
 							className: "text-sm font-medium",
 							children: "Days Used"
-						}), /* @__PURE__ */ o(n, { className: "h-4 w-4 text-muted-foreground" })]
+						}), /* @__PURE__ */ o(n, { className: "h-4 w-4 text-text-secondary" })]
 					}), /* @__PURE__ */ s(d, { children: [/* @__PURE__ */ o("div", {
 						className: "text-2xl font-bold",
 						children: y
 					}), /* @__PURE__ */ o("p", {
-						className: "text-xs text-muted-foreground",
+						className: "text-xs text-text-secondary",
 						children: "Total approved days"
 					})] })] }),
 					/* @__PURE__ */ s(u, { children: [/* @__PURE__ */ s(p, {
@@ -91,12 +91,12 @@ function g() {
 						children: [/* @__PURE__ */ o(m, {
 							className: "text-sm font-medium",
 							children: "On Leave Today"
-						}), /* @__PURE__ */ o(a, { className: "h-4 w-4 text-muted-foreground" })]
+						}), /* @__PURE__ */ o(a, { className: "h-4 w-4 text-text-secondary" })]
 					}), /* @__PURE__ */ s(d, { children: [/* @__PURE__ */ o("div", {
 						className: "text-2xl font-bold",
 						children: x
 					}), /* @__PURE__ */ o("p", {
-						className: "text-xs text-muted-foreground",
+						className: "text-xs text-text-secondary",
 						children: "Out of office"
 					})] })] })
 				]
@@ -121,7 +121,7 @@ function g() {
 									" days used"
 								] })]
 							}), /* @__PURE__ */ o("div", {
-								className: "h-2 overflow-hidden rounded bg-muted",
+								className: "h-2 overflow-hidden rounded bg-bg-sunken",
 								children: /* @__PURE__ */ o("div", {
 									className: `h-2 rounded ${t > 80 ? "bg-red-500" : t > 50 ? "bg-yellow-500" : "bg-green-500"}`,
 									style: { width: `${t}%` }
@@ -139,7 +139,7 @@ function g() {
 								children: e.employeeName
 							}),
 							/* @__PURE__ */ s("p", {
-								className: "text-xs text-muted-foreground",
+								className: "text-xs text-text-secondary",
 								children: [
 									e.type,
 									" · ",
@@ -151,7 +151,7 @@ function g() {
 								]
 							}),
 							/* @__PURE__ */ o("p", {
-								className: "mt-1 text-xs text-muted-foreground",
+								className: "mt-1 text-xs text-text-secondary",
 								children: e.reason
 							})
 						] }), /* @__PURE__ */ s("div", {
@@ -171,7 +171,7 @@ function g() {
 				})] })]
 			}),
 			/* @__PURE__ */ s(u, { children: [/* @__PURE__ */ s(p, { children: [/* @__PURE__ */ o(m, { children: "All Leave Requests" }), /* @__PURE__ */ o(f, { children: "Complete leave request history" })] }), /* @__PURE__ */ s(d, { children: [/* @__PURE__ */ s("div", {
-				className: "mb-2 grid grid-cols-7 gap-2 border-b pb-2 text-xs font-medium text-muted-foreground",
+				className: "mb-2 grid grid-cols-7 gap-2 border-b pb-2 text-xs font-medium text-text-secondary",
 				children: [
 					/* @__PURE__ */ o("span", { children: "Employee" }),
 					/* @__PURE__ */ o("span", { children: "Department" }),
@@ -195,7 +195,7 @@ function g() {
 						children: e.employeeName
 					}),
 					/* @__PURE__ */ o("span", {
-						className: "text-muted-foreground",
+						className: "text-text-secondary",
 						children: e.department
 					}),
 					/* @__PURE__ */ o(c, {
@@ -216,7 +216,7 @@ function g() {
 						children: e.days
 					}),
 					/* @__PURE__ */ o("span", {
-						className: "truncate text-xs text-muted-foreground",
+						className: "truncate text-xs text-text-secondary",
 						children: e.reason
 					}),
 					/* @__PURE__ */ o("div", {

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

@@ -1 +1 @@
-{"version":3,"file":"HrLeaveManagementPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/HrLeaveManagementPagePage.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from '@burdenoff/fe-libs/ui';\nimport { Calendar, CheckCircle, Clock, XCircle } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\ntype LeaveBalance = {\n  type: string;\n  total: number;\n  used: number;\n  remaining: number;\n};\n\nconst toLabel = (value: string): string =>\n  value\n    .split('_')\n    .map((part) => part[0]?.toUpperCase() + part.slice(1))\n    .join(' ');\n\nexport function HrLeaveManagementPagePage() {\n  const { leaveRequests } = useCrewFoundryStore();\n\n  const pendingCount = leaveRequests.filter((leave) => leave.status === 'pending').length;\n  const approvedCount = leaveRequests.filter((leave) => leave.status === 'approved').length;\n  const totalDays = leaveRequests\n    .filter((leave) => leave.status === 'approved')\n    .reduce((sum, leave) => sum + leave.days, 0);\n\n  const leaveBalances = useMemo<LeaveBalance[]>(() => {\n    const entitlementByType: Record<string, number> = {\n      annual: 20,\n      sick: 12,\n      personal: 5,\n      maternity: 90,\n      paternity: 30,\n      unpaid: 15,\n    };\n\n    const usedByType = leaveRequests\n      .filter((leave) => leave.status === 'approved')\n      .reduce<Record<string, number>>((acc, leave) => {\n        acc[leave.type] = (acc[leave.type] || 0) + leave.days;\n        return acc;\n      }, {});\n\n    return Object.entries(entitlementByType).map(([type, total]) => {\n      const used = usedByType[type] || 0;\n      return {\n        type: toLabel(type),\n        total,\n        used,\n        remaining: Math.max(total - used, 0),\n      };\n    });\n  }, [leaveRequests]);\n\n  const onLeaveToday = useMemo(() => {\n    const today = new Date().toISOString().split('T')[0];\n    return leaveRequests.filter(\n      (leave) => leave.status === 'approved' && leave.startDate <= today && leave.endDate >= today\n    ).length;\n  }, [leaveRequests]);\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\">Leave Management</h1>\n          <p className=\"text-sm text-muted-foreground\">Track and manage employee leave requests</p>\n        </div>\n        <Button size=\"sm\">\n          <Calendar className=\"mr-1 h-4 w-4\" />\n          Request Leave\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\">Pending</CardTitle>\n            <Clock className=\"h-4 w-4 text-yellow-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{pendingCount}</div>\n            <p className=\"text-xs text-muted-foreground\">Awaiting approval</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\">Approved</CardTitle>\n            <CheckCircle className=\"h-4 w-4 text-green-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{approvedCount}</div>\n            <p className=\"text-xs text-muted-foreground\">Current period</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\">Days Used</CardTitle>\n            <Calendar className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{totalDays}</div>\n            <p className=\"text-xs text-muted-foreground\">Total approved days</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\">On Leave Today</CardTitle>\n            <XCircle className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{onLeaveToday}</div>\n            <p className=\"text-xs text-muted-foreground\">Out of office</p>\n          </CardContent>\n        </Card>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-2\">\n        <Card>\n          <CardHeader>\n            <CardTitle>Leave Balances</CardTitle>\n            <CardDescription>Company-wide leave allocation overview</CardDescription>\n          </CardHeader>\n          <CardContent className=\"space-y-4\">\n            {leaveBalances.map((balance) => {\n              const usedPct = Math.round((balance.used / Math.max(balance.total, 1)) * 100);\n              return (\n                <div key={balance.type} className=\"space-y-1\">\n                  <div className=\"flex justify-between text-sm\">\n                    <span className=\"font-medium\">{balance.type}</span>\n                    <span>\n                      {balance.used}/{balance.total} days used\n                    </span>\n                  </div>\n                  <div className=\"h-2 overflow-hidden rounded bg-muted\">\n                    <div\n                      className={`h-2 rounded ${\n                        usedPct > 80\n                          ? 'bg-red-500'\n                          : usedPct > 50\n                            ? 'bg-yellow-500'\n                            : 'bg-green-500'\n                      }`}\n                      style={{ width: `${usedPct}%` }}\n                    />\n                  </div>\n                </div>\n              );\n            })}\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle>Pending Approvals</CardTitle>\n            <CardDescription>Leave requests waiting for your review</CardDescription>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {leaveRequests\n              .filter((leave) => leave.status === 'pending')\n              .map((leave) => (\n                <div\n                  key={leave.id}\n                  className=\"flex items-center justify-between rounded border p-3\"\n                >\n                  <div>\n                    <p className=\"text-sm font-medium\">{leave.employeeName}</p>\n                    <p className=\"text-xs text-muted-foreground\">\n                      {leave.type} · {leave.days} days · {leave.startDate} to {leave.endDate}\n                    </p>\n                    <p className=\"mt-1 text-xs text-muted-foreground\">{leave.reason}</p>\n                  </div>\n                  <div className=\"flex gap-1\">\n                    <Button size=\"sm\" variant=\"outline\" className=\"h-7 text-xs\">\n                      Reject\n                    </Button>\n                    <Button size=\"sm\" className=\"h-7 text-xs\">\n                      Approve\n                    </Button>\n                  </div>\n                </div>\n              ))}\n          </CardContent>\n        </Card>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>All Leave Requests</CardTitle>\n          <CardDescription>Complete leave request history</CardDescription>\n        </CardHeader>\n        <CardContent>\n          <div className=\"mb-2 grid grid-cols-7 gap-2 border-b pb-2 text-xs font-medium text-muted-foreground\">\n            <span>Employee</span>\n            <span>Department</span>\n            <span>Type</span>\n            <span>Period</span>\n            <span className=\"text-right\">Days</span>\n            <span>Reason</span>\n            <span className=\"text-center\">Status</span>\n          </div>\n          {leaveRequests.map((leave) => (\n            <div\n              key={leave.id}\n              className=\"grid grid-cols-7 gap-2 border-b py-2 text-sm last:border-0\"\n            >\n              <span className=\"font-medium\">{leave.employeeName}</span>\n              <span className=\"text-muted-foreground\">{leave.department}</span>\n              <Badge variant=\"outline\" className=\"w-fit text-[10px]\">\n                {leave.type}\n              </Badge>\n              <span className=\"text-xs\">\n                {leave.startDate} — {leave.endDate}\n              </span>\n              <span className=\"text-right\">{leave.days}</span>\n              <span className=\"truncate text-xs text-muted-foreground\">{leave.reason}</span>\n              <div className=\"text-center\">\n                <Badge\n                  variant={\n                    leave.status === 'approved'\n                      ? 'default'\n                      : leave.status === 'pending'\n                        ? 'secondary'\n                        : 'destructive'\n                  }\n                  className=\"text-[10px]\"\n                >\n                  {leave.status}\n                </Badge>\n              </div>\n            </div>\n          ))}\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"HrLeaveManagementPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/HrLeaveManagementPagePage.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from '@burdenoff/fe-libs/ui';\nimport { Calendar, CheckCircle, Clock, XCircle } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\ntype LeaveBalance = {\n  type: string;\n  total: number;\n  used: number;\n  remaining: number;\n};\n\nconst toLabel = (value: string): string =>\n  value\n    .split('_')\n    .map((part) => part[0]?.toUpperCase() + part.slice(1))\n    .join(' ');\n\nexport function HrLeaveManagementPagePage() {\n  const { leaveRequests } = useCrewFoundryStore();\n\n  const pendingCount = leaveRequests.filter((leave) => leave.status === 'pending').length;\n  const approvedCount = leaveRequests.filter((leave) => leave.status === 'approved').length;\n  const totalDays = leaveRequests\n    .filter((leave) => leave.status === 'approved')\n    .reduce((sum, leave) => sum + leave.days, 0);\n\n  const leaveBalances = useMemo<LeaveBalance[]>(() => {\n    const entitlementByType: Record<string, number> = {\n      annual: 20,\n      sick: 12,\n      personal: 5,\n      maternity: 90,\n      paternity: 30,\n      unpaid: 15,\n    };\n\n    const usedByType = leaveRequests\n      .filter((leave) => leave.status === 'approved')\n      .reduce<Record<string, number>>((acc, leave) => {\n        acc[leave.type] = (acc[leave.type] || 0) + leave.days;\n        return acc;\n      }, {});\n\n    return Object.entries(entitlementByType).map(([type, total]) => {\n      const used = usedByType[type] || 0;\n      return {\n        type: toLabel(type),\n        total,\n        used,\n        remaining: Math.max(total - used, 0),\n      };\n    });\n  }, [leaveRequests]);\n\n  const onLeaveToday = useMemo(() => {\n    const today = new Date().toISOString().split('T')[0];\n    return leaveRequests.filter(\n      (leave) => leave.status === 'approved' && leave.startDate <= today && leave.endDate >= today\n    ).length;\n  }, [leaveRequests]);\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\">Leave Management</h1>\n          <p className=\"text-sm text-text-secondary\">Track and manage employee leave requests</p>\n        </div>\n        <Button size=\"sm\">\n          <Calendar className=\"mr-1 h-4 w-4\" />\n          Request Leave\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\">Pending</CardTitle>\n            <Clock className=\"h-4 w-4 text-yellow-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{pendingCount}</div>\n            <p className=\"text-xs text-text-secondary\">Awaiting approval</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\">Approved</CardTitle>\n            <CheckCircle className=\"h-4 w-4 text-green-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{approvedCount}</div>\n            <p className=\"text-xs text-text-secondary\">Current period</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\">Days Used</CardTitle>\n            <Calendar className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{totalDays}</div>\n            <p className=\"text-xs text-text-secondary\">Total approved days</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\">On Leave Today</CardTitle>\n            <XCircle className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{onLeaveToday}</div>\n            <p className=\"text-xs text-text-secondary\">Out of office</p>\n          </CardContent>\n        </Card>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-2\">\n        <Card>\n          <CardHeader>\n            <CardTitle>Leave Balances</CardTitle>\n            <CardDescription>Company-wide leave allocation overview</CardDescription>\n          </CardHeader>\n          <CardContent className=\"space-y-4\">\n            {leaveBalances.map((balance) => {\n              const usedPct = Math.round((balance.used / Math.max(balance.total, 1)) * 100);\n              return (\n                <div key={balance.type} className=\"space-y-1\">\n                  <div className=\"flex justify-between text-sm\">\n                    <span className=\"font-medium\">{balance.type}</span>\n                    <span>\n                      {balance.used}/{balance.total} days used\n                    </span>\n                  </div>\n                  <div className=\"h-2 overflow-hidden rounded bg-bg-sunken\">\n                    <div\n                      className={`h-2 rounded ${\n                        usedPct > 80\n                          ? 'bg-red-500'\n                          : usedPct > 50\n                            ? 'bg-yellow-500'\n                            : 'bg-green-500'\n                      }`}\n                      style={{ width: `${usedPct}%` }}\n                    />\n                  </div>\n                </div>\n              );\n            })}\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle>Pending Approvals</CardTitle>\n            <CardDescription>Leave requests waiting for your review</CardDescription>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {leaveRequests\n              .filter((leave) => leave.status === 'pending')\n              .map((leave) => (\n                <div\n                  key={leave.id}\n                  className=\"flex items-center justify-between rounded border p-3\"\n                >\n                  <div>\n                    <p className=\"text-sm font-medium\">{leave.employeeName}</p>\n                    <p className=\"text-xs text-text-secondary\">\n                      {leave.type} · {leave.days} days · {leave.startDate} to {leave.endDate}\n                    </p>\n                    <p className=\"mt-1 text-xs text-text-secondary\">{leave.reason}</p>\n                  </div>\n                  <div className=\"flex gap-1\">\n                    <Button size=\"sm\" variant=\"outline\" className=\"h-7 text-xs\">\n                      Reject\n                    </Button>\n                    <Button size=\"sm\" className=\"h-7 text-xs\">\n                      Approve\n                    </Button>\n                  </div>\n                </div>\n              ))}\n          </CardContent>\n        </Card>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>All Leave Requests</CardTitle>\n          <CardDescription>Complete leave request history</CardDescription>\n        </CardHeader>\n        <CardContent>\n          <div className=\"mb-2 grid grid-cols-7 gap-2 border-b pb-2 text-xs font-medium text-text-secondary\">\n            <span>Employee</span>\n            <span>Department</span>\n            <span>Type</span>\n            <span>Period</span>\n            <span className=\"text-right\">Days</span>\n            <span>Reason</span>\n            <span className=\"text-center\">Status</span>\n          </div>\n          {leaveRequests.map((leave) => (\n            <div\n              key={leave.id}\n              className=\"grid grid-cols-7 gap-2 border-b py-2 text-sm last:border-0\"\n            >\n              <span className=\"font-medium\">{leave.employeeName}</span>\n              <span className=\"text-text-secondary\">{leave.department}</span>\n              <Badge variant=\"outline\" className=\"w-fit text-[10px]\">\n                {leave.type}\n              </Badge>\n              <span className=\"text-xs\">\n                {leave.startDate} — {leave.endDate}\n              </span>\n              <span className=\"text-right\">{leave.days}</span>\n              <span className=\"truncate text-xs text-text-secondary\">{leave.reason}</span>\n              <div className=\"text-center\">\n                <Badge\n                  variant={\n                    leave.status === 'approved'\n                      ? 'default'\n                      : leave.status === 'pending'\n                        ? 'secondary'\n                        : 'destructive'\n                  }\n                  className=\"text-[10px]\"\n                >\n                  {leave.status}\n                </Badge>\n              </div>\n            </div>\n          ))}\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/crewfoundry/pages/HrPayrollPagePage.js

@@ -17,7 +17,7 @@ function v() {
 					className: "text-2xl font-semibold",
 					children: "Payroll Management"
 				}), /* @__PURE__ */ c("p", {
-					className: "text-sm text-muted-foreground",
+					className: "text-sm text-text-secondary",
 					children: "Process and manage employee payroll"
 				})] }), /* @__PURE__ */ l("div", {
 					className: "flex gap-2",
@@ -39,12 +39,12 @@ function v() {
 						children: [/* @__PURE__ */ c(g, {
 							className: "text-sm font-medium",
 							children: "Gross Payroll"
-						}), /* @__PURE__ */ c(i, { className: "h-4 w-4 text-muted-foreground" })]
+						}), /* @__PURE__ */ c(i, { className: "h-4 w-4 text-text-secondary" })]
 					}), /* @__PURE__ */ l(p, { children: [/* @__PURE__ */ l("div", {
 						className: "text-2xl font-bold",
 						children: ["$", C.toLocaleString()]
 					}), /* @__PURE__ */ c("p", {
-						className: "text-xs text-muted-foreground",
+						className: "text-xs text-text-secondary",
 						children: b
 					})] })] }),
 					/* @__PURE__ */ l(f, { children: [/* @__PURE__ */ l(h, {
@@ -52,12 +52,12 @@ function v() {
 						children: [/* @__PURE__ */ c(g, {
 							className: "text-sm font-medium",
 							children: "Net Payroll"
-						}), /* @__PURE__ */ c(s, { className: "h-4 w-4 text-muted-foreground" })]
+						}), /* @__PURE__ */ c(s, { className: "h-4 w-4 text-text-secondary" })]
 					}), /* @__PURE__ */ l(p, { children: [/* @__PURE__ */ l("div", {
 						className: "text-2xl font-bold",
 						children: ["$", w.toLocaleString()]
 					}), /* @__PURE__ */ c("p", {
-						className: "text-xs text-muted-foreground",
+						className: "text-xs text-text-secondary",
 						children: "After deductions"
 					})] })] }),
 					/* @__PURE__ */ l(f, { children: [/* @__PURE__ */ l(h, {
@@ -70,7 +70,7 @@ function v() {
 						className: "text-2xl font-bold",
 						children: T
 					}), /* @__PURE__ */ c("p", {
-						className: "text-xs text-muted-foreground",
+						className: "text-xs text-text-secondary",
 						children: "employees paid"
 					})] })] }),
 					/* @__PURE__ */ l(f, { children: [/* @__PURE__ */ l(h, {
@@ -83,7 +83,7 @@ function v() {
 						className: "text-2xl font-bold",
 						children: E
 					}), /* @__PURE__ */ c("p", {
-						className: "text-xs text-muted-foreground",
+						className: "text-xs text-text-secondary",
 						children: "in progress"
 					})] })] })
 				]
@@ -99,7 +99,7 @@ function v() {
 			}),
 			/* @__PURE__ */ l(f, { children: [/* @__PURE__ */ l(h, { children: [/* @__PURE__ */ c(g, { children: "Payroll Records" }), /* @__PURE__ */ l(m, { children: ["Individual employee payroll details for ", b] })] }), /* @__PURE__ */ l(p, { children: [
 				/* @__PURE__ */ l("div", {
-					className: "grid grid-cols-7 gap-2 text-xs font-medium text-muted-foreground border-b pb-2 mb-2",
+					className: "grid grid-cols-7 gap-2 text-xs font-medium text-text-secondary border-b pb-2 mb-2",
 					children: [
 						/* @__PURE__ */ c("span", { children: "Employee" }),
 						/* @__PURE__ */ c("span", { children: "Department" }),
@@ -130,7 +130,7 @@ function v() {
 							children: e.employeeName
 						}),
 						/* @__PURE__ */ c("span", {
-							className: "text-muted-foreground",
+							className: "text-text-secondary",
 							children: e.department
 						}),
 						/* @__PURE__ */ l("span", {
@@ -146,7 +146,7 @@ function v() {
 							children: ["$", e.netPay.toLocaleString()]
 						}),
 						/* @__PURE__ */ c("span", {
-							className: "text-muted-foreground",
+							className: "text-text-secondary",
 							children: e.paymentMethod
 						}),
 						/* @__PURE__ */ c("div", {

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

@@ -1 +1 @@
-{"version":3,"file":"HrPayrollPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/HrPayrollPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  Separator,\n} from '@burdenoff/fe-libs/ui';\nimport { CheckCircle, Clock, DollarSign, Download, FileText, Play, TrendingUp } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function HrPayrollPagePage() {\n  const { payrollRecords, employees } = useCrewFoundryStore();\n  const [selectedPeriod, setSelectedPeriod] = useState('January 2026');\n\n  const periodRecords = payrollRecords.filter((r) => r.period === selectedPeriod);\n  const totalGross = periodRecords.reduce((s, r) => s + r.grossPay, 0);\n  const totalDeductions = periodRecords.reduce((s, r) => s + r.deductions, 0);\n  const totalNet = periodRecords.reduce((s, r) => s + r.netPay, 0);\n  const paidCount = periodRecords.filter((r) => r.status === 'paid').length;\n  const processingCount = periodRecords.filter((r) => r.status === 'processing').length;\n\n  const periods = [...new Set(payrollRecords.map((r) => r.period))];\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\">Payroll Management</h1>\n          <p className=\"text-sm text-muted-foreground\">Process and manage employee payroll</p>\n        </div>\n        <div className=\"flex gap-2\">\n          <Button variant=\"outline\" size=\"sm\">\n            <Download className=\"h-4 w-4 mr-1\" />\n            Export\n          </Button>\n          <Button size=\"sm\">\n            <Play className=\"h-4 w-4 mr-1\" />\n            Run Payroll\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\">Gross Payroll</CardTitle>\n            <DollarSign className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">${totalGross.toLocaleString()}</div>\n            <p className=\"text-xs text-muted-foreground\">{selectedPeriod}</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\">Net Payroll</CardTitle>\n            <TrendingUp className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">${totalNet.toLocaleString()}</div>\n            <p className=\"text-xs text-muted-foreground\">After deductions</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\">Paid</CardTitle>\n            <CheckCircle className=\"h-4 w-4 text-green-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{paidCount}</div>\n            <p className=\"text-xs text-muted-foreground\">employees paid</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\">Processing</CardTitle>\n            <Clock className=\"h-4 w-4 text-yellow-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{processingCount}</div>\n            <p className=\"text-xs text-muted-foreground\">in progress</p>\n          </CardContent>\n        </Card>\n      </div>\n\n      <div className=\"flex gap-2\">\n        {periods.map((period) => (\n          <Button\n            key={period}\n            variant={selectedPeriod === period ? 'default' : 'outline'}\n            size=\"sm\"\n            onClick={() => setSelectedPeriod(period)}\n          >\n            {period}\n          </Button>\n        ))}\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Payroll Records</CardTitle>\n          <CardDescription>\n            Individual employee payroll details for {selectedPeriod}\n          </CardDescription>\n        </CardHeader>\n        <CardContent>\n          <div className=\"grid grid-cols-7 gap-2 text-xs font-medium text-muted-foreground border-b pb-2 mb-2\">\n            <span>Employee</span>\n            <span>Department</span>\n            <span className=\"text-right\">Gross Pay</span>\n            <span className=\"text-right\">Deductions</span>\n            <span className=\"text-right\">Net Pay</span>\n            <span>Payment Method</span>\n            <span className=\"text-center\">Status</span>\n          </div>\n          {payrollRecords.map((record) => (\n            <div\n              key={record.id}\n              className=\"grid grid-cols-7 gap-2 py-2 border-b last:border-0 text-sm\"\n            >\n              <span className=\"font-medium\">{record.employeeName}</span>\n              <span className=\"text-muted-foreground\">{record.department}</span>\n              <span className=\"text-right\">${record.grossPay.toLocaleString()}</span>\n              <span className=\"text-right text-red-600\">\n                -${record.deductions.toLocaleString()}\n              </span>\n              <span className=\"text-right font-medium\">${record.netPay.toLocaleString()}</span>\n              <span className=\"text-muted-foreground\">{record.paymentMethod}</span>\n              <div className=\"text-center\">\n                <Badge\n                  variant={\n                    record.status === 'paid'\n                      ? 'default'\n                      : record.status === 'processing'\n                        ? 'secondary'\n                        : 'outline'\n                  }\n                  className=\"text-[10px]\"\n                >\n                  {record.status}\n                </Badge>\n              </div>\n            </div>\n          ))}\n          <Separator className=\"my-2\" />\n          <div className=\"grid grid-cols-7 gap-2 text-sm font-bold\">\n            <span>Total</span>\n            <span />\n            <span className=\"text-right\">\n              ${payrollRecords.reduce((s, r) => s + r.grossPay, 0).toLocaleString()}\n            </span>\n            <span className=\"text-right text-red-600\">\n              -${payrollRecords.reduce((s, r) => s + r.deductions, 0).toLocaleString()}\n            </span>\n            <span className=\"text-right\">\n              ${payrollRecords.reduce((s, r) => s + r.netPay, 0).toLocaleString()}\n            </span>\n            <span />\n            <span />\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"HrPayrollPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/HrPayrollPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  Separator,\n} from '@burdenoff/fe-libs/ui';\nimport { CheckCircle, Clock, DollarSign, Download, FileText, Play, TrendingUp } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function HrPayrollPagePage() {\n  const { payrollRecords, employees } = useCrewFoundryStore();\n  const [selectedPeriod, setSelectedPeriod] = useState('January 2026');\n\n  const periodRecords = payrollRecords.filter((r) => r.period === selectedPeriod);\n  const totalGross = periodRecords.reduce((s, r) => s + r.grossPay, 0);\n  const totalDeductions = periodRecords.reduce((s, r) => s + r.deductions, 0);\n  const totalNet = periodRecords.reduce((s, r) => s + r.netPay, 0);\n  const paidCount = periodRecords.filter((r) => r.status === 'paid').length;\n  const processingCount = periodRecords.filter((r) => r.status === 'processing').length;\n\n  const periods = [...new Set(payrollRecords.map((r) => r.period))];\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\">Payroll Management</h1>\n          <p className=\"text-sm text-text-secondary\">Process and manage employee payroll</p>\n        </div>\n        <div className=\"flex gap-2\">\n          <Button variant=\"outline\" size=\"sm\">\n            <Download className=\"h-4 w-4 mr-1\" />\n            Export\n          </Button>\n          <Button size=\"sm\">\n            <Play className=\"h-4 w-4 mr-1\" />\n            Run Payroll\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\">Gross Payroll</CardTitle>\n            <DollarSign className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">${totalGross.toLocaleString()}</div>\n            <p className=\"text-xs text-text-secondary\">{selectedPeriod}</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\">Net Payroll</CardTitle>\n            <TrendingUp className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">${totalNet.toLocaleString()}</div>\n            <p className=\"text-xs text-text-secondary\">After deductions</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\">Paid</CardTitle>\n            <CheckCircle className=\"h-4 w-4 text-green-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{paidCount}</div>\n            <p className=\"text-xs text-text-secondary\">employees paid</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\">Processing</CardTitle>\n            <Clock className=\"h-4 w-4 text-yellow-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{processingCount}</div>\n            <p className=\"text-xs text-text-secondary\">in progress</p>\n          </CardContent>\n        </Card>\n      </div>\n\n      <div className=\"flex gap-2\">\n        {periods.map((period) => (\n          <Button\n            key={period}\n            variant={selectedPeriod === period ? 'default' : 'outline'}\n            size=\"sm\"\n            onClick={() => setSelectedPeriod(period)}\n          >\n            {period}\n          </Button>\n        ))}\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Payroll Records</CardTitle>\n          <CardDescription>\n            Individual employee payroll details for {selectedPeriod}\n          </CardDescription>\n        </CardHeader>\n        <CardContent>\n          <div className=\"grid grid-cols-7 gap-2 text-xs font-medium text-text-secondary border-b pb-2 mb-2\">\n            <span>Employee</span>\n            <span>Department</span>\n            <span className=\"text-right\">Gross Pay</span>\n            <span className=\"text-right\">Deductions</span>\n            <span className=\"text-right\">Net Pay</span>\n            <span>Payment Method</span>\n            <span className=\"text-center\">Status</span>\n          </div>\n          {payrollRecords.map((record) => (\n            <div\n              key={record.id}\n              className=\"grid grid-cols-7 gap-2 py-2 border-b last:border-0 text-sm\"\n            >\n              <span className=\"font-medium\">{record.employeeName}</span>\n              <span className=\"text-text-secondary\">{record.department}</span>\n              <span className=\"text-right\">${record.grossPay.toLocaleString()}</span>\n              <span className=\"text-right text-red-600\">\n                -${record.deductions.toLocaleString()}\n              </span>\n              <span className=\"text-right font-medium\">${record.netPay.toLocaleString()}</span>\n              <span className=\"text-text-secondary\">{record.paymentMethod}</span>\n              <div className=\"text-center\">\n                <Badge\n                  variant={\n                    record.status === 'paid'\n                      ? 'default'\n                      : record.status === 'processing'\n                        ? 'secondary'\n                        : 'outline'\n                  }\n                  className=\"text-[10px]\"\n                >\n                  {record.status}\n                </Badge>\n              </div>\n            </div>\n          ))}\n          <Separator className=\"my-2\" />\n          <div className=\"grid grid-cols-7 gap-2 text-sm font-bold\">\n            <span>Total</span>\n            <span />\n            <span className=\"text-right\">\n              ${payrollRecords.reduce((s, r) => s + r.grossPay, 0).toLocaleString()}\n            </span>\n            <span className=\"text-right text-red-600\">\n              -${payrollRecords.reduce((s, r) => s + r.deductions, 0).toLocaleString()}\n            </span>\n            <span className=\"text-right\">\n              ${payrollRecords.reduce((s, r) => s + r.netPay, 0).toLocaleString()}\n            </span>\n            <span />\n            <span />\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}