@burdenoff/microfe-crewfoundry 2026.704.6 → 2026.704.7

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';\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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"}
+{"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 { CalendarClock, CheckCircle, DollarSign, Download, Play, Plus, Users } from 'lucide-react';\nimport { useCrewFoundryStore, type Employee, type PayrollRecord } from '../store/crewfoundryStore';\nimport { AvatarStack, StatCard } from '../components/viz';\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 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\nconst MONTH_NAMES = [\n  'January',\n  'February',\n  'March',\n  'April',\n  'May',\n  'June',\n  'July',\n  'August',\n  'September',\n  'October',\n  'November',\n  'December',\n];\nconst MONTH_ABBR = [\n  'Jan',\n  'Feb',\n  'Mar',\n  'Apr',\n  'May',\n  'Jun',\n  'Jul',\n  'Aug',\n  'Sep',\n  'Oct',\n  'Nov',\n  'Dec',\n];\n\n// Derive the next pay-run label from a \"Month YYYY\" period; \"—\" when unparseable.\nconst nextRunLabel = (period: string): string => {\n  const [monthName, yearStr] = period.split(' ');\n  const monthIndex = MONTH_NAMES.findIndex((m) => m.toLowerCase() === monthName?.toLowerCase());\n  const year = Number(yearStr);\n  if (monthIndex === -1 || Number.isNaN(year)) {\n    return '—';\n  }\n  const nextMonth = (monthIndex + 1) % 12;\n  const nextYear = monthIndex === 11 ? year + 1 : year;\n  return `${MONTH_ABBR[nextMonth]} 1, ${nextYear}`;\n};\n\nexport function HrPayrollPagePage() {\n  const { payrollRecords, employees, addPayrollRecord, updatePayrollRecord } =\n    useCrewFoundryStore();\n  const { showToast } = useGlobalUi();\n  const periods = useMemo(\n    () => [...new Set(payrollRecords.map((r) => r.period))],\n    [payrollRecords]\n  );\n  const [selectedPeriod, setSelectedPeriod] = useState('');\n  const createForm = useFormModal<void>();\n  const [runOpen, setRunOpen] = useState(false);\n  const [running, setRunning] = useState(false);\n  const { page, pageSize, offset, setPage } = usePagination({ initialPageSize: 10 });\n\n  // Default the active period to the first real one once data loads.\n  const activePeriod = selectedPeriod || periods[0] || '';\n\n  const employeeById = useMemo(\n    () => new Map<string, Employee>(employees.map((employee) => [employee.id, employee])),\n    [employees]\n  );\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 === activePeriod);\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 pendingCount = periodRecords.length - paidCount;\n  const runPct =\n    periodRecords.length > 0 ? Math.round((paidCount / periodRecords.length) * 100) : 0;\n  const runComplete = periodRecords.length > 0 && pendingCount === 0;\n  const recordPageItems = periodRecords.slice(offset, offset + pageSize);\n\n  const handlePeriodChange = (period: string) => {\n    setSelectedPeriod(period);\n    setPage(1);\n  };\n\n  const handleRunPayroll = async () => {\n    const toAdvance = periodRecords.filter((r) => r.status !== 'paid');\n    setRunning(true);\n    let done = 0;\n    try {\n      // Sequential to avoid bursting the gateway (no PgBouncer in front of the svc).\n      for (const record of toAdvance) {\n        await updatePayrollRecord(record.id, {\n          status: 'paid',\n          payDate: new Date().toISOString().slice(0, 10),\n        });\n        done += 1;\n      }\n      showToast(`Pay run complete — ${done} record${done === 1 ? '' : 's'} paid`, 'success');\n    } catch (error) {\n      showToast(\n        error instanceof Error ? error.message : 'Payroll run failed partway through',\n        'error'\n      );\n    } finally {\n      setRunning(false);\n      setRunOpen(false);\n    }\n  };\n\n  const handleExportCsv = () => {\n    if (periodRecords.length === 0) {\n      showToast('No records to export for this period', 'info');\n      return;\n    }\n    const header = ['Employee', 'Department', 'Period', 'Gross', 'Deductions', 'Net', 'Status'];\n    const escape = (value: string) => `\"${value.replace(/\"/g, '\"\"')}\"`;\n    const rows = periodRecords.map((r) =>\n      [\n        r.employeeName,\n        r.department,\n        r.period,\n        String(r.grossPay),\n        String(r.deductions),\n        String(r.netPay),\n        r.status,\n      ]\n        .map(escape)\n        .join(',')\n    );\n    const csv = [header.map(escape).join(','), ...rows].join('\\n');\n    const blob = new Blob([csv], { type: 'text/csv;charset=utf-8;' });\n    const url = URL.createObjectURL(blob);\n    const link = document.createElement('a');\n    link.href = url;\n    link.download = `payroll-${activePeriod.replace(/\\s+/g, '-').toLowerCase()}.csv`;\n    document.body.appendChild(link);\n    link.click();\n    document.body.removeChild(link);\n    URL.revokeObjectURL(url);\n    showToast('Payroll CSV exported', 'success');\n  };\n\n  const recordColumns: ResponsiveTableColumn<PayrollRecord>[] = [\n    {\n      key: 'employee',\n      header: 'Employee',\n      priority: 'primary',\n      cell: (record) => (\n        <div className=\"flex items-center gap-2.5\">\n          <AvatarStack\n            people={[\n              { name: record.employeeName, avatarUrl: employeeById.get(record.employeeId)?.avatar },\n            ]}\n            size={32}\n          />\n          <span className=\"font-medium\">{record.employeeName}</span>\n        </div>\n      ),\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</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">\n            {activePeriod ? `${activePeriod} pay run` : 'Process and manage employee payroll'}\n          </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 variant=\"outline\" size=\"sm\" onClick={handleExportCsv}>\n            <Download className=\"h-4 w-4 mr-1\" />\n            Export\n          </Button>\n          <Button variant=\"outline\" size=\"sm\" onClick={() => createForm.openModal()}>\n            <Plus className=\"h-4 w-4 mr-1\" />\n            Add Record\n          </Button>\n          <Button\n            size=\"sm\"\n            onClick={() => setRunOpen(true)}\n            disabled={runComplete || periodRecords.length === 0}\n            title={runComplete ? 'All records in this period are paid' : 'Advance this period to paid'}\n          >\n            <Play className=\"h-4 w-4 mr-1\" />\n            Run Payroll\n          </Button>\n        </div>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-4\">\n        <StatCard\n          label=\"Total Payroll\"\n          value={`$${totalGross.toLocaleString()}`}\n          icon={<DollarSign className=\"h-4 w-4\" />}\n        />\n        <StatCard\n          label=\"Employees Paid\"\n          value={paidCount}\n          icon={<CheckCircle className=\"h-4 w-4\" />}\n        />\n        <StatCard label=\"Pending\" value={pendingCount} icon={<Users className=\"h-4 w-4\" />} />\n        <StatCard\n          label=\"Next Run\"\n          value={activePeriod ? nextRunLabel(activePeriod) : '—'}\n          icon={<CalendarClock className=\"h-4 w-4\" />}\n        />\n      </div>\n\n      {periodRecords.length > 0 && (\n        <GlassCard treatment=\"glass\" glow className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0\">\n            <CardTitle className=\"text-base\">Current pay run</CardTitle>\n            <Badge\n              variant={runComplete ? 'default' : 'secondary'}\n              className=\"flex items-center gap-1\"\n            >\n              <CheckCircle className=\"h-3 w-3\" />\n              {runComplete ? 'Completed' : 'Processing'}\n            </Badge>\n          </CardHeader>\n          <CardContent className=\"space-y-4\">\n            <div className=\"grid gap-4 sm:grid-cols-4\">\n              <div>\n                <p className=\"text-xs text-text-secondary\">Period</p>\n                <p className=\"text-sm font-semibold\">{activePeriod}</p>\n              </div>\n              <div>\n                <p className=\"text-xs text-text-secondary\">Gross Total</p>\n                <p className=\"text-sm font-semibold tabular-nums\">${totalGross.toLocaleString()}</p>\n              </div>\n              <div>\n                <p className=\"text-xs text-text-secondary\">Deductions</p>\n                <p className=\"text-sm font-semibold tabular-nums text-status-error-text\">\n                  -${totalDeductions.toLocaleString()}\n                </p>\n              </div>\n              <div>\n                <p className=\"text-xs text-text-secondary\">Net Total</p>\n                <p className=\"text-sm font-semibold tabular-nums\">${totalNet.toLocaleString()}</p>\n              </div>\n            </div>\n            <div className=\"space-y-1\">\n              <div className=\"flex items-center justify-between text-xs text-text-secondary\">\n                <span>\n                  {paidCount} of {periodRecords.length} paid\n                </span>\n                <span className=\"font-medium text-text-primary tabular-nums\">{runPct}%</span>\n              </div>\n              <div className=\"h-2 overflow-hidden rounded-full bg-bg-sunken\">\n                <div\n                  className=\"h-2 rounded-full bg-status-success-text transition-all duration-500\"\n                  style={{ width: `${runPct}%` }}\n                />\n              </div>\n            </div>\n          </CardContent>\n        </GlassCard>\n      )}\n\n      {periods.length > 1 && (\n        <div className=\"flex flex-wrap gap-2\">\n          {periods.map((period) => (\n            <Button\n              key={period}\n              variant={activePeriod === period ? 'default' : 'outline'}\n              size=\"sm\"\n              onClick={() => handlePeriodChange(period)}\n            >\n              {period}\n            </Button>\n          ))}\n        </div>\n      )}\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Payroll Records</CardTitle>\n          <CardDescription>Individual employee payroll details for {activePeriod}</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 {activePeriod || 'this period'}.\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 {activePeriod}</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\n      <ConfirmDialog\n        open={runOpen}\n        onOpenChange={(open) => {\n          if (!open && !running) {\n            setRunOpen(false);\n          }\n        }}\n        title={`Run payroll for ${activePeriod}?`}\n        description={`This marks the ${pendingCount} remaining record${\n          pendingCount === 1 ? '' : 's'\n        } in ${activePeriod} as paid. This cannot be undone.`}\n        confirmLabel={running ? 'Processing…' : 'Run payroll'}\n        onConfirm={handleRunPayroll}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}