@burdenoff/microfe-crewfoundry 2026.704.3 → 2026.704.5

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

@@ -1 +1 @@
-{"version":3,"file":"HrDepartmentsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/HrDepartmentsPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  PagePurpose,\n  Separator,\n} from '@burdenoff/fe-libs/ui';\nimport { Building2, DollarSign, MapPin, Pencil, Plus, Trash2, Users } from 'lucide-react';\nimport { useCrewFoundryStore, type Department } from '../store/crewfoundryStore';\nimport {\n  FormModal,\n  useFormModal,\n  type FieldConfig,\n  type FormValues,\n} from '../components/forms/FormModal';\nimport { ConfirmDialog } from '../components/forms/ConfirmDialog';\nimport { getNumber, getText, newClientId } from '../components/forms/formValues';\n\nconst DEPARTMENT_FIELDS: FieldConfig[] = [\n  { name: 'name', label: 'Department name', type: 'text', required: true, colSpan: 2 },\n  { name: 'headName', label: 'Department head', type: 'text', required: true },\n  { name: 'location', label: 'Location', type: 'text', required: true },\n  { name: 'budget', label: 'Annual budget', type: 'number', required: true },\n  {\n    name: 'status',\n    label: 'Status',\n    type: 'select',\n    required: true,\n    options: [\n      { label: 'Active', value: 'active' },\n      { label: 'Restructuring', value: 'restructuring' },\n    ],\n  },\n];\n\nconst toFormValues = (department: Department): FormValues => ({\n  name: department.name,\n  headName: department.headName,\n  location: department.location,\n  budget: department.budget,\n  status: department.status,\n});\n\nexport function HrDepartmentsPagePage() {\n  const { departments, employees, addDepartment, updateDepartment, removeDepartment } =\n    useCrewFoundryStore();\n  const form = useFormModal<Department>();\n  const [deleting, setDeleting] = useState<Department | null>(null);\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  const editing = form.context;\n\n  const handleSubmit = async (values: FormValues) => {\n    const payload: Department = {\n      id: editing?.id ?? newClientId(),\n      name: getText(values, 'name'),\n      headId: editing?.headId ?? '',\n      headName: getText(values, 'headName'),\n      employeeCount: editing?.employeeCount ?? 0,\n      budget: getNumber(values, 'budget'),\n      location: getText(values, 'location'),\n      status: getText(values, 'status') as Department['status'],\n    };\n    if (editing) {\n      await updateDepartment(editing.id, payload);\n    } else {\n      await addDepartment(payload);\n    }\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">\n            <GradientText>Departments</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">\n            Organizational structure and department management\n          </p>\n          <PagePurpose className=\"mt-1\">\n            Organize your company into departments — set up structure, assign heads, and see how\n            headcount is distributed across the org.\n          </PagePurpose>\n        </div>\n        <Button size=\"sm\" onClick={() => form.openModal()}>\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        <GlassCard treatment=\"glass\" glow className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Total Departments</CardTitle>\n            <Building2 className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{departments.length}</div>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Total Headcount</CardTitle>\n            <Users className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{totalHeadcount}</div>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Total Budget</CardTitle>\n            <DollarSign className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">\n              ${(totalBudget / 1000000).toFixed(1)}M\n            </div>\n          </CardContent>\n        </GlassCard>\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                  <div className=\"flex items-center gap-1\">\n                    <Badge variant={dept.status === 'active' ? 'default' : 'secondary'}>\n                      {dept.status}\n                    </Badge>\n                    <Button\n                      variant=\"ghost\"\n                      size=\"sm\"\n                      className=\"h-8 w-8 p-0\"\n                      aria-label={`Edit ${dept.name}`}\n                      onClick={() => form.openModal(dept)}\n                    >\n                      <Pencil className=\"h-4 w-4\" />\n                    </Button>\n                    <Button\n                      variant=\"ghost\"\n                      size=\"sm\"\n                      className=\"h-8 w-8 p-0\"\n                      aria-label={`Delete ${dept.name}`}\n                      onClick={() => setDeleting(dept)}\n                    >\n                      <Trash2 className=\"h-4 w-4 text-status-error-text\" />\n                    </Button>\n                  </div>\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:{' '}\n                    {dept.employeeCount > 0\n                      ? `$${Math.round(dept.budget / dept.employeeCount / 1000)}K`\n                      : '—'}\n                  </span>\n                </div>\n              </CardContent>\n            </Card>\n          );\n        })}\n      </div>\n\n      <FormModal\n        open={form.open}\n        onOpenChange={form.onOpenChange}\n        title={editing ? 'Edit department' : 'Add department'}\n        description={\n          editing\n            ? 'Update this department’s details.'\n            : 'Create a new department in your organization.'\n        }\n        fields={DEPARTMENT_FIELDS}\n        initialValues={editing ? toFormValues(editing) : undefined}\n        submitLabel={editing ? 'Save changes' : 'Add department'}\n        onSubmit={handleSubmit}\n      />\n\n      <ConfirmDialog\n        open={deleting !== null}\n        onOpenChange={(open) => {\n          if (!open) {\n            setDeleting(null);\n          }\n        }}\n        title=\"Delete department?\"\n        description={\n          deleting ? `${deleting.name} will be removed. This cannot be undone.` : undefined\n        }\n        confirmLabel=\"Delete\"\n        destructive\n        onConfirm={async () => {\n          if (deleting) {\n            await removeDepartment(deleting.id);\n            setDeleting(null);\n          }\n        }}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"HrDepartmentsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/HrDepartmentsPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  PagePurpose,\n  Separator,\n} from '@burdenoff/fe-libs/ui';\nimport { Building2, DollarSign, MapPin, Pencil, Plus, Trash2, Users } from 'lucide-react';\nimport { useCrewFoundryStore, type Department } from '../store/crewfoundryStore';\nimport {\n  FormModal,\n  useFormModal,\n  type FieldConfig,\n  type FormValues,\n} from '../components/forms/FormModal';\nimport { ConfirmDialog } from '../components/forms/ConfirmDialog';\nimport { getNumber, getText, newClientId } from '../components/forms/formValues';\nimport { formatEnumLabel } from '../utils/formatEnumLabel';\n\nconst DEPARTMENT_FIELDS: FieldConfig[] = [\n  { name: 'name', label: 'Department name', type: 'text', required: true, colSpan: 2 },\n  { name: 'headName', label: 'Department head', type: 'text', required: true },\n  { name: 'location', label: 'Location', type: 'text', required: true },\n  { name: 'budget', label: 'Annual budget', type: 'number', required: true },\n  {\n    name: 'status',\n    label: 'Status',\n    type: 'select',\n    required: true,\n    options: [\n      { label: 'Active', value: 'active' },\n      { label: 'Restructuring', value: 'restructuring' },\n    ],\n  },\n];\n\nconst toFormValues = (department: Department): FormValues => ({\n  name: department.name,\n  headName: department.headName,\n  location: department.location,\n  budget: department.budget,\n  status: department.status,\n});\n\nexport function HrDepartmentsPagePage() {\n  const { departments, employees, addDepartment, updateDepartment, removeDepartment } =\n    useCrewFoundryStore();\n  const form = useFormModal<Department>();\n  const [deleting, setDeleting] = useState<Department | null>(null);\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  const editing = form.context;\n\n  const handleSubmit = async (values: FormValues) => {\n    const payload: Department = {\n      id: editing?.id ?? newClientId(),\n      name: getText(values, 'name'),\n      headId: editing?.headId ?? '',\n      headName: getText(values, 'headName'),\n      employeeCount: editing?.employeeCount ?? 0,\n      budget: getNumber(values, 'budget'),\n      location: getText(values, 'location'),\n      status: getText(values, 'status') as Department['status'],\n    };\n    if (editing) {\n      await updateDepartment(editing.id, payload);\n    } else {\n      await addDepartment(payload);\n    }\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">\n            <GradientText>Departments</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">\n            Organizational structure and department management\n          </p>\n          <PagePurpose className=\"mt-1\">\n            Organize your company into departments — set up structure, assign heads, and see how\n            headcount is distributed across the org.\n          </PagePurpose>\n        </div>\n        <Button size=\"sm\" onClick={() => form.openModal()}>\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        <GlassCard treatment=\"glass\" glow className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Total Departments</CardTitle>\n            <Building2 className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{departments.length}</div>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Total Headcount</CardTitle>\n            <Users className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{totalHeadcount}</div>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Total Budget</CardTitle>\n            <DollarSign className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">\n              ${(totalBudget / 1000000).toFixed(1)}M\n            </div>\n          </CardContent>\n        </GlassCard>\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                  <div className=\"flex items-center gap-1\">\n                    <Badge variant={dept.status === 'active' ? 'default' : 'secondary'}>\n                      {formatEnumLabel(dept.status)}\n                    </Badge>\n                    <Button\n                      variant=\"ghost\"\n                      size=\"sm\"\n                      className=\"h-8 w-8 p-0\"\n                      aria-label={`Edit ${dept.name}`}\n                      onClick={() => form.openModal(dept)}\n                    >\n                      <Pencil className=\"h-4 w-4\" />\n                    </Button>\n                    <Button\n                      variant=\"ghost\"\n                      size=\"sm\"\n                      className=\"h-8 w-8 p-0\"\n                      aria-label={`Delete ${dept.name}`}\n                      onClick={() => setDeleting(dept)}\n                    >\n                      <Trash2 className=\"h-4 w-4 text-status-error-text\" />\n                    </Button>\n                  </div>\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:{' '}\n                    {dept.employeeCount > 0\n                      ? `$${Math.round(dept.budget / dept.employeeCount / 1000)}K`\n                      : '—'}\n                  </span>\n                </div>\n              </CardContent>\n            </Card>\n          );\n        })}\n      </div>\n\n      <FormModal\n        open={form.open}\n        onOpenChange={form.onOpenChange}\n        title={editing ? 'Edit department' : 'Add department'}\n        description={\n          editing\n            ? 'Update this department’s details.'\n            : 'Create a new department in your organization.'\n        }\n        fields={DEPARTMENT_FIELDS}\n        initialValues={editing ? toFormValues(editing) : undefined}\n        submitLabel={editing ? 'Save changes' : 'Add department'}\n        onSubmit={handleSubmit}\n      />\n\n      <ConfirmDialog\n        open={deleting !== null}\n        onOpenChange={(open) => {\n          if (!open) {\n            setDeleting(null);\n          }\n        }}\n        title=\"Delete department?\"\n        description={\n          deleting ? `${deleting.name} will be removed. This cannot be undone.` : undefined\n        }\n        confirmLabel=\"Delete\"\n        destructive\n        onConfirm={async () => {\n          if (deleting) {\n            await removeDepartment(deleting.id);\n            setDeleting(null);\n          }\n        }}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/crewfoundry/pages/HrLeaveManagementPagePage.js

@@ -1,14 +1,15 @@
 import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
-import { FormModal as t, useFormModal as n } from "../components/forms/FormModal.js";
-import { getNumber as r, getText as i, newClientId as a } from "../components/forms/formValues.js";
-import { useMemo as o } from "react";
-import { Calendar as s, CheckCircle as c, Clock as l, XCircle as u } from "lucide-react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import { Badge as p, Button as m, Card as h, CardContent as g, CardDescription as _, CardHeader as v, CardTitle as y, GlassCard as b, GradientText as x, PagePurpose as S, Pagination as C, ResponsiveTable as w } from "@burdenoff/fe-libs/ui";
-import { usePagination as T } from "@burdenoff/fe-libs/shared/hooks";
-import { useAuth as E, useGlobalUi as D } from "@burdenoff/fe-libs/shared/providers/shell";
+import { formatEnumLabel as t } from "../utils/formatEnumLabel.js";
+import { FormModal as n, useFormModal as r } from "../components/forms/FormModal.js";
+import { getNumber as i, getText as a, newClientId as o } from "../components/forms/formValues.js";
+import { useMemo as s } from "react";
+import { Calendar as c, CheckCircle as l, Clock as u, XCircle as d } from "lucide-react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { Badge as m, Button as h, Card as g, CardContent as _, CardDescription as v, CardHeader as y, CardTitle as b, GlassCard as x, GradientText as S, PagePurpose as C, Pagination as w, ResponsiveTable as T } from "@burdenoff/fe-libs/ui";
+import { usePagination as E } from "@burdenoff/fe-libs/shared/hooks";
+import { useAuth as D, useGlobalUi as O } from "@burdenoff/fe-libs/shared/providers/shell";
 //#region src/crewfoundry/pages/HrLeaveManagementPagePage.tsx
-var O = [
+var k = [
 	{
 		label: "Annual",
 		value: "annual"
@@ -33,18 +34,18 @@ var O = [
 		label: "Unpaid",
 		value: "unpaid"
 	}
-], k = (e) => e.split("_").map((e) => e[0]?.toUpperCase() + e.slice(1)).join(" ");
-function A() {
-	let { leaveRequests: A, employees: j, addLeaveRequest: M, updateLeaveRequest: N } = e(), { showToast: P } = D(), { currentUser: F } = E(), I = n(), L = F?.name || [F?.firstName, F?.lastName].filter(Boolean).join(" ") || F?.email || "Manager", R = o(() => j.map((e) => ({
+], A = (e) => e.split("_").map((e) => e[0]?.toUpperCase() + e.slice(1)).join(" ");
+function j() {
+	let { leaveRequests: j, employees: M, addLeaveRequest: N, updateLeaveRequest: P } = e(), { showToast: F } = O(), { currentUser: I } = D(), L = r(), R = I?.name || [I?.firstName, I?.lastName].filter(Boolean).join(" ") || I?.email || "Manager", z = s(() => M.map((e) => ({
 		label: `${e.firstName} ${e.lastName}`,
 		value: e.id
-	})), [j]), z = o(() => [
+	})), [M]), B = s(() => [
 		{
 			name: "employeeId",
 			label: "Employee",
 			type: "select",
 			required: !0,
-			options: R,
+			options: z,
 			colSpan: 2
 		},
 		{
@@ -52,7 +53,7 @@ function A() {
 			label: "Leave type",
 			type: "select",
 			required: !0,
-			options: O
+			options: k
 		},
 		{
 			name: "days",
@@ -79,7 +80,7 @@ function A() {
 			required: !0,
 			colSpan: 2
 		}
-	], [R]), B = A.filter((e) => e.status === "pending").length, V = A.filter((e) => e.status === "approved").length, H = A.filter((e) => e.status === "approved").reduce((e, t) => e + t.days, 0), U = o(() => {
+	], [z]), V = j.filter((e) => e.status === "pending").length, H = j.filter((e) => e.status === "approved").length, U = j.filter((e) => e.status === "approved").reduce((e, t) => e + t.days, 0), W = s(() => {
 		let e = {
 			annual: 20,
 			sick: 12,
@@ -87,25 +88,25 @@ function A() {
 			maternity: 90,
 			paternity: 30,
 			unpaid: 15
-		}, t = A.filter((e) => e.status === "approved").reduce((e, t) => (e[t.type] = (e[t.type] || 0) + t.days, e), {});
+		}, t = j.filter((e) => e.status === "approved").reduce((e, t) => (e[t.type] = (e[t.type] || 0) + t.days, e), {});
 		return Object.entries(e).map(([e, n]) => {
 			let r = t[e] || 0;
 			return {
-				type: k(e),
+				type: A(e),
 				total: n,
 				used: r,
 				remaining: Math.max(n - r, 0)
 			};
 		});
-	}, [A]), W = o(() => {
+	}, [j]), G = s(() => {
 		let e = (/* @__PURE__ */ new Date()).toISOString().split("T")[0];
-		return A.filter((t) => t.status === "approved" && t.startDate <= e && t.endDate >= e).length;
-	}, [A]), G = o(() => A.filter((e) => e.status === "pending"), [A]), K = o(() => [...A].sort((e, t) => t.startDate.localeCompare(e.startDate)), [A]), q = T({ initialPageSize: 5 }), J = T({ initialPageSize: 10 }), Y = G.slice(q.offset, q.offset + q.pageSize), X = K.slice(J.offset, J.offset + J.pageSize), Z = [
+		return j.filter((t) => t.status === "approved" && t.startDate <= e && t.endDate >= e).length;
+	}, [j]), K = s(() => j.filter((e) => e.status === "pending"), [j]), q = s(() => [...j].sort((e, t) => t.startDate.localeCompare(e.startDate)), [j]), J = E({ initialPageSize: 5 }), Y = E({ initialPageSize: 10 }), X = K.slice(J.offset, J.offset + J.pageSize), Z = q.slice(Y.offset, Y.offset + Y.pageSize), Q = [
 		{
 			key: "employee",
 			header: "Employee",
 			priority: "primary",
-			cell: (e) => /* @__PURE__ */ d("span", {
+			cell: (e) => /* @__PURE__ */ f("span", {
 				className: "font-medium",
 				children: e.employeeName
 			})
@@ -113,7 +114,7 @@ function A() {
 		{
 			key: "department",
 			header: "Department",
-			cell: (e) => /* @__PURE__ */ d("span", {
+			cell: (e) => /* @__PURE__ */ f("span", {
 				className: "text-text-secondary",
 				children: e.department
 			})
@@ -121,16 +122,16 @@ function A() {
 		{
 			key: "type",
 			header: "Type",
-			cell: (e) => /* @__PURE__ */ d(p, {
+			cell: (e) => /* @__PURE__ */ f(m, {
 				variant: "outline",
 				className: "w-fit text-[10px]",
-				children: e.type
+				children: t(e.type)
 			})
 		},
 		{
 			key: "period",
 			header: "Period",
-			cell: (e) => /* @__PURE__ */ f("span", {
+			cell: (e) => /* @__PURE__ */ p("span", {
 				className: "text-xs",
 				children: [
 					e.startDate,
@@ -144,12 +145,12 @@ function A() {
 			header: "Days",
 			headerClassName: "text-right",
 			cellClassName: "md:text-right",
-			cell: (e) => /* @__PURE__ */ d("span", { children: e.days })
+			cell: (e) => /* @__PURE__ */ f("span", { children: e.days })
 		},
 		{
 			key: "reason",
 			header: "Reason",
-			cell: (e) => /* @__PURE__ */ d("span", {
+			cell: (e) => /* @__PURE__ */ f("span", {
 				className: "block max-w-[16rem] truncate text-xs text-text-secondary",
 				children: e.reason
 			})
@@ -157,197 +158,198 @@ function A() {
 		{
 			key: "status",
 			header: "Status",
-			cell: (e) => /* @__PURE__ */ d(p, {
+			cell: (e) => /* @__PURE__ */ f(m, {
 				variant: e.status === "approved" ? "default" : e.status === "pending" ? "secondary" : "destructive",
 				className: "text-[10px]",
-				children: e.status
+				children: t(e.status)
 			})
 		}
-	], Q = async (e) => {
-		let t = i(e, "employeeId"), n = j.find((e) => e.id === t);
-		await M({
-			id: a(),
+	], ee = async (e) => {
+		let t = a(e, "employeeId"), n = M.find((e) => e.id === t);
+		await N({
+			id: o(),
 			employeeId: t,
 			employeeName: n ? `${n.firstName} ${n.lastName}` : "",
 			department: n?.department ?? "",
-			type: i(e, "type"),
-			startDate: i(e, "startDate"),
-			endDate: i(e, "endDate"),
-			days: r(e, "days"),
+			type: a(e, "type"),
+			startDate: a(e, "startDate"),
+			endDate: a(e, "endDate"),
+			days: i(e, "days"),
 			status: "pending",
-			reason: i(e, "reason")
+			reason: a(e, "reason")
 		});
 	}, $ = async (e, t) => {
 		try {
-			await N(e.id, {
+			await P(e.id, {
 				status: t,
-				approverName: L
+				approverName: R
 			});
 		} catch (e) {
-			P(e instanceof Error ? e.message : "Unable to update leave request", "error");
+			F(e instanceof Error ? e.message : "Unable to update leave request", "error");
 		}
 	};
-	return /* @__PURE__ */ f("div", {
+	return /* @__PURE__ */ p("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ f("div", {
+			/* @__PURE__ */ p("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ f("div", { children: [
-					/* @__PURE__ */ d("h1", {
+				children: [/* @__PURE__ */ p("div", { children: [
+					/* @__PURE__ */ f("h1", {
 						className: "text-2xl font-semibold",
-						children: /* @__PURE__ */ d(x, { children: "Leave Management" })
+						children: /* @__PURE__ */ f(S, { children: "Leave Management" })
 					}),
-					/* @__PURE__ */ d("p", {
+					/* @__PURE__ */ f("p", {
 						className: "text-sm text-text-secondary",
 						children: "Track and manage employee leave requests"
 					}),
-					/* @__PURE__ */ d(S, {
+					/* @__PURE__ */ f(C, {
 						className: "mt-1",
 						children: "Handle time-off in one place — review and approve leave requests and keep an eye on team availability and balances."
 					})
-				] }), /* @__PURE__ */ f(m, {
+				] }), /* @__PURE__ */ p(h, {
 					size: "sm",
-					onClick: () => I.openModal(),
-					children: [/* @__PURE__ */ d(s, { className: "mr-1 h-4 w-4" }), "Request Leave"]
+					onClick: () => L.openModal(),
+					children: [/* @__PURE__ */ f(c, { className: "mr-1 h-4 w-4" }), "Request Leave"]
 				})]
 			}),
-			/* @__PURE__ */ f("div", {
+			/* @__PURE__ */ p("div", {
 				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4",
 				children: [
-					/* @__PURE__ */ f(b, {
+					/* @__PURE__ */ p(x, {
 						treatment: "glass",
 						glow: !0,
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ f(v, {
+						children: [/* @__PURE__ */ p(y, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ d(y, {
+							children: [/* @__PURE__ */ f(b, {
 								className: "text-sm font-medium",
 								children: "Pending"
-							}), /* @__PURE__ */ d(l, { className: "h-4 w-4 text-status-warning-text" })]
-						}), /* @__PURE__ */ f(g, { children: [/* @__PURE__ */ d("div", {
+							}), /* @__PURE__ */ f(u, { className: "h-4 w-4 text-status-warning-text" })]
+						}), /* @__PURE__ */ p(_, { children: [/* @__PURE__ */ f("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: B
-						}), /* @__PURE__ */ d("p", {
+							children: V
+						}), /* @__PURE__ */ f("p", {
 							className: "text-xs text-text-secondary",
 							children: "Awaiting approval"
 						})] })]
 					}),
-					/* @__PURE__ */ f(b, {
+					/* @__PURE__ */ p(x, {
 						treatment: "metric",
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ f(v, {
+						children: [/* @__PURE__ */ p(y, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ d(y, {
+							children: [/* @__PURE__ */ f(b, {
 								className: "text-sm font-medium",
 								children: "Approved"
-							}), /* @__PURE__ */ d(c, { className: "h-4 w-4 text-status-success-text" })]
-						}), /* @__PURE__ */ f(g, { children: [/* @__PURE__ */ d("div", {
+							}), /* @__PURE__ */ f(l, { className: "h-4 w-4 text-status-success-text" })]
+						}), /* @__PURE__ */ p(_, { children: [/* @__PURE__ */ f("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: V
-						}), /* @__PURE__ */ d("p", {
+							children: H
+						}), /* @__PURE__ */ f("p", {
 							className: "text-xs text-text-secondary",
 							children: "Current period"
 						})] })]
 					}),
-					/* @__PURE__ */ f(b, {
+					/* @__PURE__ */ p(x, {
 						treatment: "metric",
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ f(v, {
+						children: [/* @__PURE__ */ p(y, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ d(y, {
+							children: [/* @__PURE__ */ f(b, {
 								className: "text-sm font-medium",
 								children: "Days Used"
-							}), /* @__PURE__ */ d(s, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ f(g, { children: [/* @__PURE__ */ d("div", {
+							}), /* @__PURE__ */ f(c, { className: "h-4 w-4 text-text-secondary" })]
+						}), /* @__PURE__ */ p(_, { children: [/* @__PURE__ */ f("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: H
-						}), /* @__PURE__ */ d("p", {
+							children: U
+						}), /* @__PURE__ */ f("p", {
 							className: "text-xs text-text-secondary",
 							children: "Total approved days"
 						})] })]
 					}),
-					/* @__PURE__ */ f(b, {
+					/* @__PURE__ */ p(x, {
 						treatment: "metric",
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ f(v, {
+						children: [/* @__PURE__ */ p(y, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ d(y, {
+							children: [/* @__PURE__ */ f(b, {
 								className: "text-sm font-medium",
 								children: "On Leave Today"
-							}), /* @__PURE__ */ d(u, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ f(g, { children: [/* @__PURE__ */ d("div", {
+							}), /* @__PURE__ */ f(d, { className: "h-4 w-4 text-text-secondary" })]
+						}), /* @__PURE__ */ p(_, { children: [/* @__PURE__ */ f("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: W
-						}), /* @__PURE__ */ d("p", {
+							children: G
+						}), /* @__PURE__ */ f("p", {
 							className: "text-xs text-text-secondary",
 							children: "Out of office"
 						})] })]
 					})
 				]
 			}),
-			/* @__PURE__ */ f("div", {
+			/* @__PURE__ */ p("div", {
 				className: "grid gap-4 md:grid-cols-2",
-				children: [/* @__PURE__ */ f(h, { children: [/* @__PURE__ */ f(v, { children: [/* @__PURE__ */ d(y, { children: "Leave Balances" }), /* @__PURE__ */ d(_, { children: "Company-wide leave allocation (default policy) vs. approved days used" })] }), /* @__PURE__ */ d(g, {
+				children: [/* @__PURE__ */ p(g, { children: [/* @__PURE__ */ p(y, { children: [/* @__PURE__ */ f(b, { children: "Leave Balances" }), /* @__PURE__ */ f(v, { children: "Company-wide leave allocation (default policy) vs. approved days used" })] }), /* @__PURE__ */ f(_, {
 					className: "space-y-4",
-					children: U.map((e) => {
-						let t = Math.round(e.used / Math.max(e.total, 1) * 100);
-						return /* @__PURE__ */ f("div", {
+					children: W.map((e) => {
+						let n = Math.round(e.used / Math.max(e.total, 1) * 100);
+						return /* @__PURE__ */ p("div", {
 							className: "space-y-1",
-							children: [/* @__PURE__ */ f("div", {
+							children: [/* @__PURE__ */ p("div", {
 								className: "flex justify-between text-sm",
-								children: [/* @__PURE__ */ d("span", {
+								children: [/* @__PURE__ */ f("span", {
 									className: "font-medium",
-									children: e.type
-								}), /* @__PURE__ */ f("span", { children: [
+									children: t(e.type)
+								}), /* @__PURE__ */ p("span", { children: [
 									e.used,
 									"/",
 									e.total,
 									" days used"
 								] })]
-							}), /* @__PURE__ */ d("div", {
+							}), /* @__PURE__ */ f("div", {
 								className: "h-2 overflow-hidden rounded bg-bg-sunken",
-								children: /* @__PURE__ */ d("div", {
-									className: `h-2 rounded ${t > 80 ? "bg-status-error-text" : t > 50 ? "bg-status-warning-text" : "bg-status-success-text"}`,
-									style: { width: `${t}%` }
+								children: /* @__PURE__ */ f("div", {
+									className: `h-2 rounded ${n > 80 ? "bg-status-error-text" : n > 50 ? "bg-status-warning-text" : "bg-status-success-text"}`,
+									style: { width: `${n}%` }
 								})
 							})]
 						}, e.type);
 					})
-				})] }), /* @__PURE__ */ f(h, { children: [/* @__PURE__ */ f(v, { children: [/* @__PURE__ */ d(y, { children: "Pending Approvals" }), /* @__PURE__ */ d(_, { children: "Leave requests waiting for your review" })] }), /* @__PURE__ */ f(g, {
+				})] }), /* @__PURE__ */ p(g, { children: [/* @__PURE__ */ p(y, { children: [/* @__PURE__ */ f(b, { children: "Pending Approvals" }), /* @__PURE__ */ f(v, { children: "Leave requests waiting for your review" })] }), /* @__PURE__ */ p(_, {
 					className: "space-y-3",
 					children: [
-						Y.map((e) => /* @__PURE__ */ f("div", {
+						X.map((e) => /* @__PURE__ */ p("div", {
 							className: "flex items-center justify-between rounded border p-3",
-							children: [/* @__PURE__ */ f("div", { children: [
-								/* @__PURE__ */ d("p", {
+							children: [/* @__PURE__ */ p("div", { children: [
+								/* @__PURE__ */ f("p", {
 									className: "text-sm font-medium",
 									children: e.employeeName
 								}),
-								/* @__PURE__ */ f("p", {
+								/* @__PURE__ */ p("p", {
 									className: "text-xs text-text-secondary",
 									children: [
-										e.type,
+										t(e.type),
 										" · ",
 										e.days,
 										" days · ",
 										e.startDate,
-										" to ",
+										" to",
+										" ",
 										e.endDate
 									]
 								}),
-								/* @__PURE__ */ d("p", {
+								/* @__PURE__ */ f("p", {
 									className: "mt-1 text-xs text-text-secondary",
 									children: e.reason
 								})
-							] }), /* @__PURE__ */ f("div", {
+							] }), /* @__PURE__ */ p("div", {
 								className: "flex gap-1",
-								children: [/* @__PURE__ */ d(m, {
+								children: [/* @__PURE__ */ f(h, {
 									size: "sm",
 									variant: "outline",
 									className: "h-7 text-xs",
 									onClick: () => $(e, "rejected"),
 									children: "Reject"
-								}), /* @__PURE__ */ d(m, {
+								}), /* @__PURE__ */ f(h, {
 									size: "sm",
 									className: "h-7 text-xs",
 									onClick: () => $(e, "approved"),
@@ -355,49 +357,49 @@ function A() {
 								})]
 							})]
 						}, e.id)),
-						B === 0 && /* @__PURE__ */ d("p", {
+						V === 0 && /* @__PURE__ */ f("p", {
 							className: "py-6 text-center text-sm text-text-secondary",
 							children: "No leave requests are awaiting approval."
 						}),
-						G.length > q.pageSize && /* @__PURE__ */ d(C, {
-							page: q.page,
-							pageSize: q.pageSize,
-							totalItems: G.length,
-							onPageChange: q.setPage
+						K.length > J.pageSize && /* @__PURE__ */ f(w, {
+							page: J.page,
+							pageSize: J.pageSize,
+							totalItems: K.length,
+							onPageChange: J.setPage
 						})
 					]
 				})] })]
 			}),
-			/* @__PURE__ */ f(h, { children: [/* @__PURE__ */ f(v, { children: [/* @__PURE__ */ d(y, { children: "All Leave Requests" }), /* @__PURE__ */ d(_, { children: "Complete leave request history" })] }), /* @__PURE__ */ f(g, {
+			/* @__PURE__ */ p(g, { children: [/* @__PURE__ */ p(y, { children: [/* @__PURE__ */ f(b, { children: "All Leave Requests" }), /* @__PURE__ */ f(v, { children: "Complete leave request history" })] }), /* @__PURE__ */ p(_, {
 				className: "space-y-4",
-				children: [/* @__PURE__ */ d(w, {
-					data: X,
+				children: [/* @__PURE__ */ f(T, {
+					data: Z,
 					rowKey: (e) => e.id,
-					columns: Z,
-					emptyState: /* @__PURE__ */ d("p", {
+					columns: Q,
+					emptyState: /* @__PURE__ */ f("p", {
 						className: "py-6 text-center text-sm text-text-secondary",
 						children: "No leave requests yet."
 					})
-				}), K.length > J.pageSize && /* @__PURE__ */ d(C, {
-					page: J.page,
-					pageSize: J.pageSize,
-					totalItems: K.length,
-					onPageChange: J.setPage
+				}), q.length > Y.pageSize && /* @__PURE__ */ f(w, {
+					page: Y.page,
+					pageSize: Y.pageSize,
+					totalItems: q.length,
+					onPageChange: Y.setPage
 				})]
 			})] }),
-			/* @__PURE__ */ d(t, {
-				open: I.open,
-				onOpenChange: I.onOpenChange,
+			/* @__PURE__ */ f(n, {
+				open: L.open,
+				onOpenChange: L.onOpenChange,
 				title: "Request leave",
 				description: "Submit a new time-off request for review.",
-				fields: z,
+				fields: B,
 				submitLabel: "Submit request",
-				onSubmit: Q
+				onSubmit: ee
 			})
 		]
 	});
 }
 //#endregion
-export { A as HrLeaveManagementPagePage };
+export { j as HrLeaveManagementPagePage };
 
 //# sourceMappingURL=HrLeaveManagementPagePage.js.map