@burdenoff/microfe-crewfoundry 2026.704.6 → 2026.707.1

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

@@ -1 +1 @@
-{"version":3,"file":"HrLeaveManagementPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/HrLeaveManagementPagePage.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  PagePurpose,\n  Pagination,\n  ResponsiveTable,\n  type ResponsiveTableColumn,\n} from '@burdenoff/fe-libs/ui';\nimport { usePagination } from '@burdenoff/fe-libs/shared/hooks';\nimport { useAuth, useGlobalUi } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { Calendar, CheckCircle, Clock, XCircle } from 'lucide-react';\nimport { useCrewFoundryStore, type LeaveRequest } 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\ntype LeaveBalance = {\n  type: string;\n  total: number;\n  used: number;\n  remaining: number;\n};\n\nconst LEAVE_TYPE_OPTIONS = [\n  { label: 'Annual', value: 'annual' },\n  { label: 'Sick', value: 'sick' },\n  { label: 'Personal', value: 'personal' },\n  { label: 'Maternity', value: 'maternity' },\n  { label: 'Paternity', value: 'paternity' },\n  { label: 'Unpaid', value: 'unpaid' },\n];\n\nconst toLabel = (value: string): string =>\n  value\n    .split('_')\n    .map((part) => part[0]?.toUpperCase() + part.slice(1))\n    .join(' ');\n\nexport function HrLeaveManagementPagePage() {\n  const { leaveRequests, employees, addLeaveRequest, updateLeaveRequest } = useCrewFoundryStore();\n  const { showToast } = useGlobalUi();\n  const { currentUser } = useAuth();\n  const form = useFormModal<void>();\n\n  const approverName =\n    currentUser?.name ||\n    [currentUser?.firstName, currentUser?.lastName].filter(Boolean).join(' ') ||\n    currentUser?.email ||\n    'Manager';\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 leaveFields = 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: 'type',\n        label: 'Leave type',\n        type: 'select',\n        required: true,\n        options: LEAVE_TYPE_OPTIONS,\n      },\n      { name: 'days', label: 'Number of days', type: 'number', required: true },\n      { name: 'startDate', label: 'Start date', type: 'date', required: true },\n      { name: 'endDate', label: 'End date', type: 'date', required: true },\n      { name: 'reason', label: 'Reason', type: 'textarea', required: true, colSpan: 2 },\n    ],\n    [employeeOptions]\n  );\n\n  const pendingCount = leaveRequests.filter((leave) => leave.status === 'pending').length;\n  const approvedCount = leaveRequests.filter((leave) => leave.status === 'approved').length;\n  const totalDays = leaveRequests\n    .filter((leave) => leave.status === 'approved')\n    .reduce((sum, leave) => sum + leave.days, 0);\n\n  const leaveBalances = useMemo<LeaveBalance[]>(() => {\n    // Default annual entitlement per leave type (company policy defaults).\n    // \"Used\" below is derived from real approved leave requests in the store.\n    const entitlementByType: Record<string, number> = {\n      annual: 20,\n      sick: 12,\n      personal: 5,\n      maternity: 90,\n      paternity: 30,\n      unpaid: 15,\n    };\n\n    const usedByType = leaveRequests\n      .filter((leave) => leave.status === 'approved')\n      .reduce<Record<string, number>>((acc, leave) => {\n        acc[leave.type] = (acc[leave.type] || 0) + leave.days;\n        return acc;\n      }, {});\n\n    return Object.entries(entitlementByType).map(([type, total]) => {\n      const used = usedByType[type] || 0;\n      return {\n        type: toLabel(type),\n        total,\n        used,\n        remaining: Math.max(total - used, 0),\n      };\n    });\n  }, [leaveRequests]);\n\n  const onLeaveToday = useMemo(() => {\n    const today = new Date().toISOString().split('T')[0];\n    return leaveRequests.filter(\n      (leave) => leave.status === 'approved' && leave.startDate <= today && leave.endDate >= today\n    ).length;\n  }, [leaveRequests]);\n\n  const pendingList = useMemo(\n    () => leaveRequests.filter((leave) => leave.status === 'pending'),\n    [leaveRequests]\n  );\n  const sortedRequests = useMemo(\n    () => [...leaveRequests].sort((a, b) => b.startDate.localeCompare(a.startDate)),\n    [leaveRequests]\n  );\n\n  const pendingPg = usePagination({ initialPageSize: 5 });\n  const allPg = usePagination({ initialPageSize: 10 });\n  const pendingPageItems = pendingList.slice(\n    pendingPg.offset,\n    pendingPg.offset + pendingPg.pageSize\n  );\n  const requestPageItems = sortedRequests.slice(allPg.offset, allPg.offset + allPg.pageSize);\n\n  const requestColumns: ResponsiveTableColumn<LeaveRequest>[] = [\n    {\n      key: 'employee',\n      header: 'Employee',\n      priority: 'primary',\n      cell: (leave) => <span className=\"font-medium\">{leave.employeeName}</span>,\n    },\n    {\n      key: 'department',\n      header: 'Department',\n      cell: (leave) => <span className=\"text-text-secondary\">{leave.department}</span>,\n    },\n    {\n      key: 'type',\n      header: 'Type',\n      cell: (leave) => (\n        <Badge variant=\"outline\" className=\"w-fit text-[10px]\">\n          {formatEnumLabel(leave.type)}\n        </Badge>\n      ),\n    },\n    {\n      key: 'period',\n      header: 'Period',\n      cell: (leave) => (\n        <span className=\"text-xs\">\n          {leave.startDate} — {leave.endDate}\n        </span>\n      ),\n    },\n    {\n      key: 'days',\n      header: 'Days',\n      headerClassName: 'text-right',\n      cellClassName: 'md:text-right',\n      cell: (leave) => <span>{leave.days}</span>,\n    },\n    {\n      key: 'reason',\n      header: 'Reason',\n      cell: (leave) => (\n        <span className=\"block max-w-[16rem] truncate text-xs text-text-secondary\">\n          {leave.reason}\n        </span>\n      ),\n    },\n    {\n      key: 'status',\n      header: 'Status',\n      cell: (leave) => (\n        <Badge\n          variant={\n            leave.status === 'approved'\n              ? 'default'\n              : leave.status === 'pending'\n                ? 'secondary'\n                : 'destructive'\n          }\n          className=\"text-[10px]\"\n        >\n          {formatEnumLabel(leave.status)}\n        </Badge>\n      ),\n    },\n  ];\n\n  const handleSubmit = async (values: FormValues) => {\n    const employeeId = getText(values, 'employeeId');\n    const employee = employees.find((item) => item.id === employeeId);\n    const payload: LeaveRequest = {\n      id: newClientId(),\n      employeeId,\n      employeeName: employee ? `${employee.firstName} ${employee.lastName}` : '',\n      department: employee?.department ?? '',\n      type: getText(values, 'type') as LeaveRequest['type'],\n      startDate: getText(values, 'startDate'),\n      endDate: getText(values, 'endDate'),\n      days: getNumber(values, 'days'),\n      status: 'pending',\n      reason: getText(values, 'reason'),\n    };\n    await addLeaveRequest(payload);\n  };\n\n  const handleDecision = async (leave: LeaveRequest, status: 'approved' | 'rejected') => {\n    try {\n      await updateLeaveRequest(leave.id, { status, approverName });\n    } catch (error) {\n      showToast(error instanceof Error ? error.message : 'Unable to update leave request', 'error');\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>Leave Management</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">Track and manage employee leave requests</p>\n          <PagePurpose className=\"mt-1\">\n            Handle time-off in one place — review and approve leave requests and keep an eye on team\n            availability and balances.\n          </PagePurpose>\n        </div>\n        <Button size=\"sm\" onClick={() => form.openModal()}>\n          <Calendar className=\"mr-1 h-4 w-4\" />\n          Request Leave\n        </Button>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-4\">\n        <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\">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\">{pendingCount}</div>\n            <p className=\"text-xs text-text-secondary\">Awaiting approval</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\">{approvedCount}</div>\n            <p className=\"text-xs text-text-secondary\">Current period</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\">Days Used</CardTitle>\n            <Calendar className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{totalDays}</div>\n            <p className=\"text-xs text-text-secondary\">Total approved days</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\">On Leave Today</CardTitle>\n            <XCircle className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{onLeaveToday}</div>\n            <p className=\"text-xs text-text-secondary\">Out of office</p>\n          </CardContent>\n        </GlassCard>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-2\">\n        <Card>\n          <CardHeader>\n            <CardTitle>Leave Balances</CardTitle>\n            <CardDescription>\n              Company-wide leave allocation (default policy) vs. approved days used\n            </CardDescription>\n          </CardHeader>\n          <CardContent className=\"space-y-4\">\n            {leaveBalances.map((balance) => {\n              const usedPct = Math.round((balance.used / Math.max(balance.total, 1)) * 100);\n              return (\n                <div key={balance.type} className=\"space-y-1\">\n                  <div className=\"flex justify-between text-sm\">\n                    <span className=\"font-medium\">{formatEnumLabel(balance.type)}</span>\n                    <span>\n                      {balance.used}/{balance.total} days used\n                    </span>\n                  </div>\n                  <div className=\"h-2 overflow-hidden rounded bg-bg-sunken\">\n                    <div\n                      className={`h-2 rounded ${\n                        usedPct > 80\n                          ? 'bg-status-error-text'\n                          : usedPct > 50\n                            ? 'bg-status-warning-text'\n                            : 'bg-status-success-text'\n                      }`}\n                      style={{ width: `${usedPct}%` }}\n                    />\n                  </div>\n                </div>\n              );\n            })}\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle>Pending Approvals</CardTitle>\n            <CardDescription>Leave requests waiting for your review</CardDescription>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {pendingPageItems.map((leave) => (\n              <div key={leave.id} className=\"flex items-center justify-between rounded border p-3\">\n                <div>\n                  <p className=\"text-sm font-medium\">{leave.employeeName}</p>\n                  <p className=\"text-xs text-text-secondary\">\n                    {formatEnumLabel(leave.type)} · {leave.days} days · {leave.startDate} to{' '}\n                    {leave.endDate}\n                  </p>\n                  <p className=\"mt-1 text-xs text-text-secondary\">{leave.reason}</p>\n                </div>\n                <div className=\"flex gap-1\">\n                  <Button\n                    size=\"sm\"\n                    variant=\"outline\"\n                    className=\"h-7 text-xs\"\n                    onClick={() => handleDecision(leave, 'rejected')}\n                  >\n                    Reject\n                  </Button>\n                  <Button\n                    size=\"sm\"\n                    className=\"h-7 text-xs\"\n                    onClick={() => handleDecision(leave, 'approved')}\n                  >\n                    Approve\n                  </Button>\n                </div>\n              </div>\n            ))}\n            {pendingCount === 0 && (\n              <p className=\"py-6 text-center text-sm text-text-secondary\">\n                No leave requests are awaiting approval.\n              </p>\n            )}\n            {pendingList.length > pendingPg.pageSize && (\n              <Pagination\n                page={pendingPg.page}\n                pageSize={pendingPg.pageSize}\n                totalItems={pendingList.length}\n                onPageChange={pendingPg.setPage}\n              />\n            )}\n          </CardContent>\n        </Card>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>All Leave Requests</CardTitle>\n          <CardDescription>Complete leave request history</CardDescription>\n        </CardHeader>\n        <CardContent className=\"space-y-4\">\n          <ResponsiveTable<LeaveRequest>\n            data={requestPageItems}\n            rowKey={(leave) => leave.id}\n            columns={requestColumns}\n            emptyState={\n              <p className=\"py-6 text-center text-sm text-text-secondary\">No leave requests yet.</p>\n            }\n          />\n          {sortedRequests.length > allPg.pageSize && (\n            <Pagination\n              page={allPg.page}\n              pageSize={allPg.pageSize}\n              totalItems={sortedRequests.length}\n              onPageChange={allPg.setPage}\n            />\n          )}\n        </CardContent>\n      </Card>\n\n      <FormModal\n        open={form.open}\n        onOpenChange={form.onOpenChange}\n        title=\"Request leave\"\n        description=\"Submit a new time-off request for review.\"\n        fields={leaveFields}\n        submitLabel=\"Submit request\"\n        onSubmit={handleSubmit}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"HrLeaveManagementPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/HrLeaveManagementPagePage.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  GradientText,\n  PagePurpose,\n  Pagination,\n  ResponsiveTable,\n  type ResponsiveTableColumn,\n} from '@burdenoff/fe-libs/ui';\nimport { usePagination } from '@burdenoff/fe-libs/shared/hooks';\nimport { useAuth, useGlobalUi } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { Calendar, CheckCircle, ChevronLeft, ChevronRight, Clock, XCircle } from 'lucide-react';\nimport { useCrewFoundryStore, type Employee, type LeaveRequest } from '../store/crewfoundryStore';\nimport { AvatarStack, SegmentedTabs, StatCard } from '../components/viz';\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\ntype LeaveBalance = {\n  type: string;\n  total: number;\n  used: number;\n  remaining: number;\n};\n\nconst LEAVE_TYPE_OPTIONS = [\n  { label: 'Annual', value: 'annual' },\n  { label: 'Sick', value: 'sick' },\n  { label: 'Personal', value: 'personal' },\n  { label: 'Maternity', value: 'maternity' },\n  { label: 'Paternity', value: 'paternity' },\n  { label: 'Unpaid', value: 'unpaid' },\n];\n\nconst toLabel = (value: string): string =>\n  value\n    .split('_')\n    .map((part) => part[0]?.toUpperCase() + part.slice(1))\n    .join(' ');\n\n// Tokenized color config per leave type (dot + faint cell tint). No raw colors.\nconst LEAVE_COLORS: Record<string, { label: string; dot: string; cell: string }> = {\n  annual: { label: 'Annual', dot: 'var(--color-status-success-text)', cell: 'bg-status-success-bg' },\n  sick: { label: 'Sick', dot: 'var(--color-status-warning-text)', cell: 'bg-status-warning-bg' },\n  personal: { label: 'Personal', dot: 'var(--color-status-info-text)', cell: 'bg-status-info-bg' },\n  maternity: { label: 'Maternity', dot: 'var(--color-accent-purple)', cell: 'bg-bg-sunken' },\n  paternity: { label: 'Paternity', dot: 'var(--color-accent-teal)', cell: 'bg-bg-sunken' },\n  unpaid: { label: 'Unpaid', dot: 'var(--color-text-muted)', cell: 'bg-bg-sunken' },\n};\nconst leaveColor = (type: string) =>\n  LEAVE_COLORS[type] ?? { label: toLabel(type), dot: 'var(--color-accent-blue)', cell: 'bg-bg-sunken' };\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 WEEKDAYS = ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'];\n\nconst isoLocal = (date: Date): string =>\n  `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, '0')}-${String(\n    date.getDate()\n  ).padStart(2, '0')}`;\n\nconst dayOf = (value: string): string => value.slice(0, 10);\n\ninterface LeaveCalendarProps {\n  leaveRequests: LeaveRequest[];\n  monthCursor: Date;\n  onPrev: () => void;\n  onNext: () => void;\n}\n\n/** Month grid plotting approved + pending leave, color-coded by type. Real data only. */\nfunction LeaveCalendar({ leaveRequests, monthCursor, onPrev, onNext }: LeaveCalendarProps) {\n  const year = monthCursor.getFullYear();\n  const month = monthCursor.getMonth();\n  const todayStr = isoLocal(new Date());\n\n  // Leaves that count on the calendar: scheduled (approved) + requested (pending).\n  const visibleLeaves = useMemo(\n    () => leaveRequests.filter((l) => l.status === 'approved' || l.status === 'pending'),\n    [leaveRequests]\n  );\n\n  const gridStart = new Date(year, month, 1);\n  gridStart.setDate(1 - gridStart.getDay());\n\n  const cells = Array.from({ length: 42 }, (_, i) => {\n    const date = new Date(gridStart);\n    date.setDate(gridStart.getDate() + i);\n    const dayStr = isoLocal(date);\n    const types = new Set<string>();\n    for (const leave of visibleLeaves) {\n      if (dayOf(leave.startDate) <= dayStr && dayStr <= dayOf(leave.endDate)) {\n        types.add(leave.type);\n      }\n    }\n    return { date, dayStr, inMonth: date.getMonth() === month, types: [...types] };\n  });\n\n  const typesThisMonth = useMemo(() => {\n    const set = new Set<string>();\n    for (const cell of cells) {\n      if (cell.inMonth) {\n        cell.types.forEach((t) => set.add(t));\n      }\n    }\n    return [...set];\n  }, [cells]);\n\n  return (\n    <Card>\n      <CardHeader className=\"flex flex-row items-center justify-between space-y-0\">\n        <CardTitle className=\"text-base\">\n          {MONTH_NAMES[month]} {year}\n        </CardTitle>\n        <div className=\"flex gap-1\">\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            className=\"h-8 w-8 p-0\"\n            aria-label=\"Previous month\"\n            onClick={onPrev}\n          >\n            <ChevronLeft className=\"h-4 w-4\" />\n          </Button>\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            className=\"h-8 w-8 p-0\"\n            aria-label=\"Next month\"\n            onClick={onNext}\n          >\n            <ChevronRight className=\"h-4 w-4\" />\n          </Button>\n        </div>\n      </CardHeader>\n      <CardContent className=\"space-y-3\">\n        <div className=\"grid grid-cols-7 gap-1 text-center text-xs font-medium text-text-secondary\">\n          {WEEKDAYS.map((weekday) => (\n            <div key={weekday}>{weekday}</div>\n          ))}\n        </div>\n        <div className=\"grid grid-cols-7 gap-1\">\n          {cells.map((cell) => {\n            const primary = cell.types[0];\n            const cellTint = cell.inMonth && primary ? leaveColor(primary).cell : '';\n            const isToday = cell.dayStr === todayStr;\n            return (\n              <div\n                key={cell.dayStr}\n                className={`relative flex aspect-square flex-col items-center justify-center rounded-md text-xs ${cellTint} ${\n                  cell.inMonth ? 'text-text-primary' : 'text-text-muted'\n                } ${isToday ? 'ring-2 ring-action-primary-bg' : ''}`}\n                title={\n                  cell.types.length > 0\n                    ? `${cell.dayStr}: ${cell.types.map((t) => leaveColor(t).label).join(', ')}`\n                    : cell.dayStr\n                }\n              >\n                <span className={cell.types.length > 0 ? 'font-semibold' : ''}>\n                  {cell.date.getDate()}\n                </span>\n                {cell.types.length > 0 && (\n                  <span className=\"mt-0.5 flex gap-0.5\">\n                    {cell.types.slice(0, 3).map((type) => (\n                      <span\n                        key={type}\n                        className=\"h-1 w-1 rounded-full\"\n                        style={{ backgroundColor: leaveColor(type).dot }}\n                      />\n                    ))}\n                  </span>\n                )}\n              </div>\n            );\n          })}\n        </div>\n        {typesThisMonth.length > 0 && (\n          <div className=\"flex flex-wrap gap-3 pt-1 text-xs text-text-secondary\">\n            {typesThisMonth.map((type) => (\n              <span key={type} className=\"flex items-center gap-1.5\">\n                <span\n                  className=\"h-2.5 w-2.5 rounded-full\"\n                  style={{ backgroundColor: leaveColor(type).dot }}\n                />\n                {leaveColor(type).label}\n              </span>\n            ))}\n          </div>\n        )}\n      </CardContent>\n    </Card>\n  );\n}\n\nexport function HrLeaveManagementPagePage() {\n  const { leaveRequests, employees, addLeaveRequest, updateLeaveRequest } = useCrewFoundryStore();\n  const { showToast } = useGlobalUi();\n  const { currentUser } = useAuth();\n  const form = useFormModal<void>();\n  const [activeTab, setActiveTab] = useState('requests');\n\n  const employeeById = useMemo(\n    () => new Map<string, Employee>(employees.map((employee) => [employee.id, employee])),\n    [employees]\n  );\n\n  // Calendar cursor defaults to the month of the most recent scheduled leave so the\n  // widget opens on data, falling back to the current month when there is none.\n  const [monthCursor, setMonthCursor] = useState<Date>(() => {\n    const relevant = leaveRequests\n      .filter((l) => l.status === 'approved' || l.status === 'pending')\n      .map((l) => dayOf(l.startDate))\n      .sort();\n    const latest = relevant[relevant.length - 1];\n    if (latest) {\n      const [y, m] = latest.split('-').map(Number);\n      return new Date(y, (m || 1) - 1, 1);\n    }\n    return new Date();\n  });\n  const shiftMonth = (delta: number) =>\n    setMonthCursor((prev) => new Date(prev.getFullYear(), prev.getMonth() + delta, 1));\n\n  const approverName =\n    currentUser?.name ||\n    [currentUser?.firstName, currentUser?.lastName].filter(Boolean).join(' ') ||\n    currentUser?.email ||\n    'Manager';\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 leaveFields = 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: 'type',\n        label: 'Leave type',\n        type: 'select',\n        required: true,\n        options: LEAVE_TYPE_OPTIONS,\n      },\n      { name: 'days', label: 'Number of days', type: 'number', required: true },\n      { name: 'startDate', label: 'Start date', type: 'date', required: true },\n      { name: 'endDate', label: 'End date', type: 'date', required: true },\n      { name: 'reason', label: 'Reason', type: 'textarea', required: true, colSpan: 2 },\n    ],\n    [employeeOptions]\n  );\n\n  const pendingCount = leaveRequests.filter((leave) => leave.status === 'pending').length;\n  const approvedCount = leaveRequests.filter((leave) => leave.status === 'approved').length;\n  const totalDays = leaveRequests\n    .filter((leave) => leave.status === 'approved')\n    .reduce((sum, leave) => sum + leave.days, 0);\n\n  const leaveBalances = useMemo<LeaveBalance[]>(() => {\n    // Default annual entitlement per leave type (company policy defaults).\n    // \"Used\" below is derived from real approved leave requests in the store.\n    const entitlementByType: Record<string, number> = {\n      annual: 20,\n      sick: 12,\n      personal: 5,\n      maternity: 90,\n      paternity: 30,\n      unpaid: 15,\n    };\n\n    const usedByType = leaveRequests\n      .filter((leave) => leave.status === 'approved')\n      .reduce<Record<string, number>>((acc, leave) => {\n        acc[leave.type] = (acc[leave.type] || 0) + leave.days;\n        return acc;\n      }, {});\n\n    return Object.entries(entitlementByType).map(([type, total]) => {\n      const used = usedByType[type] || 0;\n      return {\n        type: toLabel(type),\n        total,\n        used,\n        remaining: Math.max(total - used, 0),\n      };\n    });\n  }, [leaveRequests]);\n\n  const onLeaveToday = useMemo(() => {\n    const today = new Date().toISOString().split('T')[0];\n    return leaveRequests.filter(\n      (leave) => leave.status === 'approved' && leave.startDate <= today && leave.endDate >= today\n    ).length;\n  }, [leaveRequests]);\n\n  const sortedRequests = useMemo(\n    () => [...leaveRequests].sort((a, b) => b.startDate.localeCompare(a.startDate)),\n    [leaveRequests]\n  );\n\n  const allPg = usePagination({ initialPageSize: 10 });\n  const requestPageItems = sortedRequests.slice(allPg.offset, allPg.offset + allPg.pageSize);\n\n  const requestColumns: ResponsiveTableColumn<LeaveRequest>[] = [\n    {\n      key: 'employee',\n      header: 'Employee',\n      priority: 'primary',\n      cell: (leave) => (\n        <div className=\"flex items-center gap-2.5\">\n          <AvatarStack\n            people={[\n              { name: leave.employeeName, avatarUrl: employeeById.get(leave.employeeId)?.avatar },\n            ]}\n            size={32}\n          />\n          <div className=\"min-w-0\">\n            <p className=\"truncate font-medium\">{leave.employeeName}</p>\n            <p className=\"truncate text-xs text-text-secondary\">{leave.department}</p>\n          </div>\n        </div>\n      ),\n    },\n    {\n      key: 'type',\n      header: 'Type',\n      cell: (leave) => (\n        <span className=\"flex items-center gap-1.5\">\n          <span\n            className=\"h-2 w-2 rounded-full\"\n            style={{ backgroundColor: leaveColor(leave.type).dot }}\n          />\n          <span className=\"text-xs\">{formatEnumLabel(leave.type)}</span>\n        </span>\n      ),\n    },\n    {\n      key: 'period',\n      header: 'Dates',\n      cell: (leave) => (\n        <span className=\"text-xs\">\n          {leave.startDate} — {leave.endDate}\n        </span>\n      ),\n    },\n    {\n      key: 'days',\n      header: 'Days',\n      headerClassName: 'text-right',\n      cellClassName: 'md:text-right',\n      cell: (leave) => <span className=\"tabular-nums\">{leave.days}</span>,\n    },\n    {\n      key: 'status',\n      header: 'Status',\n      cell: (leave) =>\n        leave.status === 'pending' ? (\n          <div className=\"flex items-center gap-1.5\">\n            <Button\n              size=\"sm\"\n              className=\"h-7 text-xs\"\n              onClick={() => handleDecision(leave, 'approved')}\n            >\n              Approve\n            </Button>\n            <Button\n              size=\"sm\"\n              variant=\"outline\"\n              className=\"h-7 text-xs\"\n              onClick={() => handleDecision(leave, 'rejected')}\n            >\n              Reject\n            </Button>\n          </div>\n        ) : (\n          <Badge\n            variant={leave.status === 'approved' ? 'default' : 'destructive'}\n            className=\"text-[10px]\"\n          >\n            {formatEnumLabel(leave.status)}\n          </Badge>\n        ),\n    },\n  ];\n\n  const handleSubmit = async (values: FormValues) => {\n    const employeeId = getText(values, 'employeeId');\n    const employee = employees.find((item) => item.id === employeeId);\n    const payload: LeaveRequest = {\n      id: newClientId(),\n      employeeId,\n      employeeName: employee ? `${employee.firstName} ${employee.lastName}` : '',\n      department: employee?.department ?? '',\n      type: getText(values, 'type') as LeaveRequest['type'],\n      startDate: getText(values, 'startDate'),\n      endDate: getText(values, 'endDate'),\n      days: getNumber(values, 'days'),\n      status: 'pending',\n      reason: getText(values, 'reason'),\n    };\n    await addLeaveRequest(payload);\n  };\n\n  const handleDecision = async (leave: LeaveRequest, status: 'approved' | 'rejected') => {\n    try {\n      await updateLeaveRequest(leave.id, { status, approverName });\n      showToast(`Leave ${status} for ${leave.employeeName}`, 'success');\n    } catch (error) {\n      showToast(error instanceof Error ? error.message : 'Unable to update leave request', 'error');\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>Leave Management</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">Track and manage employee leave requests</p>\n          <PagePurpose className=\"mt-1\">\n            Handle time-off in one place — review and approve leave requests and keep an eye on team\n            availability and balances.\n          </PagePurpose>\n        </div>\n        <Button size=\"sm\" onClick={() => form.openModal()}>\n          <Calendar className=\"mr-1 h-4 w-4\" />\n          Request Leave\n        </Button>\n      </div>\n\n      <SegmentedTabs\n        aria-label=\"Leave views\"\n        variant=\"underline\"\n        value={activeTab}\n        onChange={setActiveTab}\n        tabs={[\n          { id: 'requests', label: 'Requests' },\n          { id: 'balances', label: 'Balances' },\n          { id: 'calendar', label: 'Calendar' },\n        ]}\n      />\n\n      {activeTab === 'requests' && (\n        <div className=\"space-y-6\">\n          <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-4\">\n            <StatCard label=\"Pending\" value={pendingCount} icon={<Clock className=\"h-4 w-4\" />} />\n            <StatCard\n              label=\"Approved\"\n              value={approvedCount}\n              icon={<CheckCircle className=\"h-4 w-4\" />}\n            />\n            <StatCard label=\"Days Used\" value={totalDays} icon={<Calendar className=\"h-4 w-4\" />} />\n            <StatCard\n              label=\"On Leave Today\"\n              value={onLeaveToday}\n              icon={<XCircle className=\"h-4 w-4\" />}\n            />\n          </div>\n\n          <div className=\"grid gap-6 xl:grid-cols-[minmax(0,2fr)_minmax(0,1fr)]\">\n            <Card>\n              <CardHeader>\n                <CardTitle>Leave Requests</CardTitle>\n                <CardDescription>\n                  Approve or reject pending requests inline; full request history below.\n                </CardDescription>\n              </CardHeader>\n              <CardContent className=\"space-y-4\">\n                <ResponsiveTable<LeaveRequest>\n                  data={requestPageItems}\n                  rowKey={(leave) => leave.id}\n                  columns={requestColumns}\n                  emptyState={\n                    <p className=\"py-6 text-center text-sm text-text-secondary\">\n                      No leave requests yet.\n                    </p>\n                  }\n                />\n                {sortedRequests.length > allPg.pageSize && (\n                  <Pagination\n                    page={allPg.page}\n                    pageSize={allPg.pageSize}\n                    totalItems={sortedRequests.length}\n                    onPageChange={allPg.setPage}\n                  />\n                )}\n              </CardContent>\n            </Card>\n\n            <LeaveCalendar\n              leaveRequests={leaveRequests}\n              monthCursor={monthCursor}\n              onPrev={() => shiftMonth(-1)}\n              onNext={() => shiftMonth(1)}\n            />\n          </div>\n        </div>\n      )}\n\n      {activeTab === 'balances' && (\n        <Card>\n          <CardHeader>\n            <CardTitle>Leave Balances</CardTitle>\n            <CardDescription>\n              Company-wide leave allocation (default policy) vs. approved days used\n            </CardDescription>\n          </CardHeader>\n          <CardContent className=\"grid gap-x-8 gap-y-5 md:grid-cols-2\">\n            {leaveBalances.map((balance) => {\n              const usedPct = Math.round((balance.used / Math.max(balance.total, 1)) * 100);\n              return (\n                <div key={balance.type} className=\"space-y-1.5\">\n                  <div className=\"flex justify-between text-sm\">\n                    <span className=\"font-medium\">{formatEnumLabel(balance.type)}</span>\n                    <span className=\"text-text-secondary\">\n                      {balance.used}/{balance.total} used · {balance.remaining} left\n                    </span>\n                  </div>\n                  <div className=\"h-2.5 overflow-hidden rounded-full bg-bg-sunken\">\n                    <div\n                      className={`h-2.5 rounded-full ${\n                        usedPct > 80\n                          ? 'bg-status-error-text'\n                          : usedPct > 50\n                            ? 'bg-status-warning-text'\n                            : 'bg-status-success-text'\n                      }`}\n                      style={{ width: `${usedPct}%` }}\n                    />\n                  </div>\n                </div>\n              );\n            })}\n          </CardContent>\n        </Card>\n      )}\n\n      {activeTab === 'calendar' && (\n        <div className=\"grid gap-6 lg:grid-cols-[minmax(0,1fr)_minmax(0,1.6fr)]\">\n          <LeaveCalendar\n            leaveRequests={leaveRequests}\n            monthCursor={monthCursor}\n            onPrev={() => shiftMonth(-1)}\n            onNext={() => shiftMonth(1)}\n          />\n          <Card>\n            <CardHeader>\n              <CardTitle>Scheduled &amp; requested leave</CardTitle>\n              <CardDescription>Everyone who is out, most recent first</CardDescription>\n            </CardHeader>\n            <CardContent className=\"space-y-3\">\n              {sortedRequests\n                .filter((l) => l.status === 'approved' || l.status === 'pending')\n                .slice(0, 8)\n                .map((leave) => (\n                  <div\n                    key={leave.id}\n                    className=\"flex items-center justify-between gap-3 rounded-lg border border-border-subtle p-3\"\n                  >\n                    <div className=\"flex items-center gap-2.5\">\n                      <AvatarStack\n                        people={[\n                          {\n                            name: leave.employeeName,\n                            avatarUrl: employeeById.get(leave.employeeId)?.avatar,\n                          },\n                        ]}\n                        size={32}\n                      />\n                      <div>\n                        <p className=\"text-sm font-medium\">{leave.employeeName}</p>\n                        <p className=\"flex items-center gap-1.5 text-xs text-text-secondary\">\n                          <span\n                            className=\"h-2 w-2 rounded-full\"\n                            style={{ backgroundColor: leaveColor(leave.type).dot }}\n                          />\n                          {formatEnumLabel(leave.type)} · {leave.days} days\n                        </p>\n                      </div>\n                    </div>\n                    <div className=\"text-right text-xs text-text-secondary\">\n                      <p>\n                        {leave.startDate} — {leave.endDate}\n                      </p>\n                      <Badge\n                        variant={leave.status === 'approved' ? 'default' : 'secondary'}\n                        className=\"mt-1 text-[10px]\"\n                      >\n                        {formatEnumLabel(leave.status)}\n                      </Badge>\n                    </div>\n                  </div>\n                ))}\n              {sortedRequests.filter((l) => l.status === 'approved' || l.status === 'pending')\n                .length === 0 && (\n                <p className=\"py-6 text-center text-sm text-text-secondary\">\n                  No scheduled or requested leave.\n                </p>\n              )}\n            </CardContent>\n          </Card>\n        </div>\n      )}\n\n      <FormModal\n        open={form.open}\n        onOpenChange={form.onOpenChange}\n        title=\"Request leave\"\n        description=\"Submit a new time-off request for review.\"\n        fields={leaveFields}\n        submitLabel=\"Submit request\"\n        onSubmit={handleSubmit}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}