@burdenoff/microfe-crewfoundry 2026.704.3 → 2026.704.5

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

@@ -1 +1 @@
-{"version":3,"file":"HrPayrollPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/HrPayrollPagePage.tsx"],"sourcesContent":["import { useMemo, 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  Pagination,\n  ResponsiveTable,\n  Separator,\n  type ResponsiveTableColumn,\n} from '@burdenoff/fe-libs/ui';\nimport { usePagination } from '@burdenoff/fe-libs/shared/hooks';\nimport { useGlobalUi } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { CheckCircle, Clock, DollarSign, Download, Plus, TrendingUp } from 'lucide-react';\nimport { useCrewFoundryStore, type PayrollRecord } from '../store/crewfoundryStore';\nimport {\n  FormModal,\n  useFormModal,\n  type FieldConfig,\n  type FormValues,\n} from '../components/forms/FormModal';\nimport { getNumber, getText, newClientId } from '../components/forms/formValues';\n\nconst STATUS_OPTIONS = [\n  { label: 'Draft', value: 'draft' },\n  { label: 'Processing', value: 'processing' },\n  { label: 'Approved', value: 'approved' },\n  { label: 'Paid', value: 'paid' },\n  { label: 'Failed', value: 'failed' },\n];\n\nexport function HrPayrollPagePage() {\n  const { payrollRecords, employees, addPayrollRecord, updatePayrollRecord } =\n    useCrewFoundryStore();\n  const { showToast } = useGlobalUi();\n  const [selectedPeriod, setSelectedPeriod] = useState('January 2026');\n  const createForm = useFormModal<void>();\n  const { page, pageSize, offset, setPage } = usePagination({ initialPageSize: 10 });\n\n  const employeeOptions = useMemo(\n    () =>\n      employees.map((employee) => ({\n        label: `${employee.firstName} ${employee.lastName}`,\n        value: employee.id,\n      })),\n    [employees]\n  );\n\n  const payrollFields = useMemo<FieldConfig[]>(\n    () => [\n      {\n        name: 'employeeId',\n        label: 'Employee',\n        type: 'select',\n        required: true,\n        options: employeeOptions,\n        colSpan: 2,\n      },\n      {\n        name: 'period',\n        label: 'Pay period',\n        type: 'text',\n        required: true,\n        placeholder: 'e.g. February 2026',\n      },\n      {\n        name: 'paymentMethod',\n        label: 'Payment method',\n        type: 'text',\n        required: true,\n        placeholder: 'e.g. Bank Transfer',\n      },\n      { name: 'grossPay', label: 'Gross pay', type: 'number', required: true },\n      { name: 'deductions', label: 'Deductions', type: 'number', required: true },\n      { name: 'netPay', label: 'Net pay (auto if blank)', type: 'number' },\n      { name: 'payDate', label: 'Pay date', type: 'date' },\n      { name: 'status', label: 'Status', type: 'select', options: STATUS_OPTIONS },\n    ],\n    [employeeOptions]\n  );\n\n  const periodRecords = payrollRecords.filter((r) => r.period === selectedPeriod);\n  const totalGross = periodRecords.reduce((s, r) => s + r.grossPay, 0);\n  const totalNet = periodRecords.reduce((s, r) => s + r.netPay, 0);\n  const totalDeductions = periodRecords.reduce((s, r) => s + r.deductions, 0);\n  const paidCount = periodRecords.filter((r) => r.status === 'paid').length;\n  const processingCount = periodRecords.filter((r) => r.status === 'processing').length;\n  const recordPageItems = periodRecords.slice(offset, offset + pageSize);\n\n  const periods = [...new Set(payrollRecords.map((r) => r.period))];\n\n  const handlePeriodChange = (period: string) => {\n    setSelectedPeriod(period);\n    setPage(1);\n  };\n\n  const recordColumns: ResponsiveTableColumn<PayrollRecord>[] = [\n    {\n      key: 'employee',\n      header: 'Employee',\n      priority: 'primary',\n      cell: (record) => <span className=\"font-medium\">{record.employeeName}</span>,\n    },\n    {\n      key: 'department',\n      header: 'Department',\n      cell: (record) => <span className=\"text-text-secondary\">{record.department}</span>,\n    },\n    {\n      key: 'gross',\n      header: 'Gross Pay',\n      headerClassName: 'text-right',\n      cellClassName: 'md:text-right',\n      cell: (record) => <span>${record.grossPay.toLocaleString()}</span>,\n    },\n    {\n      key: 'deductions',\n      header: 'Deductions',\n      headerClassName: 'text-right',\n      cellClassName: 'md:text-right',\n      cell: (record) => (\n        <span className=\"text-status-error-text\">-${record.deductions.toLocaleString()}</span>\n      ),\n    },\n    {\n      key: 'net',\n      header: 'Net Pay',\n      headerClassName: 'text-right',\n      cellClassName: 'md:text-right',\n      cell: (record) => <span className=\"font-medium\">${record.netPay.toLocaleString()}</span>,\n    },\n    {\n      key: 'method',\n      header: 'Payment Method',\n      cell: (record) => <span className=\"text-text-secondary\">{record.paymentMethod}</span>,\n    },\n    {\n      key: 'status',\n      header: 'Status',\n      cell: (record) => (\n        <div className=\"flex items-center gap-2\">\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          {record.status !== 'paid' && (\n            <Button\n              variant=\"ghost\"\n              size=\"sm\"\n              className=\"h-6 px-2 text-[10px]\"\n              onClick={() => handleMarkPaid(record)}\n            >\n              Mark paid\n            </Button>\n          )}\n        </div>\n      ),\n    },\n  ];\n\n  const handleCreate = async (values: FormValues) => {\n    const employeeId = getText(values, 'employeeId');\n    const employee = employees.find((item) => item.id === employeeId);\n    const grossPay = getNumber(values, 'grossPay');\n    const deductions = getNumber(values, 'deductions');\n    const netPayInput = getNumber(values, 'netPay');\n    const payload: PayrollRecord = {\n      id: newClientId(),\n      employeeId,\n      employeeName: employee ? `${employee.firstName} ${employee.lastName}` : '',\n      department: employee?.department ?? '',\n      period: getText(values, 'period'),\n      grossPay,\n      deductions,\n      netPay: netPayInput > 0 ? netPayInput : Math.max(grossPay - deductions, 0),\n      status: (getText(values, 'status') as PayrollRecord['status']) || 'draft',\n      payDate: getText(values, 'payDate'),\n      paymentMethod: getText(values, 'paymentMethod'),\n    };\n    await addPayrollRecord(payload);\n  };\n\n  const handleMarkPaid = async (record: PayrollRecord) => {\n    try {\n      await updatePayrollRecord(record.id, {\n        status: 'paid',\n        payDate: new Date().toISOString().slice(0, 10),\n      });\n    } catch (error) {\n      showToast(\n        error instanceof Error ? error.message : 'Unable to update payroll record',\n        'error'\n      );\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>Payroll Management</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">Process and manage employee payroll</p>\n          <PagePurpose className=\"mt-1\">\n            Run and review payroll — track salaries, deductions, and pay runs so your team gets paid\n            accurately and on time.\n          </PagePurpose>\n        </div>\n        <div className=\"flex gap-2\">\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            disabled\n            aria-label=\"Export payroll (coming soon)\"\n            title=\"Payroll export is coming soon\"\n          >\n            <Download className=\"h-4 w-4 mr-1\" />\n            Export\n            <Badge variant=\"secondary\" className=\"ml-1 text-[9px]\">\n              Soon\n            </Badge>\n          </Button>\n          <Button size=\"sm\" onClick={() => createForm.openModal()}>\n            <Plus className=\"h-4 w-4 mr-1\" />\n            Add Record\n          </Button>\n        </div>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-4\">\n        <GlassCard treatment=\"glass\" glow className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Gross Payroll</CardTitle>\n            <DollarSign className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">${totalGross.toLocaleString()}</div>\n            <p className=\"text-xs text-text-secondary\">{selectedPeriod}</p>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Net Payroll</CardTitle>\n            <TrendingUp className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">${totalNet.toLocaleString()}</div>\n            <p className=\"text-xs text-text-secondary\">After deductions</p>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Paid</CardTitle>\n            <CheckCircle className=\"h-4 w-4 text-status-success-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{paidCount}</div>\n            <p className=\"text-xs text-text-secondary\">employees paid</p>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Processing</CardTitle>\n            <Clock className=\"h-4 w-4 text-status-warning-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{processingCount}</div>\n            <p className=\"text-xs text-text-secondary\">in progress</p>\n          </CardContent>\n        </GlassCard>\n      </div>\n\n      <div className=\"flex flex-wrap gap-2\">\n        {periods.map((period) => (\n          <Button\n            key={period}\n            variant={selectedPeriod === period ? 'default' : 'outline'}\n            size=\"sm\"\n            onClick={() => handlePeriodChange(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 className=\"space-y-4\">\n          <ResponsiveTable<PayrollRecord>\n            data={recordPageItems}\n            rowKey={(record) => record.id}\n            columns={recordColumns}\n            emptyState={\n              <p className=\"py-6 text-center text-sm text-text-secondary\">\n                No payroll records for {selectedPeriod}.\n              </p>\n            }\n          />\n          {periodRecords.length > pageSize && (\n            <Pagination\n              page={page}\n              pageSize={pageSize}\n              totalItems={periodRecords.length}\n              onPageChange={setPage}\n            />\n          )}\n          {periodRecords.length > 0 && (\n            <>\n              <Separator />\n              <div className=\"flex flex-wrap items-center justify-between gap-4 text-sm font-semibold\">\n                <span>Total for {selectedPeriod}</span>\n                <div className=\"flex flex-wrap gap-x-6 gap-y-1\">\n                  <span>\n                    <span className=\"text-text-secondary\">Gross </span>$\n                    {totalGross.toLocaleString()}\n                  </span>\n                  <span className=\"text-status-error-text\">\n                    <span className=\"text-text-secondary\">Deductions </span>-$\n                    {totalDeductions.toLocaleString()}\n                  </span>\n                  <span>\n                    <span className=\"text-text-secondary\">Net </span>${totalNet.toLocaleString()}\n                  </span>\n                </div>\n              </div>\n            </>\n          )}\n        </CardContent>\n      </Card>\n\n      <FormModal\n        open={createForm.open}\n        onOpenChange={createForm.onOpenChange}\n        title=\"Add payroll record\"\n        description=\"Create a payroll entry for a team member.\"\n        fields={payrollFields}\n        submitLabel=\"Add record\"\n        onSubmit={handleCreate}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"HrPayrollPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/HrPayrollPagePage.tsx"],"sourcesContent":["import { useMemo, 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  Pagination,\n  ResponsiveTable,\n  Separator,\n  type ResponsiveTableColumn,\n} from '@burdenoff/fe-libs/ui';\nimport { usePagination } from '@burdenoff/fe-libs/shared/hooks';\nimport { useGlobalUi } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { CheckCircle, Clock, DollarSign, Download, Plus, TrendingUp } from 'lucide-react';\nimport { useCrewFoundryStore, type PayrollRecord } from '../store/crewfoundryStore';\nimport {\n  FormModal,\n  useFormModal,\n  type FieldConfig,\n  type FormValues,\n} from '../components/forms/FormModal';\nimport { getNumber, getText, newClientId } from '../components/forms/formValues';\nimport { formatEnumLabel } from '../utils/formatEnumLabel';\n\nconst STATUS_OPTIONS = [\n  { label: 'Draft', value: 'draft' },\n  { label: 'Processing', value: 'processing' },\n  { label: 'Approved', value: 'approved' },\n  { label: 'Paid', value: 'paid' },\n  { label: 'Failed', value: 'failed' },\n];\n\nexport function HrPayrollPagePage() {\n  const { payrollRecords, employees, addPayrollRecord, updatePayrollRecord } =\n    useCrewFoundryStore();\n  const { showToast } = useGlobalUi();\n  const [selectedPeriod, setSelectedPeriod] = useState('January 2026');\n  const createForm = useFormModal<void>();\n  const { page, pageSize, offset, setPage } = usePagination({ initialPageSize: 10 });\n\n  const employeeOptions = useMemo(\n    () =>\n      employees.map((employee) => ({\n        label: `${employee.firstName} ${employee.lastName}`,\n        value: employee.id,\n      })),\n    [employees]\n  );\n\n  const payrollFields = useMemo<FieldConfig[]>(\n    () => [\n      {\n        name: 'employeeId',\n        label: 'Employee',\n        type: 'select',\n        required: true,\n        options: employeeOptions,\n        colSpan: 2,\n      },\n      {\n        name: 'period',\n        label: 'Pay period',\n        type: 'text',\n        required: true,\n        placeholder: 'e.g. February 2026',\n      },\n      {\n        name: 'paymentMethod',\n        label: 'Payment method',\n        type: 'text',\n        required: true,\n        placeholder: 'e.g. Bank Transfer',\n      },\n      { name: 'grossPay', label: 'Gross pay', type: 'number', required: true },\n      { name: 'deductions', label: 'Deductions', type: 'number', required: true },\n      { name: 'netPay', label: 'Net pay (auto if blank)', type: 'number' },\n      { name: 'payDate', label: 'Pay date', type: 'date' },\n      { name: 'status', label: 'Status', type: 'select', options: STATUS_OPTIONS },\n    ],\n    [employeeOptions]\n  );\n\n  const periodRecords = payrollRecords.filter((r) => r.period === selectedPeriod);\n  const totalGross = periodRecords.reduce((s, r) => s + r.grossPay, 0);\n  const totalNet = periodRecords.reduce((s, r) => s + r.netPay, 0);\n  const totalDeductions = periodRecords.reduce((s, r) => s + r.deductions, 0);\n  const paidCount = periodRecords.filter((r) => r.status === 'paid').length;\n  const processingCount = periodRecords.filter((r) => r.status === 'processing').length;\n  const recordPageItems = periodRecords.slice(offset, offset + pageSize);\n\n  const periods = [...new Set(payrollRecords.map((r) => r.period))];\n\n  const handlePeriodChange = (period: string) => {\n    setSelectedPeriod(period);\n    setPage(1);\n  };\n\n  const recordColumns: ResponsiveTableColumn<PayrollRecord>[] = [\n    {\n      key: 'employee',\n      header: 'Employee',\n      priority: 'primary',\n      cell: (record) => <span className=\"font-medium\">{record.employeeName}</span>,\n    },\n    {\n      key: 'department',\n      header: 'Department',\n      cell: (record) => <span className=\"text-text-secondary\">{record.department}</span>,\n    },\n    {\n      key: 'gross',\n      header: 'Gross Pay',\n      headerClassName: 'text-right',\n      cellClassName: 'md:text-right',\n      cell: (record) => <span>${record.grossPay.toLocaleString()}</span>,\n    },\n    {\n      key: 'deductions',\n      header: 'Deductions',\n      headerClassName: 'text-right',\n      cellClassName: 'md:text-right',\n      cell: (record) => (\n        <span className=\"text-status-error-text\">-${record.deductions.toLocaleString()}</span>\n      ),\n    },\n    {\n      key: 'net',\n      header: 'Net Pay',\n      headerClassName: 'text-right',\n      cellClassName: 'md:text-right',\n      cell: (record) => <span className=\"font-medium\">${record.netPay.toLocaleString()}</span>,\n    },\n    {\n      key: 'method',\n      header: 'Payment Method',\n      cell: (record) => <span className=\"text-text-secondary\">{record.paymentMethod}</span>,\n    },\n    {\n      key: 'status',\n      header: 'Status',\n      cell: (record) => (\n        <div className=\"flex items-center gap-2\">\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            {formatEnumLabel(record.status)}\n          </Badge>\n          {record.status !== 'paid' && (\n            <Button\n              variant=\"ghost\"\n              size=\"sm\"\n              className=\"h-6 px-2 text-[10px]\"\n              onClick={() => handleMarkPaid(record)}\n            >\n              Mark paid\n            </Button>\n          )}\n        </div>\n      ),\n    },\n  ];\n\n  const handleCreate = async (values: FormValues) => {\n    const employeeId = getText(values, 'employeeId');\n    const employee = employees.find((item) => item.id === employeeId);\n    const grossPay = getNumber(values, 'grossPay');\n    const deductions = getNumber(values, 'deductions');\n    const netPayInput = getNumber(values, 'netPay');\n    const payload: PayrollRecord = {\n      id: newClientId(),\n      employeeId,\n      employeeName: employee ? `${employee.firstName} ${employee.lastName}` : '',\n      department: employee?.department ?? '',\n      period: getText(values, 'period'),\n      grossPay,\n      deductions,\n      netPay: netPayInput > 0 ? netPayInput : Math.max(grossPay - deductions, 0),\n      status: (getText(values, 'status') as PayrollRecord['status']) || 'draft',\n      payDate: getText(values, 'payDate'),\n      paymentMethod: getText(values, 'paymentMethod'),\n    };\n    await addPayrollRecord(payload);\n  };\n\n  const handleMarkPaid = async (record: PayrollRecord) => {\n    try {\n      await updatePayrollRecord(record.id, {\n        status: 'paid',\n        payDate: new Date().toISOString().slice(0, 10),\n      });\n    } catch (error) {\n      showToast(\n        error instanceof Error ? error.message : 'Unable to update payroll record',\n        'error'\n      );\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>Payroll Management</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">Process and manage employee payroll</p>\n          <PagePurpose className=\"mt-1\">\n            Run and review payroll — track salaries, deductions, and pay runs so your team gets paid\n            accurately and on time.\n          </PagePurpose>\n        </div>\n        <div className=\"flex gap-2\">\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            disabled\n            aria-label=\"Export payroll (coming soon)\"\n            title=\"Payroll export is coming soon\"\n          >\n            <Download className=\"h-4 w-4 mr-1\" />\n            Export\n            <Badge variant=\"secondary\" className=\"ml-1 text-[9px]\">\n              Soon\n            </Badge>\n          </Button>\n          <Button size=\"sm\" onClick={() => createForm.openModal()}>\n            <Plus className=\"h-4 w-4 mr-1\" />\n            Add Record\n          </Button>\n        </div>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-4\">\n        <GlassCard treatment=\"glass\" glow className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Gross Payroll</CardTitle>\n            <DollarSign className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">${totalGross.toLocaleString()}</div>\n            <p className=\"text-xs text-text-secondary\">{selectedPeriod}</p>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Net Payroll</CardTitle>\n            <TrendingUp className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">${totalNet.toLocaleString()}</div>\n            <p className=\"text-xs text-text-secondary\">After deductions</p>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Paid</CardTitle>\n            <CheckCircle className=\"h-4 w-4 text-status-success-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{paidCount}</div>\n            <p className=\"text-xs text-text-secondary\">employees paid</p>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Processing</CardTitle>\n            <Clock className=\"h-4 w-4 text-status-warning-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{processingCount}</div>\n            <p className=\"text-xs text-text-secondary\">in progress</p>\n          </CardContent>\n        </GlassCard>\n      </div>\n\n      <div className=\"flex flex-wrap gap-2\">\n        {periods.map((period) => (\n          <Button\n            key={period}\n            variant={selectedPeriod === period ? 'default' : 'outline'}\n            size=\"sm\"\n            onClick={() => handlePeriodChange(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 className=\"space-y-4\">\n          <ResponsiveTable<PayrollRecord>\n            data={recordPageItems}\n            rowKey={(record) => record.id}\n            columns={recordColumns}\n            emptyState={\n              <p className=\"py-6 text-center text-sm text-text-secondary\">\n                No payroll records for {selectedPeriod}.\n              </p>\n            }\n          />\n          {periodRecords.length > pageSize && (\n            <Pagination\n              page={page}\n              pageSize={pageSize}\n              totalItems={periodRecords.length}\n              onPageChange={setPage}\n            />\n          )}\n          {periodRecords.length > 0 && (\n            <>\n              <Separator />\n              <div className=\"flex flex-wrap items-center justify-between gap-4 text-sm font-semibold\">\n                <span>Total for {selectedPeriod}</span>\n                <div className=\"flex flex-wrap gap-x-6 gap-y-1\">\n                  <span>\n                    <span className=\"text-text-secondary\">Gross </span>$\n                    {totalGross.toLocaleString()}\n                  </span>\n                  <span className=\"text-status-error-text\">\n                    <span className=\"text-text-secondary\">Deductions </span>-$\n                    {totalDeductions.toLocaleString()}\n                  </span>\n                  <span>\n                    <span className=\"text-text-secondary\">Net </span>${totalNet.toLocaleString()}\n                  </span>\n                </div>\n              </div>\n            </>\n          )}\n        </CardContent>\n      </Card>\n\n      <FormModal\n        open={createForm.open}\n        onOpenChange={createForm.onOpenChange}\n        title=\"Add payroll record\"\n        description=\"Create a payroll entry for a team member.\"\n        fields={payrollFields}\n        submitLabel=\"Add record\"\n        onSubmit={handleCreate}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/crewfoundry/pages/HrTimeTrackingPagePage.js

@@ -1,13 +1,14 @@
 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 { CheckCircle as s, Clock as c, LogIn as l, LogOut as u, Timer 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 } from "@burdenoff/fe-libs/ui";
-import { usePagination as T } from "@burdenoff/fe-libs/shared/hooks";
+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 { CheckCircle as c, Clock as l, LogIn as u, LogOut as d, Timer as f } from "lucide-react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { Badge as h, Button as g, Card as _, CardContent as v, CardDescription as y, CardHeader as b, CardTitle as x, GlassCard as S, GradientText as C, PagePurpose as w, Pagination as T } from "@burdenoff/fe-libs/ui";
+import { usePagination as E } from "@burdenoff/fe-libs/shared/hooks";
 //#region src/crewfoundry/pages/HrTimeTrackingPagePage.tsx
-var E = [
+var D = [
 	{
 		label: "Pending",
 		value: "pending"
@@ -20,7 +21,7 @@ var E = [
 		label: "Rejected",
 		value: "rejected"
 	}
-], D = [
+], O = [
 	{
 		name: "clockOut",
 		label: "Clock-out time",
@@ -43,20 +44,20 @@ var E = [
 		name: "status",
 		label: "Status",
 		type: "select",
-		options: E
+		options: D
 	}
 ];
-function O() {
-	let { timeEntries: O, employees: k, addTimeEntry: A, updateTimeEntry: j } = e(), M = n(), N = n(), P = o(() => k.map((e) => ({
+function k() {
+	let { timeEntries: k, employees: A, addTimeEntry: j, updateTimeEntry: M } = e(), N = r(), P = r(), F = s(() => A.map((e) => ({
 		label: `${e.firstName} ${e.lastName}`,
 		value: e.id
-	})), [k]), F = o(() => [
+	})), [A]), I = s(() => [
 		{
 			name: "employeeId",
 			label: "Employee",
 			type: "select",
 			required: !0,
-			options: P,
+			options: F,
 			colSpan: 2
 		},
 		{
@@ -98,188 +99,188 @@ function O() {
 			name: "status",
 			label: "Status",
 			type: "select",
-			options: E
+			options: D
 		}
-	], [P]), I = O.reduce((e, t) => e + t.totalHours, 0), L = O.reduce((e, t) => e + t.overtime, 0), R = O.filter((e) => e.status === "approved").length, z = O.filter((e) => e.status === "pending").length, B = O.reduce((e, t) => (e[t.project] = (e[t.project] || 0) + t.totalHours, e), {}), V = Math.max(...Object.values(B), 1), H = o(() => [...O].sort((e, t) => t.date.localeCompare(e.date)), [O]), { page: U, pageSize: W, offset: G, setPage: K } = T({ initialPageSize: 8 }), q = H.slice(G, G + W), J = async (e) => {
-		let t = i(e, "employeeId"), n = k.find((e) => e.id === t);
-		await A({
-			id: a(),
+	], [F]), L = k.reduce((e, t) => e + t.totalHours, 0), R = k.reduce((e, t) => e + t.overtime, 0), z = k.filter((e) => e.status === "approved").length, B = k.filter((e) => e.status === "pending").length, V = k.reduce((e, t) => (e[t.project] = (e[t.project] || 0) + t.totalHours, e), {}), H = Math.max(...Object.values(V), 1), U = s(() => [...k].sort((e, t) => t.date.localeCompare(e.date)), [k]), { page: W, pageSize: G, offset: K, setPage: q } = E({ initialPageSize: 8 }), J = U.slice(K, K + G), Y = async (e) => {
+		let t = a(e, "employeeId"), n = A.find((e) => e.id === t);
+		await j({
+			id: o(),
 			employeeId: t,
 			employeeName: n ? `${n.firstName} ${n.lastName}` : "",
-			date: i(e, "date"),
-			clockIn: i(e, "clockIn"),
-			clockOut: i(e, "clockOut"),
-			totalHours: r(e, "totalHours"),
-			overtime: r(e, "overtime"),
-			project: i(e, "project"),
-			status: i(e, "status") || "pending"
+			date: a(e, "date"),
+			clockIn: a(e, "clockIn"),
+			clockOut: a(e, "clockOut"),
+			totalHours: i(e, "totalHours"),
+			overtime: i(e, "overtime"),
+			project: a(e, "project"),
+			status: a(e, "status") || "pending"
 		});
-	}, Y = async (e) => {
-		let t = N.context;
-		t && await j(t.id, {
-			clockOut: i(e, "clockOut"),
-			totalHours: r(e, "totalHours"),
-			overtime: r(e, "overtime"),
-			status: i(e, "status") || t.status
+	}, X = async (e) => {
+		let t = P.context;
+		t && await M(t.id, {
+			clockOut: a(e, "clockOut"),
+			totalHours: i(e, "totalHours"),
+			overtime: i(e, "overtime"),
+			status: a(e, "status") || t.status
 		});
-	}, X = N.context ? {
-		clockOut: N.context.clockOut,
-		totalHours: N.context.totalHours,
-		overtime: N.context.overtime,
-		status: N.context.status
+	}, Z = P.context ? {
+		clockOut: P.context.clockOut,
+		totalHours: P.context.totalHours,
+		overtime: P.context.overtime,
+		status: P.context.status
 	} : void 0;
-	return /* @__PURE__ */ p("div", {
+	return /* @__PURE__ */ m("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ p("div", {
+			/* @__PURE__ */ m("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ p("div", { children: [
-					/* @__PURE__ */ f("h1", {
+				children: [/* @__PURE__ */ m("div", { children: [
+					/* @__PURE__ */ p("h1", {
 						className: "text-2xl font-semibold",
-						children: /* @__PURE__ */ f(S, { children: "Time Tracking" })
+						children: /* @__PURE__ */ p(C, { children: "Time Tracking" })
 					}),
-					/* @__PURE__ */ f("p", {
+					/* @__PURE__ */ p("p", {
 						className: "text-sm text-text-secondary",
 						children: "Monitor employee work hours and overtime"
 					}),
-					/* @__PURE__ */ f(C, {
+					/* @__PURE__ */ p(w, {
 						className: "mt-1",
 						children: "Track hours and attendance across your team — use it to monitor logged time, overtime, and timesheet approvals."
 					})
-				] }), /* @__PURE__ */ p(h, {
+				] }), /* @__PURE__ */ m(g, {
 					size: "sm",
-					onClick: () => M.openModal(),
-					children: [/* @__PURE__ */ f(d, { className: "h-4 w-4 mr-1" }), "Add Entry"]
+					onClick: () => N.openModal(),
+					children: [/* @__PURE__ */ p(f, { className: "h-4 w-4 mr-1" }), "Add Entry"]
 				})]
 			}),
-			/* @__PURE__ */ p("div", {
+			/* @__PURE__ */ m("div", {
 				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4",
 				children: [
-					/* @__PURE__ */ p(x, {
+					/* @__PURE__ */ m(S, {
 						treatment: "glass",
 						glow: !0,
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ p(y, {
+						children: [/* @__PURE__ */ m(b, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ f(b, {
+							children: [/* @__PURE__ */ p(x, {
 								className: "text-sm font-medium",
 								children: "Total Hours"
-							}), /* @__PURE__ */ f(c, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ p(_, { children: [/* @__PURE__ */ f("div", {
+							}), /* @__PURE__ */ p(l, { className: "h-4 w-4 text-text-secondary" })]
+						}), /* @__PURE__ */ m(v, { children: [/* @__PURE__ */ p("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: I.toFixed(1)
-						}), /* @__PURE__ */ f("p", {
+							children: L.toFixed(1)
+						}), /* @__PURE__ */ p("p", {
 							className: "text-xs text-text-secondary",
 							children: "All logged hours"
 						})] })]
 					}),
-					/* @__PURE__ */ p(x, {
+					/* @__PURE__ */ m(S, {
 						treatment: "metric",
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ p(y, {
+						children: [/* @__PURE__ */ m(b, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ f(b, {
+							children: [/* @__PURE__ */ p(x, {
 								className: "text-sm font-medium",
 								children: "Overtime"
-							}), /* @__PURE__ */ f(d, { className: "h-4 w-4 text-status-warning-text" })]
-						}), /* @__PURE__ */ p(_, { children: [/* @__PURE__ */ p("div", {
+							}), /* @__PURE__ */ p(f, { className: "h-4 w-4 text-status-warning-text" })]
+						}), /* @__PURE__ */ m(v, { children: [/* @__PURE__ */ m("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: [L.toFixed(1), "h"]
-						}), /* @__PURE__ */ f("p", {
+							children: [R.toFixed(1), "h"]
+						}), /* @__PURE__ */ p("p", {
 							className: "text-xs text-text-secondary",
 							children: "Extra hours logged"
 						})] })]
 					}),
-					/* @__PURE__ */ p(x, {
+					/* @__PURE__ */ m(S, {
 						treatment: "metric",
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ p(y, {
+						children: [/* @__PURE__ */ m(b, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ f(b, {
+							children: [/* @__PURE__ */ p(x, {
 								className: "text-sm font-medium",
 								children: "Approved"
-							}), /* @__PURE__ */ f(s, { className: "h-4 w-4 text-status-success-text" })]
-						}), /* @__PURE__ */ p(_, { children: [/* @__PURE__ */ f("div", {
+							}), /* @__PURE__ */ p(c, { className: "h-4 w-4 text-status-success-text" })]
+						}), /* @__PURE__ */ m(v, { children: [/* @__PURE__ */ p("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: R
-						}), /* @__PURE__ */ f("p", {
+							children: z
+						}), /* @__PURE__ */ p("p", {
 							className: "text-xs text-text-secondary",
 							children: "time entries"
 						})] })]
 					}),
-					/* @__PURE__ */ p(x, {
+					/* @__PURE__ */ m(S, {
 						treatment: "metric",
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ p(y, {
+						children: [/* @__PURE__ */ m(b, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ f(b, {
+							children: [/* @__PURE__ */ p(x, {
 								className: "text-sm font-medium",
 								children: "Pending"
-							}), /* @__PURE__ */ f(c, { className: "h-4 w-4 text-status-warning-text" })]
-						}), /* @__PURE__ */ p(_, { children: [/* @__PURE__ */ f("div", {
+							}), /* @__PURE__ */ p(l, { className: "h-4 w-4 text-status-warning-text" })]
+						}), /* @__PURE__ */ m(v, { children: [/* @__PURE__ */ p("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: z
-						}), /* @__PURE__ */ f("p", {
+							children: B
+						}), /* @__PURE__ */ p("p", {
 							className: "text-xs text-text-secondary",
 							children: "awaiting approval"
 						})] })]
 					})
 				]
 			}),
-			/* @__PURE__ */ p("div", {
+			/* @__PURE__ */ m("div", {
 				className: "grid gap-4 md:grid-cols-2",
-				children: [/* @__PURE__ */ p(g, { children: [/* @__PURE__ */ p(y, { children: [/* @__PURE__ */ f(b, { children: "Hours by Project" }), /* @__PURE__ */ f(v, { children: "Time allocation across active projects" })] }), /* @__PURE__ */ f(_, {
+				children: [/* @__PURE__ */ m(_, { children: [/* @__PURE__ */ m(b, { children: [/* @__PURE__ */ p(x, { children: "Hours by Project" }), /* @__PURE__ */ p(y, { children: "Time allocation across active projects" })] }), /* @__PURE__ */ p(v, {
 					className: "space-y-3",
-					children: Object.entries(B).sort(([, e], [, t]) => t - e).map(([e, t]) => /* @__PURE__ */ p("div", {
+					children: Object.entries(V).sort(([, e], [, t]) => t - e).map(([e, t]) => /* @__PURE__ */ m("div", {
 						className: "flex items-center gap-3",
 						children: [
-							/* @__PURE__ */ f("span", {
+							/* @__PURE__ */ p("span", {
 								className: "w-48 text-sm truncate",
 								children: e
 							}),
-							/* @__PURE__ */ f("div", {
+							/* @__PURE__ */ p("div", {
 								className: "flex-1 h-4 bg-bg-sunken rounded overflow-hidden",
-								children: /* @__PURE__ */ f("div", {
+								children: /* @__PURE__ */ p("div", {
 									className: "h-4 bg-action-primary-bg rounded",
-									style: { width: `${Math.round(t / V * 100)}%` }
+									style: { width: `${Math.round(t / H * 100)}%` }
 								})
 							}),
-							/* @__PURE__ */ p("span", {
+							/* @__PURE__ */ m("span", {
 								className: "text-sm font-medium w-14 text-right",
 								children: [t.toFixed(1), "h"]
 							})
 						]
 					}, e))
-				})] }), /* @__PURE__ */ p(g, { children: [/* @__PURE__ */ p(y, { children: [/* @__PURE__ */ f(b, { children: "Recent Activity" }), /* @__PURE__ */ f(v, { children: "Latest employee clock-in/out entries" })] }), /* @__PURE__ */ p(_, {
+				})] }), /* @__PURE__ */ m(_, { children: [/* @__PURE__ */ m(b, { children: [/* @__PURE__ */ p(x, { children: "Recent Activity" }), /* @__PURE__ */ p(y, { children: "Latest employee clock-in/out entries" })] }), /* @__PURE__ */ m(v, {
 					className: "space-y-3",
 					children: [
-						q.map((e) => /* @__PURE__ */ p("div", {
+						J.map((e) => /* @__PURE__ */ m("div", {
 							className: "flex items-center justify-between rounded border p-3",
-							children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("p", {
+							children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
 								className: "text-sm font-medium",
 								children: e.employeeName
-							}), /* @__PURE__ */ f("p", {
+							}), /* @__PURE__ */ p("p", {
 								className: "text-xs text-text-secondary",
 								children: e.project
-							})] }), /* @__PURE__ */ p("div", {
+							})] }), /* @__PURE__ */ m("div", {
 								className: "flex items-center gap-3",
 								children: [
-									/* @__PURE__ */ p("div", {
+									/* @__PURE__ */ m("div", {
 										className: "text-right text-xs",
-										children: [/* @__PURE__ */ p("div", {
+										children: [/* @__PURE__ */ m("div", {
 											className: "flex items-center gap-1",
-											children: [/* @__PURE__ */ f(l, { className: "h-3 w-3 text-status-success-text" }), e.clockIn]
-										}), /* @__PURE__ */ p("div", {
+											children: [/* @__PURE__ */ p(u, { className: "h-3 w-3 text-status-success-text" }), e.clockIn]
+										}), /* @__PURE__ */ m("div", {
 											className: "flex items-center gap-1",
-											children: [/* @__PURE__ */ f(u, { className: "h-3 w-3 text-status-error-text" }), e.clockOut]
+											children: [/* @__PURE__ */ p(d, { className: "h-3 w-3 text-status-error-text" }), e.clockOut]
 										})]
 									}),
-									/* @__PURE__ */ p("div", {
+									/* @__PURE__ */ m("div", {
 										className: "text-right",
-										children: [/* @__PURE__ */ p("p", {
+										children: [/* @__PURE__ */ m("p", {
 											className: "text-sm font-medium",
 											children: [e.totalHours, "h"]
-										}), e.overtime > 0 && /* @__PURE__ */ p("p", {
+										}), e.overtime > 0 && /* @__PURE__ */ m("p", {
 											className: "text-xs text-status-warning-text",
 											children: [
 												"+",
@@ -288,58 +289,58 @@ function O() {
 											]
 										})]
 									}),
-									/* @__PURE__ */ f(m, {
+									/* @__PURE__ */ p(h, {
 										variant: e.status === "approved" ? "default" : "secondary",
 										className: "text-[10px]",
-										children: e.status
+										children: t(e.status)
 									}),
-									/* @__PURE__ */ f(h, {
+									/* @__PURE__ */ p(g, {
 										variant: "ghost",
 										size: "sm",
 										className: "h-8 w-8 p-0",
 										"aria-label": `Clock out ${e.employeeName}`,
-										onClick: () => N.openModal(e),
-										children: /* @__PURE__ */ f(u, { className: "h-4 w-4" })
+										onClick: () => P.openModal(e),
+										children: /* @__PURE__ */ p(d, { className: "h-4 w-4" })
 									})
 								]
 							})]
 						}, e.id)),
-						H.length === 0 && /* @__PURE__ */ f("p", {
+						U.length === 0 && /* @__PURE__ */ p("p", {
 							className: "py-6 text-center text-sm text-text-secondary",
 							children: "No time entries logged yet."
 						}),
-						H.length > W && /* @__PURE__ */ f(w, {
-							page: U,
-							pageSize: W,
-							totalItems: H.length,
-							onPageChange: K
+						U.length > G && /* @__PURE__ */ p(T, {
+							page: W,
+							pageSize: G,
+							totalItems: U.length,
+							onPageChange: q
 						})
 					]
 				})] })]
 			}),
-			/* @__PURE__ */ f(t, {
-				open: M.open,
-				onOpenChange: M.onOpenChange,
+			/* @__PURE__ */ p(n, {
+				open: N.open,
+				onOpenChange: N.onOpenChange,
 				title: "Add time entry",
 				description: "Log a work session for a team member.",
-				fields: F,
+				fields: I,
 				submitLabel: "Add entry",
-				onSubmit: J
+				onSubmit: Y
 			}),
-			/* @__PURE__ */ f(t, {
-				open: N.open,
-				onOpenChange: N.onOpenChange,
+			/* @__PURE__ */ p(n, {
+				open: P.open,
+				onOpenChange: P.onOpenChange,
 				title: "Clock out",
-				description: N.context ? `Record clock-out for ${N.context.employeeName}.` : void 0,
-				fields: D,
-				initialValues: X,
+				description: P.context ? `Record clock-out for ${P.context.employeeName}.` : void 0,
+				fields: O,
+				initialValues: Z,
 				submitLabel: "Save",
-				onSubmit: Y
+				onSubmit: X
 			})
 		]
 	});
 }
 //#endregion
-export { O as HrTimeTrackingPagePage };
+export { k as HrTimeTrackingPagePage };
 
 //# sourceMappingURL=HrTimeTrackingPagePage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"HrTimeTrackingPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/HrTimeTrackingPagePage.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  PagePurpose,\n  Pagination,\n} from '@burdenoff/fe-libs/ui';\nimport { usePagination } from '@burdenoff/fe-libs/shared/hooks';\nimport { CheckCircle, Clock, LogIn, LogOut, Timer } from 'lucide-react';\nimport { useCrewFoundryStore, type TimeEntry } from '../store/crewfoundryStore';\nimport {\n  FormModal,\n  useFormModal,\n  type FieldConfig,\n  type FormValues,\n} from '../components/forms/FormModal';\nimport { getNumber, getText, newClientId } from '../components/forms/formValues';\n\nconst STATUS_OPTIONS = [\n  { label: 'Pending', value: 'pending' },\n  { label: 'Approved', value: 'approved' },\n  { label: 'Rejected', value: 'rejected' },\n];\n\nconst CLOCK_OUT_FIELDS: FieldConfig[] = [\n  {\n    name: 'clockOut',\n    label: 'Clock-out time',\n    type: 'text',\n    required: true,\n    placeholder: 'e.g. 17:30',\n  },\n  { name: 'totalHours', label: 'Total hours', type: 'number', required: true },\n  { name: 'overtime', label: 'Overtime hours', type: 'number' },\n  { name: 'status', label: 'Status', type: 'select', options: STATUS_OPTIONS },\n];\n\nexport function HrTimeTrackingPagePage() {\n  const { timeEntries, employees, addTimeEntry, updateTimeEntry } = useCrewFoundryStore();\n  const createForm = useFormModal<void>();\n  const clockOutForm = useFormModal<TimeEntry>();\n\n  const employeeOptions = useMemo(\n    () =>\n      employees.map((employee) => ({\n        label: `${employee.firstName} ${employee.lastName}`,\n        value: employee.id,\n      })),\n    [employees]\n  );\n\n  const entryFields = useMemo<FieldConfig[]>(\n    () => [\n      {\n        name: 'employeeId',\n        label: 'Employee',\n        type: 'select',\n        required: true,\n        options: employeeOptions,\n        colSpan: 2,\n      },\n      { name: 'date', label: 'Date', type: 'date', required: true },\n      { name: 'project', label: 'Project', type: 'text', required: true },\n      {\n        name: 'clockIn',\n        label: 'Clock-in time',\n        type: 'text',\n        required: true,\n        placeholder: 'e.g. 09:00',\n      },\n      { name: 'clockOut', label: 'Clock-out time', type: 'text', placeholder: 'e.g. 17:30' },\n      { name: 'totalHours', label: 'Total hours', type: 'number' },\n      { name: 'overtime', label: 'Overtime hours', type: 'number' },\n      { name: 'status', label: 'Status', type: 'select', options: STATUS_OPTIONS },\n    ],\n    [employeeOptions]\n  );\n\n  const totalHours = timeEntries.reduce((s, t) => s + t.totalHours, 0);\n  const totalOvertime = timeEntries.reduce((s, t) => s + t.overtime, 0);\n  const approvedEntries = timeEntries.filter((t) => t.status === 'approved').length;\n  const pendingEntries = timeEntries.filter((t) => t.status === 'pending').length;\n\n  const projectBreakdown = timeEntries.reduce<Record<string, number>>((acc, t) => {\n    acc[t.project] = (acc[t.project] || 0) + t.totalHours;\n    return acc;\n  }, {});\n  const maxProjectHours = Math.max(...Object.values(projectBreakdown), 1);\n\n  const recentEntries = useMemo(\n    () => [...timeEntries].sort((a, b) => b.date.localeCompare(a.date)),\n    [timeEntries]\n  );\n  const { page, pageSize, offset, setPage } = usePagination({ initialPageSize: 8 });\n  const activityPageItems = recentEntries.slice(offset, offset + pageSize);\n\n  const handleCreate = async (values: FormValues) => {\n    const employeeId = getText(values, 'employeeId');\n    const employee = employees.find((item) => item.id === employeeId);\n    const payload: TimeEntry = {\n      id: newClientId(),\n      employeeId,\n      employeeName: employee ? `${employee.firstName} ${employee.lastName}` : '',\n      date: getText(values, 'date'),\n      clockIn: getText(values, 'clockIn'),\n      clockOut: getText(values, 'clockOut'),\n      totalHours: getNumber(values, 'totalHours'),\n      overtime: getNumber(values, 'overtime'),\n      project: getText(values, 'project'),\n      status: (getText(values, 'status') as TimeEntry['status']) || 'pending',\n    };\n    await addTimeEntry(payload);\n  };\n\n  const handleClockOut = async (values: FormValues) => {\n    const entry = clockOutForm.context;\n    if (!entry) {\n      return;\n    }\n    await updateTimeEntry(entry.id, {\n      clockOut: getText(values, 'clockOut'),\n      totalHours: getNumber(values, 'totalHours'),\n      overtime: getNumber(values, 'overtime'),\n      status: (getText(values, 'status') as TimeEntry['status']) || entry.status,\n    });\n  };\n\n  const clockOutInitial: FormValues | undefined = clockOutForm.context\n    ? {\n        clockOut: clockOutForm.context.clockOut,\n        totalHours: clockOutForm.context.totalHours,\n        overtime: clockOutForm.context.overtime,\n        status: clockOutForm.context.status,\n      }\n    : undefined;\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>Time Tracking</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">Monitor employee work hours and overtime</p>\n          <PagePurpose className=\"mt-1\">\n            Track hours and attendance across your team — use it to monitor logged time, overtime,\n            and timesheet approvals.\n          </PagePurpose>\n        </div>\n        <Button size=\"sm\" onClick={() => createForm.openModal()}>\n          <Timer className=\"h-4 w-4 mr-1\" />\n          Add Entry\n        </Button>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-4\">\n        <GlassCard treatment=\"glass\" glow className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Total Hours</CardTitle>\n            <Clock className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{totalHours.toFixed(1)}</div>\n            <p className=\"text-xs text-text-secondary\">All logged hours</p>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Overtime</CardTitle>\n            <Timer className=\"h-4 w-4 text-status-warning-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{totalOvertime.toFixed(1)}h</div>\n            <p className=\"text-xs text-text-secondary\">Extra hours logged</p>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Approved</CardTitle>\n            <CheckCircle className=\"h-4 w-4 text-status-success-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{approvedEntries}</div>\n            <p className=\"text-xs text-text-secondary\">time entries</p>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Pending</CardTitle>\n            <Clock className=\"h-4 w-4 text-status-warning-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{pendingEntries}</div>\n            <p className=\"text-xs text-text-secondary\">awaiting approval</p>\n          </CardContent>\n        </GlassCard>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-2\">\n        <Card>\n          <CardHeader>\n            <CardTitle>Hours by Project</CardTitle>\n            <CardDescription>Time allocation across active projects</CardDescription>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {Object.entries(projectBreakdown)\n              .sort(([, a], [, b]) => b - a)\n              .map(([project, hours]) => (\n                <div key={project} className=\"flex items-center gap-3\">\n                  <span className=\"w-48 text-sm truncate\">{project}</span>\n                  <div className=\"flex-1 h-4 bg-bg-sunken rounded overflow-hidden\">\n                    <div\n                      className=\"h-4 bg-action-primary-bg rounded\"\n                      style={{ width: `${Math.round((hours / maxProjectHours) * 100)}%` }}\n                    />\n                  </div>\n                  <span className=\"text-sm font-medium w-14 text-right\">{hours.toFixed(1)}h</span>\n                </div>\n              ))}\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle>Recent Activity</CardTitle>\n            <CardDescription>Latest employee clock-in/out entries</CardDescription>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {activityPageItems.map((entry) => (\n              <div key={entry.id} className=\"flex items-center justify-between rounded border p-3\">\n                <div>\n                  <p className=\"text-sm font-medium\">{entry.employeeName}</p>\n                  <p className=\"text-xs text-text-secondary\">{entry.project}</p>\n                </div>\n                <div className=\"flex items-center gap-3\">\n                  <div className=\"text-right text-xs\">\n                    <div className=\"flex items-center gap-1\">\n                      <LogIn className=\"h-3 w-3 text-status-success-text\" />\n                      {entry.clockIn}\n                    </div>\n                    <div className=\"flex items-center gap-1\">\n                      <LogOut className=\"h-3 w-3 text-status-error-text\" />\n                      {entry.clockOut}\n                    </div>\n                  </div>\n                  <div className=\"text-right\">\n                    <p className=\"text-sm font-medium\">{entry.totalHours}h</p>\n                    {entry.overtime > 0 && (\n                      <p className=\"text-xs text-status-warning-text\">+{entry.overtime}h OT</p>\n                    )}\n                  </div>\n                  <Badge\n                    variant={entry.status === 'approved' ? 'default' : 'secondary'}\n                    className=\"text-[10px]\"\n                  >\n                    {entry.status}\n                  </Badge>\n                  <Button\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    className=\"h-8 w-8 p-0\"\n                    aria-label={`Clock out ${entry.employeeName}`}\n                    onClick={() => clockOutForm.openModal(entry)}\n                  >\n                    <LogOut className=\"h-4 w-4\" />\n                  </Button>\n                </div>\n              </div>\n            ))}\n            {recentEntries.length === 0 && (\n              <p className=\"py-6 text-center text-sm text-text-secondary\">\n                No time entries logged yet.\n              </p>\n            )}\n            {recentEntries.length > pageSize && (\n              <Pagination\n                page={page}\n                pageSize={pageSize}\n                totalItems={recentEntries.length}\n                onPageChange={setPage}\n              />\n            )}\n          </CardContent>\n        </Card>\n      </div>\n\n      <FormModal\n        open={createForm.open}\n        onOpenChange={createForm.onOpenChange}\n        title=\"Add time entry\"\n        description=\"Log a work session for a team member.\"\n        fields={entryFields}\n        submitLabel=\"Add entry\"\n        onSubmit={handleCreate}\n      />\n\n      <FormModal\n        open={clockOutForm.open}\n        onOpenChange={clockOutForm.onOpenChange}\n        title=\"Clock out\"\n        description={\n          clockOutForm.context\n            ? `Record clock-out for ${clockOutForm.context.employeeName}.`\n            : undefined\n        }\n        fields={CLOCK_OUT_FIELDS}\n        initialValues={clockOutInitial}\n        submitLabel=\"Save\"\n        onSubmit={handleClockOut}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"HrTimeTrackingPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/HrTimeTrackingPagePage.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  PagePurpose,\n  Pagination,\n} from '@burdenoff/fe-libs/ui';\nimport { usePagination } from '@burdenoff/fe-libs/shared/hooks';\nimport { CheckCircle, Clock, LogIn, LogOut, Timer } from 'lucide-react';\nimport { useCrewFoundryStore, type TimeEntry } from '../store/crewfoundryStore';\nimport {\n  FormModal,\n  useFormModal,\n  type FieldConfig,\n  type FormValues,\n} from '../components/forms/FormModal';\nimport { getNumber, getText, newClientId } from '../components/forms/formValues';\nimport { formatEnumLabel } from '../utils/formatEnumLabel';\n\nconst STATUS_OPTIONS = [\n  { label: 'Pending', value: 'pending' },\n  { label: 'Approved', value: 'approved' },\n  { label: 'Rejected', value: 'rejected' },\n];\n\nconst CLOCK_OUT_FIELDS: FieldConfig[] = [\n  {\n    name: 'clockOut',\n    label: 'Clock-out time',\n    type: 'text',\n    required: true,\n    placeholder: 'e.g. 17:30',\n  },\n  { name: 'totalHours', label: 'Total hours', type: 'number', required: true },\n  { name: 'overtime', label: 'Overtime hours', type: 'number' },\n  { name: 'status', label: 'Status', type: 'select', options: STATUS_OPTIONS },\n];\n\nexport function HrTimeTrackingPagePage() {\n  const { timeEntries, employees, addTimeEntry, updateTimeEntry } = useCrewFoundryStore();\n  const createForm = useFormModal<void>();\n  const clockOutForm = useFormModal<TimeEntry>();\n\n  const employeeOptions = useMemo(\n    () =>\n      employees.map((employee) => ({\n        label: `${employee.firstName} ${employee.lastName}`,\n        value: employee.id,\n      })),\n    [employees]\n  );\n\n  const entryFields = useMemo<FieldConfig[]>(\n    () => [\n      {\n        name: 'employeeId',\n        label: 'Employee',\n        type: 'select',\n        required: true,\n        options: employeeOptions,\n        colSpan: 2,\n      },\n      { name: 'date', label: 'Date', type: 'date', required: true },\n      { name: 'project', label: 'Project', type: 'text', required: true },\n      {\n        name: 'clockIn',\n        label: 'Clock-in time',\n        type: 'text',\n        required: true,\n        placeholder: 'e.g. 09:00',\n      },\n      { name: 'clockOut', label: 'Clock-out time', type: 'text', placeholder: 'e.g. 17:30' },\n      { name: 'totalHours', label: 'Total hours', type: 'number' },\n      { name: 'overtime', label: 'Overtime hours', type: 'number' },\n      { name: 'status', label: 'Status', type: 'select', options: STATUS_OPTIONS },\n    ],\n    [employeeOptions]\n  );\n\n  const totalHours = timeEntries.reduce((s, t) => s + t.totalHours, 0);\n  const totalOvertime = timeEntries.reduce((s, t) => s + t.overtime, 0);\n  const approvedEntries = timeEntries.filter((t) => t.status === 'approved').length;\n  const pendingEntries = timeEntries.filter((t) => t.status === 'pending').length;\n\n  const projectBreakdown = timeEntries.reduce<Record<string, number>>((acc, t) => {\n    acc[t.project] = (acc[t.project] || 0) + t.totalHours;\n    return acc;\n  }, {});\n  const maxProjectHours = Math.max(...Object.values(projectBreakdown), 1);\n\n  const recentEntries = useMemo(\n    () => [...timeEntries].sort((a, b) => b.date.localeCompare(a.date)),\n    [timeEntries]\n  );\n  const { page, pageSize, offset, setPage } = usePagination({ initialPageSize: 8 });\n  const activityPageItems = recentEntries.slice(offset, offset + pageSize);\n\n  const handleCreate = async (values: FormValues) => {\n    const employeeId = getText(values, 'employeeId');\n    const employee = employees.find((item) => item.id === employeeId);\n    const payload: TimeEntry = {\n      id: newClientId(),\n      employeeId,\n      employeeName: employee ? `${employee.firstName} ${employee.lastName}` : '',\n      date: getText(values, 'date'),\n      clockIn: getText(values, 'clockIn'),\n      clockOut: getText(values, 'clockOut'),\n      totalHours: getNumber(values, 'totalHours'),\n      overtime: getNumber(values, 'overtime'),\n      project: getText(values, 'project'),\n      status: (getText(values, 'status') as TimeEntry['status']) || 'pending',\n    };\n    await addTimeEntry(payload);\n  };\n\n  const handleClockOut = async (values: FormValues) => {\n    const entry = clockOutForm.context;\n    if (!entry) {\n      return;\n    }\n    await updateTimeEntry(entry.id, {\n      clockOut: getText(values, 'clockOut'),\n      totalHours: getNumber(values, 'totalHours'),\n      overtime: getNumber(values, 'overtime'),\n      status: (getText(values, 'status') as TimeEntry['status']) || entry.status,\n    });\n  };\n\n  const clockOutInitial: FormValues | undefined = clockOutForm.context\n    ? {\n        clockOut: clockOutForm.context.clockOut,\n        totalHours: clockOutForm.context.totalHours,\n        overtime: clockOutForm.context.overtime,\n        status: clockOutForm.context.status,\n      }\n    : undefined;\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>Time Tracking</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">Monitor employee work hours and overtime</p>\n          <PagePurpose className=\"mt-1\">\n            Track hours and attendance across your team — use it to monitor logged time, overtime,\n            and timesheet approvals.\n          </PagePurpose>\n        </div>\n        <Button size=\"sm\" onClick={() => createForm.openModal()}>\n          <Timer className=\"h-4 w-4 mr-1\" />\n          Add Entry\n        </Button>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-4\">\n        <GlassCard treatment=\"glass\" glow className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Total Hours</CardTitle>\n            <Clock className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{totalHours.toFixed(1)}</div>\n            <p className=\"text-xs text-text-secondary\">All logged hours</p>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Overtime</CardTitle>\n            <Timer className=\"h-4 w-4 text-status-warning-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{totalOvertime.toFixed(1)}h</div>\n            <p className=\"text-xs text-text-secondary\">Extra hours logged</p>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Approved</CardTitle>\n            <CheckCircle className=\"h-4 w-4 text-status-success-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{approvedEntries}</div>\n            <p className=\"text-xs text-text-secondary\">time entries</p>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Pending</CardTitle>\n            <Clock className=\"h-4 w-4 text-status-warning-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{pendingEntries}</div>\n            <p className=\"text-xs text-text-secondary\">awaiting approval</p>\n          </CardContent>\n        </GlassCard>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-2\">\n        <Card>\n          <CardHeader>\n            <CardTitle>Hours by Project</CardTitle>\n            <CardDescription>Time allocation across active projects</CardDescription>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {Object.entries(projectBreakdown)\n              .sort(([, a], [, b]) => b - a)\n              .map(([project, hours]) => (\n                <div key={project} className=\"flex items-center gap-3\">\n                  <span className=\"w-48 text-sm truncate\">{project}</span>\n                  <div className=\"flex-1 h-4 bg-bg-sunken rounded overflow-hidden\">\n                    <div\n                      className=\"h-4 bg-action-primary-bg rounded\"\n                      style={{ width: `${Math.round((hours / maxProjectHours) * 100)}%` }}\n                    />\n                  </div>\n                  <span className=\"text-sm font-medium w-14 text-right\">{hours.toFixed(1)}h</span>\n                </div>\n              ))}\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle>Recent Activity</CardTitle>\n            <CardDescription>Latest employee clock-in/out entries</CardDescription>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {activityPageItems.map((entry) => (\n              <div key={entry.id} className=\"flex items-center justify-between rounded border p-3\">\n                <div>\n                  <p className=\"text-sm font-medium\">{entry.employeeName}</p>\n                  <p className=\"text-xs text-text-secondary\">{entry.project}</p>\n                </div>\n                <div className=\"flex items-center gap-3\">\n                  <div className=\"text-right text-xs\">\n                    <div className=\"flex items-center gap-1\">\n                      <LogIn className=\"h-3 w-3 text-status-success-text\" />\n                      {entry.clockIn}\n                    </div>\n                    <div className=\"flex items-center gap-1\">\n                      <LogOut className=\"h-3 w-3 text-status-error-text\" />\n                      {entry.clockOut}\n                    </div>\n                  </div>\n                  <div className=\"text-right\">\n                    <p className=\"text-sm font-medium\">{entry.totalHours}h</p>\n                    {entry.overtime > 0 && (\n                      <p className=\"text-xs text-status-warning-text\">+{entry.overtime}h OT</p>\n                    )}\n                  </div>\n                  <Badge\n                    variant={entry.status === 'approved' ? 'default' : 'secondary'}\n                    className=\"text-[10px]\"\n                  >\n                    {formatEnumLabel(entry.status)}\n                  </Badge>\n                  <Button\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    className=\"h-8 w-8 p-0\"\n                    aria-label={`Clock out ${entry.employeeName}`}\n                    onClick={() => clockOutForm.openModal(entry)}\n                  >\n                    <LogOut className=\"h-4 w-4\" />\n                  </Button>\n                </div>\n              </div>\n            ))}\n            {recentEntries.length === 0 && (\n              <p className=\"py-6 text-center text-sm text-text-secondary\">\n                No time entries logged yet.\n              </p>\n            )}\n            {recentEntries.length > pageSize && (\n              <Pagination\n                page={page}\n                pageSize={pageSize}\n                totalItems={recentEntries.length}\n                onPageChange={setPage}\n              />\n            )}\n          </CardContent>\n        </Card>\n      </div>\n\n      <FormModal\n        open={createForm.open}\n        onOpenChange={createForm.onOpenChange}\n        title=\"Add time entry\"\n        description=\"Log a work session for a team member.\"\n        fields={entryFields}\n        submitLabel=\"Add entry\"\n        onSubmit={handleCreate}\n      />\n\n      <FormModal\n        open={clockOutForm.open}\n        onOpenChange={clockOutForm.onOpenChange}\n        title=\"Clock out\"\n        description={\n          clockOutForm.context\n            ? `Record clock-out for ${clockOutForm.context.employeeName}.`\n            : undefined\n        }\n        fields={CLOCK_OUT_FIELDS}\n        initialValues={clockOutInitial}\n        submitLabel=\"Save\"\n        onSubmit={handleClockOut}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}