@fayz-ai/plugin-workforce 0.3.14 → 0.3.15

package/dist/WorkforcePage-A64KM6IC.js

@@ -0,0 +1,2133 @@
+import { WorkforceContextProvider, PeopleView, useWorkforceProvider, useWorkforceStore, useWorkforceConfig, formatCurrency } from './chunk-6GWD6GQK.js';
+import { ModulePage, FilterRail, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, MiniCalendar, toLocalISODate, Badge, Button, Skeleton, resolveRangePreset, compareCodes, PageToolbar, DateRangeControl, StatTiles, StatementTable, Modal, ModalContent, ModalHeader, ModalTitle, ModalBody, Input, ModalFooter, toast, Popover, PopoverTrigger, PopoverContent, Checkbox, Avatar, AvatarFallback, DataTable, AvatarImage } from '@fayz-ai/ui';
+import { useModuleNavigation, useModuleNavAccess, EntitlementGate, UpgradePrompt, parseViewId, ScheduleEditor, usePermissionOptional, adminNavigateTo, PersonLink } from '@fayz-ai/admin';
+import React3 from 'react';
+import { Send, CalendarDays, Plus, ExternalLink, HandCoins, AlertTriangle, Users, CalendarCheck, Unlock, Lock, Clock, LayoutTemplate, ListTree, UserPlus, UserMinus, CakeSlice, Plane, CalendarClock, ShieldAlert, Stethoscope, ClipboardList, Pencil, Eye, ChevronRight, Trash2, ImageOff, MapPin, ScanFace } from 'lucide-react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { getSupabaseClientOptional } from '@fayz-ai/core';
+
+function monthBounds(date) {
+  const d = /* @__PURE__ */ new Date(`${date}T12:00:00`);
+  const first = new Date(d.getFullYear(), d.getMonth(), 1);
+  const last = new Date(d.getFullYear(), d.getMonth() + 1, 0);
+  return { from: toLocalISODate(first), to: toLocalISODate(last) };
+}
+var STATUS_LABEL = {
+  draft: "Rascunho",
+  published: "Publicada",
+  closed: "Fechada"
+};
+var ASSIGNMENT_STATUS_LABEL = {
+  pending: "Pendente",
+  notified: "Avisado",
+  confirmed: "Confirmado",
+  declined: "Recusou",
+  realized: "Cumprido"
+};
+function AssignmentRow({ assignment }) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3 rounded-lg border border-border px-3 py-2", children: [
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+      /* @__PURE__ */ jsx("div", { className: "truncate text-sm font-medium", children: assignment.personName ?? "Sem nome" }),
+      /* @__PURE__ */ jsxs("div", { className: "truncate text-xs text-muted-foreground", children: [
+        assignment.professionName ?? "Sem fun\xE7\xE3o",
+        assignment.shiftLabel ? ` \xB7 ${assignment.shiftLabel}` : "",
+        assignment.shiftStartTime ? ` \xB7 ${assignment.shiftStartTime}\u2013${assignment.shiftEndTime}` : ""
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [
+      assignment.role === "standby" && /* @__PURE__ */ jsx(Badge, { variant: "outline", children: "Reserva" }),
+      /* @__PURE__ */ jsx(Badge, { variant: assignment.status === "confirmed" ? "success" : assignment.status === "declined" ? "destructive" : "secondary", children: ASSIGNMENT_STATUS_LABEL[assignment.status] ?? assignment.status })
+    ] })
+  ] });
+}
+function SchedulesView() {
+  const provider = useWorkforceProvider();
+  const selectedDate = useWorkforceStore((s) => s.selectedDate);
+  const setSelectedDate = useWorkforceStore((s) => s.setSelectedDate);
+  const schedules = useWorkforceStore((s) => s.schedules);
+  const loading = useWorkforceStore((s) => s.schedulesLoading);
+  const fetchSchedules = useWorkforceStore((s) => s.fetchSchedules);
+  const templates = useWorkforceStore((s) => s.templates);
+  const fetchTemplates = useWorkforceStore((s) => s.fetchTemplates);
+  const staff = useWorkforceStore((s) => s.staff);
+  const fetchStaff = useWorkforceStore((s) => s.fetchStaff);
+  const [month, setMonth] = React3.useState(() => monthBounds(selectedDate));
+  const [templateId, setTemplateId] = React3.useState("");
+  const [busy, setBusy] = React3.useState(false);
+  const [personId, setPersonId] = React3.useState("");
+  React3.useEffect(() => {
+    void fetchSchedules(month.from, month.to);
+  }, [fetchSchedules, month.from, month.to]);
+  React3.useEffect(() => {
+    void fetchTemplates();
+  }, [fetchTemplates]);
+  React3.useEffect(() => {
+    void fetchStaff();
+  }, [fetchStaff]);
+  const day = schedules.find((s) => s.scheduleDate === selectedDate);
+  const markers = React3.useMemo(() => {
+    const out = {};
+    for (const s of schedules) {
+      out[s.scheduleDate] = [{
+        color: s.status === "published" ? "hsl(var(--success))" : "hsl(var(--warning))",
+        label: s.status === "published" ? "Escala publicada" : "Escala em rascunho"
+      }];
+    }
+    return out;
+  }, [schedules]);
+  async function createFromTemplate() {
+    if (!templateId) return;
+    setBusy(true);
+    try {
+      await provider.createSchedule({ scheduleDate: selectedDate, templateId });
+      await fetchSchedules(month.from, month.to);
+      toast.success("Escala criada a partir do molde.");
+    } catch (e) {
+      toast.error(e?.message ?? "N\xE3o foi poss\xEDvel criar a escala.");
+    } finally {
+      setBusy(false);
+    }
+  }
+  async function publish() {
+    if (!day) return;
+    setBusy(true);
+    try {
+      await provider.publishSchedule(day.id);
+      await fetchSchedules(month.from, month.to);
+      toast.success("Escala publicada \u2014 os titulares foram espelhados na agenda.");
+    } catch (e) {
+      toast.error(e?.message ?? "N\xE3o foi poss\xEDvel publicar a escala.");
+    } finally {
+      setBusy(false);
+    }
+  }
+  const titulares = day?.assignments.filter((a) => a.role === "titular") ?? [];
+  const pendentes = titulares.filter((a) => a.status === "pending" || a.status === "notified");
+  const rail = /* @__PURE__ */ jsx(
+    FilterRail,
+    {
+      before: /* @__PURE__ */ jsx(
+        MiniCalendar,
+        {
+          selectedDate: /* @__PURE__ */ new Date(`${selectedDate}T12:00:00`),
+          onDateSelect: (d) => setSelectedDate(toLocalISODate(d)),
+          onMonthChange: (d) => setMonth(monthBounds(toLocalISODate(d))),
+          markers
+        }
+      ),
+      sections: [
+        {
+          id: "fixed-hours",
+          title: "Hor\xE1rio fixo da pessoa",
+          content: /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsxs(Select, { value: personId, onValueChange: setPersonId, children: [
+              /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Escolha quem" }) }),
+              /* @__PURE__ */ jsx(SelectContent, { children: staff.map((p) => /* @__PURE__ */ jsx(SelectItem, { value: p.id, children: p.name }, p.id)) })
+            ] }),
+            personId && /* @__PURE__ */ jsx("div", { className: "mt-4", children: /* @__PURE__ */ jsx(ScheduleEditor, { assigneeId: personId }) })
+          ] })
+        }
+      ]
+    }
+  );
+  return /* @__PURE__ */ jsxs("div", { className: "grid gap-6 p-6 lg:grid-cols-[260px_minmax(0,1fr)]", children: [
+    /* @__PURE__ */ jsx("aside", { className: "self-start rounded-xl border border-border bg-card p-4", children: rail }),
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0 space-y-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold", children: (/* @__PURE__ */ new Date(`${selectedDate}T12:00:00`)).toLocaleDateString("pt-BR", {
+            weekday: "long",
+            day: "2-digit",
+            month: "long"
+          }) }),
+          day && /* @__PURE__ */ jsxs("div", { className: "mt-1 flex items-center gap-2 text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ jsx(Badge, { variant: day.status === "published" ? "success" : "warning", children: STATUS_LABEL[day.status] ?? day.status }),
+            /* @__PURE__ */ jsxs("span", { children: [
+              titulares.length,
+              " titular(es) \xB7 ",
+              pendentes.length,
+              " pendente(s)"
+            ] })
+          ] })
+        ] }),
+        day && day.status === "draft" && /* @__PURE__ */ jsxs(Button, { onClick: publish, disabled: busy, children: [
+          /* @__PURE__ */ jsx(Send, { className: "mr-2 h-4 w-4", "aria-hidden": true }),
+          "Publicar escala"
+        ] })
+      ] }),
+      loading ? /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-12 w-full" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-12 w-full" })
+      ] }) : day ? /* @__PURE__ */ jsx("div", { className: "space-y-2", children: day.assignments.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Nenhuma vaga preenchida neste dia." }) : day.assignments.map((a) => /* @__PURE__ */ jsx(AssignmentRow, { assignment: a }, a.id)) }) : (
+        // O pré-requisito duro do V1, dito na tela em vez de escondido: sem
+        // molde não existe escala.
+        /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-dashed border-border p-8 text-center", children: [
+          /* @__PURE__ */ jsx(CalendarDays, { className: "mx-auto mb-3 h-8 w-8 text-muted-foreground", "aria-hidden": true }),
+          /* @__PURE__ */ jsx("p", { className: "mb-4 text-sm text-muted-foreground", children: templates.length === 0 ? "Nenhum molde de escala cadastrado. Crie um em Templates para come\xE7ar." : "Ainda n\xE3o h\xE1 escala neste dia. Escolha um molde para mont\xE1-la." }),
+          templates.length > 0 && /* @__PURE__ */ jsxs("div", { className: "mx-auto flex max-w-sm items-center gap-2", children: [
+            /* @__PURE__ */ jsxs(Select, { value: templateId, onValueChange: setTemplateId, children: [
+              /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Molde de escala" }) }),
+              /* @__PURE__ */ jsx(SelectContent, { children: templates.map((t) => /* @__PURE__ */ jsx(SelectItem, { value: t.id, children: t.name }, t.id)) })
+            ] }),
+            /* @__PURE__ */ jsxs(Button, { onClick: createFromTemplate, disabled: !templateId || busy, children: [
+              /* @__PURE__ */ jsx(Plus, { className: "mr-2 h-4 w-4", "aria-hidden": true }),
+              "Criar"
+            ] })
+          ] })
+        ] })
+      )
+    ] })
+  ] });
+}
+var WEEKDAYS = ["Dom", "Seg", "Ter", "Qua", "Qui", "Sex", "S\xE1b"];
+var WEEKDAY_NAMES = ["Domingo", "Segunda", "Ter\xE7a", "Quarta", "Quinta", "Sexta", "S\xE1bado"];
+function plural(n, one, many) {
+  return `${n} ${n === 1 ? one : many}`;
+}
+function seats(shift) {
+  return shift.requirements.reduce((sum, r) => sum + (r.requiredCount || 0), 0);
+}
+function ShiftCard({ shift, onChanged }) {
+  const provider = useWorkforceProvider();
+  const [profession, setProfession] = React3.useState("");
+  const [count, setCount] = React3.useState("1");
+  async function addRequirement() {
+    if (!profession.trim()) return;
+    try {
+      await provider.saveRequirement({
+        shiftId: shift.id,
+        professionName: profession.trim(),
+        requiredCount: Math.max(1, Number(count) || 1)
+      });
+      setProfession("");
+      setCount("1");
+      onChanged();
+    } catch (e) {
+      toast.error(e?.message ?? "N\xE3o foi poss\xEDvel salvar a fun\xE7\xE3o.");
+    }
+  }
+  async function removeRequirement(id) {
+    try {
+      await provider.deleteRequirement(id);
+      onChanged();
+    } catch (e) {
+      toast.error(e?.message ?? "N\xE3o foi poss\xEDvel remover a fun\xE7\xE3o.");
+    }
+  }
+  async function removeShift() {
+    try {
+      await provider.deleteShift(shift.id);
+      onChanged();
+    } catch (e) {
+      toast.error(e?.message ?? "N\xE3o foi poss\xEDvel remover o turno.");
+    }
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-border p-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsx("div", { className: "text-sm font-medium", children: shift.label }),
+        /* @__PURE__ */ jsxs("div", { className: "text-xs text-muted-foreground", children: [
+          shift.startTime,
+          "\u2013",
+          shift.endTime,
+          shift.crossesMidnight ? " \xB7 vira o dia" : ""
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "mt-1 flex flex-wrap gap-1", children: WEEKDAYS.map((d, i) => /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: `inline-flex h-5 items-center justify-center rounded px-1.5 text-[10px] ${shift.weekdays.includes(i) ? "bg-primary/15 text-primary" : "bg-muted text-muted-foreground"}`,
+            children: d
+          },
+          i
+        )) })
+      ] }),
+      /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: removeShift, "aria-label": "Remover turno", children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4", "aria-hidden": true }) })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "mt-3 flex flex-wrap gap-2", children: shift.requirements.map((r) => /* @__PURE__ */ jsxs(Badge, { variant: "outline", className: "gap-1", children: [
+      r.professionName,
+      " (",
+      r.requiredCount,
+      ")",
+      /* @__PURE__ */ jsx(Button, { variant: "bare", size: "bare", onClick: () => removeRequirement(r.id), "aria-label": `Remover ${r.professionName}`, children: /* @__PURE__ */ jsx(Trash2, { className: "h-3 w-3", "aria-hidden": true }) })
+    ] }, r.id)) }),
+    /* @__PURE__ */ jsxs("div", { className: "mt-3 flex flex-wrap items-center gap-2", children: [
+      /* @__PURE__ */ jsx("div", { className: "w-full sm:w-56", children: /* @__PURE__ */ jsx(
+        Input,
+        {
+          value: profession,
+          onChange: (e) => setProfession(e.target.value),
+          placeholder: "Fun\xE7\xE3o (ex.: Gar\xE7om)",
+          className: "h-8"
+        }
+      ) }),
+      /* @__PURE__ */ jsx("div", { className: "w-20", children: /* @__PURE__ */ jsx(
+        Input,
+        {
+          value: count,
+          onChange: (e) => setCount(e.target.value),
+          type: "number",
+          min: 1,
+          className: "h-8",
+          "aria-label": "Vagas"
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Button, { size: "sm", variant: "secondary", onClick: addRequirement, children: "Adicionar" })
+    ] })
+  ] });
+}
+function NewShiftModal({ template, open, onOpenChange, onChanged }) {
+  const provider = useWorkforceProvider();
+  const [label, setLabel] = React3.useState("");
+  const [start, setStart] = React3.useState("11:00");
+  const [end, setEnd] = React3.useState("15:00");
+  const [weekdays, setWeekdays] = React3.useState([1, 2, 3, 4, 5]);
+  async function addShift() {
+    if (!label.trim()) return;
+    try {
+      await provider.saveShift({
+        templateId: template.id,
+        label: label.trim(),
+        startTime: start,
+        endTime: end,
+        weekdays,
+        sortOrder: template.shifts.length
+      });
+      onOpenChange(false);
+      setLabel("");
+      onChanged();
+    } catch (e) {
+      toast.error(e?.message ?? "N\xE3o foi poss\xEDvel salvar o turno.");
+    }
+  }
+  return /* @__PURE__ */ jsx(Modal, { open, onOpenChange, children: /* @__PURE__ */ jsxs(ModalContent, { size: "sm", children: [
+    /* @__PURE__ */ jsx(ModalHeader, { children: /* @__PURE__ */ jsx(ModalTitle, { children: "Novo turno" }) }),
+    /* @__PURE__ */ jsxs(ModalBody, { className: "space-y-3", children: [
+      /* @__PURE__ */ jsx(Input, { value: label, onChange: (e) => setLabel(e.target.value), placeholder: "Nome do turno (ex.: Almo\xE7o)" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(Input, { type: "time", value: start, onChange: (e) => setStart(e.target.value), "aria-label": "In\xEDcio" }),
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "at\xE9" }),
+        /* @__PURE__ */ jsx(Input, { type: "time", value: end, onChange: (e) => setEnd(e.target.value), "aria-label": "Fim" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("div", { className: "mb-1 text-xs text-muted-foreground", children: "Dias da semana" }),
+        /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: WEEKDAYS.map((d, i) => /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "bare",
+            size: "bare",
+            type: "button",
+            onClick: () => setWeekdays((w) => w.includes(i) ? w.filter((x) => x !== i) : [...w, i]),
+            className: `font-normal h-8 rounded px-2 text-xs ${weekdays.includes(i) ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"}`,
+            children: d
+          },
+          i
+        )) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(ModalFooter, { children: [
+      /* @__PURE__ */ jsx(Button, { variant: "ghost", onClick: () => onOpenChange(false), children: "Cancelar" }),
+      /* @__PURE__ */ jsx(Button, { onClick: addShift, children: "Salvar turno" })
+    ] })
+  ] }) });
+}
+function TemplateBlock({ template, shifts, onChanged }) {
+  const provider = useWorkforceProvider();
+  const [open, setOpen] = React3.useState(false);
+  async function removeTemplate() {
+    try {
+      await provider.deleteTemplate(template.id);
+      onChanged();
+    } catch (e) {
+      toast.error(e?.message ?? "N\xE3o foi poss\xEDvel remover o template.");
+    }
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-border/60 bg-muted/20 p-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center justify-between gap-2", children: [
+      /* @__PURE__ */ jsx("div", { className: "truncate text-sm font-medium", children: template.name }),
+      /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [
+        /* @__PURE__ */ jsxs(Button, { size: "sm", variant: "secondary", onClick: () => setOpen(true), children: [
+          /* @__PURE__ */ jsx(Plus, { className: "mr-1 h-4 w-4", "aria-hidden": true }),
+          " Turno"
+        ] }),
+        /* @__PURE__ */ jsx(Button, { size: "sm", variant: "ghost", onClick: removeTemplate, "aria-label": `Remover ${template.name}`, children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4", "aria-hidden": true }) })
+      ] })
+    ] }),
+    shifts.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Nenhum turno neste template ainda." }) : /* @__PURE__ */ jsx("div", { className: "space-y-2", children: shifts.map((s) => /* @__PURE__ */ jsx(ShiftCard, { shift: s, onChanged }, s.id)) }),
+    /* @__PURE__ */ jsx(NewShiftModal, { template, open, onOpenChange: setOpen, onChanged })
+  ] });
+}
+function DayRow({ title, summary, empty, open, onToggle, children }) {
+  return /* @__PURE__ */ jsxs("div", { className: "border-b border-border last:border-b-0", children: [
+    /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "bare",
+        size: "bare",
+        type: "button",
+        onClick: onToggle,
+        "aria-expanded": open,
+        disabled: empty,
+        className: "flex w-full items-center justify-start gap-3 rounded-none px-3 py-2.5 text-left font-normal transition-colors hover:bg-muted/50 disabled:cursor-default disabled:opacity-100 disabled:hover:bg-transparent",
+        children: [
+          /* @__PURE__ */ jsx(
+            ChevronRight,
+            {
+              className: `h-4 w-4 shrink-0 text-muted-foreground transition-transform ${open ? "rotate-90" : ""} ${empty ? "opacity-0" : ""}`,
+              "aria-hidden": true
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: `w-24 shrink-0 text-sm ${empty ? "text-muted-foreground" : "font-medium"}`, children: title }),
+          /* @__PURE__ */ jsx("span", { className: "truncate text-sm text-muted-foreground", children: summary })
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsx("div", { className: "space-y-3 px-3 pb-3", children })
+  ] });
+}
+function TemplatesView() {
+  const provider = useWorkforceProvider();
+  const templates = useWorkforceStore((s) => s.templates);
+  const loading = useWorkforceStore((s) => s.templatesLoading);
+  const fetchTemplates = useWorkforceStore((s) => s.fetchTemplates);
+  const [open, setOpen] = React3.useState(false);
+  const [name, setName] = React3.useState("");
+  const [openDay, setOpenDay] = React3.useState(null);
+  React3.useEffect(() => {
+    void fetchTemplates();
+  }, [fetchTemplates]);
+  const byDay = React3.useMemo(() => {
+    return WEEKDAY_NAMES.map((_, day) => {
+      const blocks = templates.map((t) => ({ template: t, shifts: t.shifts.filter((s) => s.weekdays.includes(day)) })).filter((b) => b.shifts.length > 0);
+      const shiftCount = blocks.reduce((n, b) => n + b.shifts.length, 0);
+      const seatCount = blocks.reduce((n, b) => n + b.shifts.reduce((m, s) => m + seats(s), 0), 0);
+      return { day, blocks, shiftCount, seatCount };
+    });
+  }, [templates]);
+  const withoutShifts = React3.useMemo(
+    () => templates.filter((t) => t.shifts.length === 0),
+    [templates]
+  );
+  async function createTemplate() {
+    if (!name.trim()) return;
+    try {
+      await provider.saveTemplate({ name: name.trim() });
+      setName("");
+      setOpen(false);
+      await fetchTemplates();
+    } catch (e) {
+      toast.error(e?.message ?? "N\xE3o foi poss\xEDvel criar o template.");
+    }
+  }
+  const onChanged = React3.useCallback(() => {
+    void fetchTemplates();
+  }, [fetchTemplates]);
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4 p-6", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold", children: "Templates de escala" }),
+      /* @__PURE__ */ jsxs(Button, { onClick: () => setOpen(true), children: [
+        /* @__PURE__ */ jsx(Plus, { className: "mr-2 h-4 w-4", "aria-hidden": true }),
+        " Novo template"
+      ] })
+    ] }),
+    loading ? /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-24 w-full" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-24 w-full" })
+    ] }) : templates.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-dashed border-border p-8 text-center", children: [
+      /* @__PURE__ */ jsx(LayoutTemplate, { className: "mx-auto mb-3 h-8 w-8 text-muted-foreground", "aria-hidden": true }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Nenhum template cadastrado." })
+    ] }) : /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-xl border border-border", children: byDay.map(({ day, blocks, shiftCount, seatCount }) => /* @__PURE__ */ jsx(
+        DayRow,
+        {
+          title: WEEKDAY_NAMES[day],
+          summary: shiftCount === 0 ? "Ningu\xE9m escalado" : `${plural(shiftCount, "turno", "turnos")} \xB7 ${plural(seatCount, "vaga", "vagas")}`,
+          empty: shiftCount === 0,
+          open: openDay === day,
+          onToggle: () => setOpenDay((d) => d === day ? null : day),
+          children: blocks.map((b) => /* @__PURE__ */ jsx(TemplateBlock, { template: b.template, shifts: b.shifts, onChanged }, b.template.id))
+        },
+        day
+      )) }),
+      withoutShifts.length > 0 && /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Sem turno \u2014 n\xE3o entram em dia nenhum at\xE9 ganharem o primeiro." }),
+        withoutShifts.map((t) => /* @__PURE__ */ jsx(TemplateBlock, { template: t, shifts: [], onChanged }, t.id))
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(Modal, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxs(ModalContent, { size: "sm", children: [
+      /* @__PURE__ */ jsx(ModalHeader, { children: /* @__PURE__ */ jsx(ModalTitle, { children: "Novo template" }) }),
+      /* @__PURE__ */ jsx(ModalBody, { children: /* @__PURE__ */ jsx(Input, { value: name, onChange: (e) => setName(e.target.value), placeholder: "Nome (ex.: Almo\xE7o Seg. a Sex.)" }) }),
+      /* @__PURE__ */ jsxs(ModalFooter, { children: [
+        /* @__PURE__ */ jsx(Button, { variant: "ghost", onClick: () => setOpen(false), children: "Cancelar" }),
+        /* @__PURE__ */ jsx(Button, { onClick: createTemplate, children: "Criar" })
+      ] })
+    ] }) })
+  ] });
+}
+var KIND_LABEL = {
+  clock_in: "Entrada",
+  break_start: "Sa\xEDda p/ intervalo",
+  break_end: "Volta do intervalo",
+  clock_out: "Sa\xEDda"
+};
+function hhmm(iso) {
+  if (!iso) return "\u2014";
+  return new Date(iso).toLocaleTimeString("pt-BR", { hour: "2-digit", minute: "2-digit" });
+}
+function hours(minutes) {
+  if (minutes == null) return "\u2014";
+  const sign = minutes < 0 ? "-" : "";
+  const abs = Math.abs(minutes);
+  return `${sign}${Math.floor(abs / 60)}h${String(abs % 60).padStart(2, "0")}`;
+}
+function iniciais(nome) {
+  const partes = (nome ?? "").trim().split(/\s+/).filter(Boolean);
+  if (!partes.length) return "\u2014";
+  return (partes[0][0] + (partes.length > 1 ? partes[partes.length - 1][0] : "")).toUpperCase();
+}
+var FotosContext = React3.createContext({});
+function usePunchPhotoUrl(photo) {
+  const mapa = React3.useContext(FotosContext);
+  if (!photo) return null;
+  return mapa[`${photo.bucket}/${photo.path}`] ?? null;
+}
+function useFotosDaPagina(entries) {
+  const provider = useWorkforceProvider();
+  const [mapa, setMapa] = React3.useState({});
+  const chave = React3.useMemo(
+    () => entries.map((e) => e.photo ? `${e.photo.bucket}/${e.photo.path}` : "").filter(Boolean).sort().join("|"),
+    [entries]
+  );
+  React3.useEffect(() => {
+    const fotos = entries.map((e) => e.photo).filter(Boolean);
+    if (!fotos.length) {
+      setMapa({});
+      return;
+    }
+    let vivo = true;
+    provider.signPunchPhotos(fotos).then((m) => {
+      if (vivo) setMapa(m);
+    }).catch(() => {
+      if (vivo) setMapa({});
+    });
+    return () => {
+      vivo = false;
+    };
+  }, [provider, chave]);
+  return mapa;
+}
+function provaDe(entry) {
+  const e = entry.evidence ?? {};
+  const num = (v) => typeof v === "number" ? v : typeof v === "string" ? Number(v) : void 0;
+  return {
+    lat: num(e.lat),
+    lng: num(e.lng),
+    accuracy: num(e.accuracy_m),
+    faceScore: num(e.face_score),
+    // Houve captura E a imagem não atravessou. É o estado que a tela precisa
+    // distinguir de "não houve captura" — dizer "sem foto" nos dois casos
+    // esconderia 1.320 imagens que existem e não chegaram.
+    naoMigrada: !!e.photo_path && !entry.photo
+  };
+}
+function FotoDaBatida({ entry, className }) {
+  const url = usePunchPhotoUrl(entry.photo);
+  return /* @__PURE__ */ jsxs(Avatar, { className: className ?? "h-8 w-8 shrink-0", children: [
+    url && /* @__PURE__ */ jsx(AvatarImage, { src: url, alt: `Foto da batida de ${entry.personName ?? "quem bateu"}` }),
+    /* @__PURE__ */ jsx(AvatarFallback, { children: iniciais(entry.personName) })
+  ] });
+}
+function ProvaDoTotem({ entry }) {
+  const p = provaDe(entry);
+  const temAlgo = entry.photo || p.naoMigrada || p.lat != null || p.faceScore != null;
+  if (!temAlgo) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 pt-1", children: [
+    entry.photo ? /* @__PURE__ */ jsx(FotoDaBatida, { entry, className: "h-12 w-12 shrink-0 rounded-md" }) : p.naoMigrada ? /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: "flex h-12 w-12 shrink-0 items-center justify-center rounded-md border border-dashed border-border text-muted-foreground",
+        title: "O totem capturou a foto; a imagem ainda n\xE3o atravessou do V1",
+        children: /* @__PURE__ */ jsx(ImageOff, { className: "h-4 w-4", "aria-hidden": true })
+      }
+    ) : null,
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-muted-foreground", children: [
+      p.lat != null && p.lng != null && /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx(MapPin, { className: "h-3.5 w-3.5", "aria-hidden": true }),
+        p.lat.toFixed(5),
+        ", ",
+        p.lng.toFixed(5),
+        p.accuracy != null && /* @__PURE__ */ jsxs(Fragment, { children: [
+          " \xB7 \xB1 ",
+          Math.round(p.accuracy),
+          "m"
+        ] })
+      ] }),
+      p.faceScore != null && /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx(ScanFace, { className: "h-3.5 w-3.5", "aria-hidden": true }),
+        "Match facial ",
+        (p.faceScore * 100).toFixed(1),
+        "%"
+      ] }),
+      p.naoMigrada && /* @__PURE__ */ jsx("span", { children: "Foto capturada no V1, ainda n\xE3o migrada" })
+    ] })
+  ] });
+}
+function DetalhesDoDia({ day, entries, onClose }) {
+  return /* @__PURE__ */ jsx(Modal, { open: true, onOpenChange: (o) => {
+    if (!o) onClose();
+  }, children: /* @__PURE__ */ jsxs(ModalContent, { children: [
+    /* @__PURE__ */ jsx(ModalHeader, { children: /* @__PURE__ */ jsxs(ModalTitle, { children: [
+      day.personName ?? "Sem nome",
+      " \xB7 ",
+      day.workDate
+    ] }) }),
+    /* @__PURE__ */ jsxs(ModalBody, { className: "space-y-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-4 text-sm", children: [
+        /* @__PURE__ */ jsxs("span", { children: [
+          "Previsto ",
+          /* @__PURE__ */ jsx("b", { children: hours(day.plannedMinutes) })
+        ] }),
+        /* @__PURE__ */ jsxs("span", { children: [
+          "Realizado ",
+          /* @__PURE__ */ jsx("b", { children: hours(day.workedMinutes) })
+        ] }),
+        day.varianceMinutes != null && /* @__PURE__ */ jsxs("span", { children: [
+          "Saldo ",
+          /* @__PURE__ */ jsxs("b", { children: [
+            day.varianceMinutes >= 0 ? "+" : "",
+            hours(day.varianceMinutes)
+          ] })
+        ] }),
+        day.shiftLabel && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+          "Turno ",
+          day.shiftLabel,
+          " ",
+          day.shiftStartTime,
+          "\u2013",
+          day.shiftEndTime
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "divide-y divide-border rounded-lg border border-border", children: entries.length === 0 ? /* @__PURE__ */ jsx("p", { className: "px-3 py-2 text-sm text-muted-foreground", children: "Nenhuma batida neste dia." }) : entries.map((e) => /* @__PURE__ */ jsxs("div", { className: "px-3 py-2 text-sm", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+          /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(Clock, { className: "h-3.5 w-3.5 text-muted-foreground", "aria-hidden": true }),
+            /* @__PURE__ */ jsxs("span", { className: e.voided ? "text-muted-foreground line-through" : "", children: [
+              KIND_LABEL[e.kind] ?? e.kind,
+              " \xB7 ",
+              hhmm(e.effectiveAt)
+            ] }),
+            e.adjusted && // O real fica à vista, riscado. Esconder o horário original
+            // transformaria o ajuste numa edição, que é justamente o que
+            // o modelo append-only existe para impedir.
+            /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
+              "(real ",
+              /* @__PURE__ */ jsx("s", { children: hhmm(e.punchedAt) }),
+              ")"
+            ] })
+          ] }),
+          e.adjusted && /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
+            e.adjustedByName ?? "algu\xE9m",
+            ": ",
+            e.adjustmentReason
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(ProvaDoTotem, { entry: e })
+      ] }, e.id)) })
+    ] }),
+    /* @__PURE__ */ jsx(ModalFooter, { children: /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: onClose, children: "Fechar" }) })
+  ] }) });
+}
+function AdjustDialog({ entry, onClose, onSaved }) {
+  const provider = useWorkforceProvider();
+  const [action, setAction] = React3.useState("correct");
+  const [time, setTime] = React3.useState(() => new Date(entry.effectiveAt).toTimeString().slice(0, 5));
+  const [reason, setReason] = React3.useState("");
+  const [busy, setBusy] = React3.useState(false);
+  async function save() {
+    if (!reason.trim()) {
+      toast.error("O motivo \xE9 obrigat\xF3rio.");
+      return;
+    }
+    setBusy(true);
+    try {
+      await provider.adjustTimeEntry({
+        timeEntryId: entry.id,
+        action,
+        effectiveAt: action === "void" ? void 0 : (/* @__PURE__ */ new Date(`${entry.workDate}T${time}:00`)).toISOString(),
+        reason: reason.trim()
+      });
+      toast.success("Ajuste registrado. O hor\xE1rio real foi preservado.");
+      onSaved();
+      onClose();
+    } catch (e) {
+      toast.error(e?.message ?? "N\xE3o foi poss\xEDvel registrar o ajuste.");
+    } finally {
+      setBusy(false);
+    }
+  }
+  return /* @__PURE__ */ jsx(Modal, { open: true, onOpenChange: (o) => {
+    if (!o) onClose();
+  }, children: /* @__PURE__ */ jsxs(ModalContent, { size: "sm", children: [
+    /* @__PURE__ */ jsx(ModalHeader, { children: /* @__PURE__ */ jsx(ModalTitle, { children: "Ajustar batida" }) }),
+    /* @__PURE__ */ jsxs(ModalBody, { className: "space-y-3", children: [
+      /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+        entry.personName ?? "Sem nome",
+        " \xB7 ",
+        KIND_LABEL[entry.kind] ?? entry.kind,
+        " \xB7",
+        " ",
+        "registrado \xE0s ",
+        hhmm(entry.punchedAt)
+      ] }),
+      /* @__PURE__ */ jsxs(Select, { value: action, onValueChange: (v) => setAction(v), children: [
+        /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+        /* @__PURE__ */ jsxs(SelectContent, { children: [
+          /* @__PURE__ */ jsx(SelectItem, { value: "correct", children: "Corrigir o hor\xE1rio" }),
+          /* @__PURE__ */ jsx(SelectItem, { value: "insert", children: "Inserir a batida que faltou" }),
+          /* @__PURE__ */ jsx(SelectItem, { value: "void", children: "Anular esta batida" })
+        ] })
+      ] }),
+      action !== "void" && /* @__PURE__ */ jsx(Input, { type: "time", value: time, onChange: (e) => setTime(e.target.value), "aria-label": "Hor\xE1rio que passa a valer" }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          value: reason,
+          onChange: (e) => setReason(e.target.value),
+          placeholder: "Motivo (obrigat\xF3rio)"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs(ModalFooter, { children: [
+      /* @__PURE__ */ jsx(Button, { variant: "ghost", onClick: onClose, children: "Cancelar" }),
+      /* @__PURE__ */ jsx(Button, { onClick: save, disabled: busy, children: "Registrar ajuste" })
+    ] })
+  ] }) });
+}
+function useAgora(ativo) {
+  const [agora, setAgora] = React3.useState(() => Date.now());
+  React3.useEffect(() => {
+    if (!ativo) return;
+    const id = setInterval(() => setAgora(Date.now()), 6e4);
+    return () => clearInterval(id);
+  }, [ativo]);
+  return agora;
+}
+var LIMITE_EM_CURSO_MIN = 16 * 60;
+function Duracao({ day, agora }) {
+  if (day.reviewReason === "span_too_long") {
+    const dias = day.firstIn && day.lastOut ? Math.round((new Date(day.lastOut).getTime() - new Date(day.firstIn).getTime()) / 864e5) : 0;
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("span", { className: "text-destructive", children: hours(day.workedMinutes) }),
+      /* @__PURE__ */ jsxs(
+        "span",
+        {
+          className: "block text-xs text-destructive",
+          title: "Fora da soma: acima de 16h num dia \xE9 sa\xEDda n\xE3o batida, n\xE3o jornada. Corrija pelo bot\xE3o Ajustar.",
+          children: [
+            "revisar \xB7 ",
+            dias > 0 ? `sa\xEDda ${dias}d depois` : "sa\xEDda no dia seguinte"
+          ]
+        }
+      )
+    ] });
+  }
+  if (!day.isOpen) {
+    return /* @__PURE__ */ jsx(Fragment, { children: hours(day.workedMinutes) });
+  }
+  const fechadas = day.workedMinutes ?? 0;
+  const correndo = day.openSince ? Math.max(0, Math.round((agora - new Date(day.openSince).getTime()) / 6e4)) : null;
+  const esquecido = correndo != null && correndo > LIMITE_EM_CURSO_MIN;
+  const correndoTexto = correndo == null ? "em aberto" : esquecido ? `sem sa\xEDda h\xE1 ${hours(correndo)}` : `${hours(correndo)} em curso`;
+  const cor = esquecido ? "text-destructive" : "text-muted-foreground";
+  const desde = day.openSince ? `Aberto desde ${new Date(day.openSince).toLocaleString("pt-BR")}` : void 0;
+  if (fechadas === 0) {
+    return /* @__PURE__ */ jsx("span", { className: cor, title: desde, children: correndoTexto });
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    hours(fechadas),
+    /* @__PURE__ */ jsxs("span", { className: `block text-xs ${cor}`, title: desde, children: [
+      "+ ",
+      correndoTexto
+    ] })
+  ] });
+}
+function SeloEscala({ day }) {
+  if (day.absent) return /* @__PURE__ */ jsx(Badge, { variant: "destructive", children: "Falta" });
+  if (day.outsideSchedule) return /* @__PURE__ */ jsx(Badge, { variant: "destructive", children: "Fora da escala" });
+  return /* @__PURE__ */ jsx(Badge, { variant: "success", children: "Na escala" });
+}
+function dayFacts(day, entries, hourlyRate) {
+  const value = hourlyRate != null && day.workedMinutes != null && !day.reviewReason ? day.workedMinutes / 60 * hourlyRate : null;
+  const alvo = entries.length ? entries[entries.length - 1] : null;
+  const travado = entries.some((e) => e.payableInvoiceId);
+  const retrato = entries.find((e) => e.kind === "clock_in" && e.photo) ?? entries.find((e) => e.photo) ?? null;
+  return { value, alvo, travado, retrato };
+}
+function tituloDoDia(workDate) {
+  const d = /* @__PURE__ */ new Date(`${workDate}T12:00:00`);
+  const hoje = /* @__PURE__ */ new Date();
+  const iso = (x) => `${x.getFullYear()}-${String(x.getMonth() + 1).padStart(2, "0")}-${String(x.getDate()).padStart(2, "0")}`;
+  const ontem = new Date(hoje.getTime() - 864e5);
+  const extenso = d.toLocaleDateString("pt-BR", { weekday: "long", day: "numeric", month: "long", year: "numeric" });
+  if (workDate === iso(hoje)) return `Hoje, ${extenso}`;
+  if (workDate === iso(ontem)) return `Ontem, ${extenso}`;
+  return extenso.charAt(0).toUpperCase() + extenso.slice(1);
+}
+function GrupoDoDia({ workDate, days, entriesByPerson, unitNames, agora, onAdjust, onDetails }) {
+  const { currency, hourlyRate, staffLookup } = useWorkforceConfig();
+  const pessoas = new Set(days.map((d) => d.personId)).size;
+  const abertos = days.filter((d) => d.isOpen).length;
+  const revisar = days.filter((d) => d.reviewReason === "span_too_long").length;
+  const minutos = days.reduce((sum, d) => sum + (d.reviewReason ? 0 : d.workedMinutes ?? 0), 0);
+  const valor = hourlyRate != null ? minutos / 60 * hourlyRate : null;
+  const columns = React3.useMemo(() => {
+    const head = (label) => () => /* @__PURE__ */ jsx("span", { className: "text-xs", children: label });
+    const facts = (day) => dayFacts(day, entriesByPerson.get(`${day.personId}|${day.workDate}`) ?? [], hourlyRate);
+    return [
+      {
+        id: "name",
+        header: head("Nome"),
+        cell: ({ row: { original: day } }) => {
+          const { retrato } = facts(day);
+          return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+            retrato ? /* @__PURE__ */ jsx(FotoDaBatida, { entry: retrato }) : /* @__PURE__ */ jsx(Avatar, { className: "h-8 w-8 shrink-0", children: /* @__PURE__ */ jsx(AvatarFallback, { children: iniciais(day.personName) }) }),
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsx(
+                PersonLink,
+                {
+                  personId: day.personId,
+                  name: day.personName ?? "Sem nome",
+                  kind: "staff",
+                  lookup: staffLookup,
+                  size: "sm",
+                  className: "text-sm"
+                }
+              ),
+              /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: "Profissional" })
+            ] })
+          ] });
+        }
+      },
+      {
+        id: "unit",
+        header: head("Unidade"),
+        cell: ({ row: { original: day } }) => /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: day.unitId && unitNames.get(day.unitId) || "\u2014" })
+      },
+      { id: "in", header: head("Entrada"), cell: ({ row }) => /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: hhmm(row.original.firstIn) }) },
+      {
+        id: "out",
+        header: head("Sa\xEDda"),
+        cell: ({ row: { original: day } }) => /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: day.isOpen ? /* @__PURE__ */ jsx(Badge, { variant: "outline", children: "Em aberto" }) : hhmm(day.lastOut) })
+      },
+      { id: "duration", header: head("Dura\xE7\xE3o"), cell: ({ row }) => /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: /* @__PURE__ */ jsx(Duracao, { day: row.original, agora }) }) },
+      {
+        id: "value",
+        header: head("Valor"),
+        cell: ({ row: { original: day } }) => {
+          const { value } = facts(day);
+          return /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: value != null ? formatCurrency(value, currency) : "\u2014" });
+        }
+      },
+      { id: "schedule", header: head("Escala"), cell: ({ row }) => /* @__PURE__ */ jsx(SeloEscala, { day: row.original }) },
+      {
+        id: "actions",
+        header: head("A\xE7\xF5es"),
+        cell: ({ row: { original: day } }) => {
+          const { alvo, travado } = facts(day);
+          return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+            travado ? (
+              // A trava do banco, dita na tela: hora já paga não se corrige sem
+              // reabrir a competência.
+              /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1 px-2 text-xs text-muted-foreground", children: [
+                /* @__PURE__ */ jsx(Lock, { className: "h-3.5 w-3.5", "aria-hidden": true }),
+                " j\xE1 paga"
+              ] })
+            ) : alvo ? /* @__PURE__ */ jsxs(Button, { size: "sm", variant: "ghost", onClick: () => onAdjust(alvo), children: [
+              /* @__PURE__ */ jsx(Pencil, { className: "mr-1 h-3.5 w-3.5", "aria-hidden": true }),
+              " Ajustar"
+            ] }) : null,
+            /* @__PURE__ */ jsxs(Button, { size: "sm", variant: "ghost", onClick: () => onDetails(day), children: [
+              /* @__PURE__ */ jsx(Eye, { className: "mr-1 h-3.5 w-3.5", "aria-hidden": true }),
+              " Detalhes"
+            ] })
+          ] });
+        }
+      }
+    ];
+  }, [entriesByPerson, unitNames, agora, onAdjust, onDetails, currency, hourlyRate, staffLookup]);
+  return /* @__PURE__ */ jsxs("div", { className: "overflow-hidden rounded-xl border border-border", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-4 border-l-2 border-l-primary bg-muted/40 px-4 py-3", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold", children: tituloDoDia(workDate) }),
+      /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ jsx(Users, { className: "h-3.5 w-3.5", "aria-hidden": true }),
+        " ",
+        pessoas,
+        " pessoa",
+        pessoas === 1 ? "" : "s"
+      ] }),
+      abertos > 0 && /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1 text-xs font-medium text-warning", children: [
+        /* @__PURE__ */ jsx(AlertTriangle, { className: "h-3.5 w-3.5", "aria-hidden": true }),
+        " ",
+        abertos,
+        " em aberto"
+      ] }),
+      revisar > 0 && /* @__PURE__ */ jsxs(
+        "span",
+        {
+          className: "flex items-center gap-1 text-xs font-medium text-destructive",
+          title: "Dias acima de 16h \u2014 sa\xEDda n\xE3o batida. Fora do total at\xE9 serem ajustados.",
+          children: [
+            /* @__PURE__ */ jsx(AlertTriangle, { className: "h-3.5 w-3.5", "aria-hidden": true }),
+            " ",
+            revisar,
+            " a revisar"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ jsx(Clock, { className: "h-3.5 w-3.5", "aria-hidden": true }),
+        " ",
+        hours(minutos)
+      ] }),
+      valor != null && valor > 0 && /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-success", children: formatCurrency(valor, currency) })
+    ] }),
+    /* @__PURE__ */ jsx(DataTable, { variant: "bare", columns, data: days, getRowId: (d) => `${d.personId}|${d.workDate}` })
+  ] });
+}
+function TimeEntriesView() {
+  const { currency, hourlyRate } = useWorkforceConfig();
+  const entries = useWorkforceStore((s) => s.entries);
+  const days = useWorkforceStore((s) => s.days);
+  const loading = useWorkforceStore((s) => s.timeLoading);
+  const fetchTime = useWorkforceStore((s) => s.fetchTime);
+  const [preset, setPreset] = React3.useState("last_7_days");
+  const [range, setRange] = React3.useState(() => resolveRangePreset("last_7_days"));
+  const from = range.from;
+  const to = range.to;
+  const [adjusting, setAdjusting] = React3.useState(null);
+  const [details, setDetails] = React3.useState(null);
+  React3.useEffect(() => {
+    void fetchTime(from, to);
+  }, [fetchTime, from, to]);
+  const temAberto = React3.useMemo(() => days.some((d) => d.isOpen), [days]);
+  const agora = useAgora(temAberto);
+  const entriesByPerson = React3.useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const e of entries) {
+      const key = `${e.personId}|${e.workDate}`;
+      const list = map.get(key) ?? [];
+      list.push(e);
+      map.set(key, list);
+    }
+    for (const list of map.values()) list.sort((a, b) => a.seq - b.seq);
+    return map;
+  }, [entries]);
+  const porDia = React3.useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const d of days) {
+      const list = map.get(d.workDate) ?? [];
+      list.push(d);
+      map.set(d.workDate, list);
+    }
+    for (const list of map.values()) {
+      list.sort((a, b) => (a.personName ?? "").localeCompare(b.personName ?? ""));
+    }
+    return [...map.entries()].sort(([a], [b]) => b.localeCompare(a));
+  }, [days]);
+  const DIAS_POR_PAGINA = 7;
+  const [pagina, setPagina] = React3.useState(0);
+  React3.useEffect(() => {
+    setPagina(0);
+  }, [from, to]);
+  const totalPaginas = Math.max(1, Math.ceil(porDia.length / DIAS_POR_PAGINA));
+  const paginaAtual = Math.min(pagina, totalPaginas - 1);
+  const diasVisiveis = React3.useMemo(
+    () => porDia.slice(paginaAtual * DIAS_POR_PAGINA, (paginaAtual + 1) * DIAS_POR_PAGINA),
+    [porDia, paginaAtual]
+  );
+  const entradasVisiveis = React3.useMemo(() => {
+    const chaves = /* @__PURE__ */ new Set();
+    for (const [, lista] of diasVisiveis) for (const d of lista) chaves.add(`${d.personId}|${d.workDate}`);
+    return entries.filter((e) => chaves.has(`${e.personId}|${e.workDate}`));
+  }, [diasVisiveis, entries]);
+  const fotos = useFotosDaPagina(entradasVisiveis);
+  const unitNames = React3.useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const d of days) if (d.unitId) map.set(d.unitId, d.unitName ?? "\u2014");
+    return map;
+  }, [days]);
+  const totais = React3.useMemo(() => {
+    const minutos = days.reduce((sum, d) => sum + (d.reviewReason ? 0 : d.workedMinutes ?? 0), 0);
+    return {
+      registros: days.length,
+      minutos,
+      abertos: days.filter((d) => d.isOpen).length,
+      revisar: days.filter((d) => d.reviewReason === "span_too_long").length,
+      valor: hourlyRate != null ? minutos / 60 * hourlyRate : null
+    };
+  }, [days, hourlyRate]);
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4 p-6", children: [
+    /* @__PURE__ */ jsx(
+      PageToolbar,
+      {
+        range: /* @__PURE__ */ jsx(
+          DateRangeControl,
+          {
+            value: range,
+            onChange: setRange,
+            preset,
+            onPresetChange: setPreset
+          }
+        ),
+        onRefresh: () => void fetchTime(from, to)
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold", children: "Resultados" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-4 text-sm text-muted-foreground", children: [
+        /* @__PURE__ */ jsxs("span", { children: [
+          totais.registros,
+          " registro(s)"
+        ] }),
+        /* @__PURE__ */ jsxs("span", { children: [
+          "Total: ",
+          /* @__PURE__ */ jsx("b", { className: "text-foreground", children: hours(totais.minutos) }),
+          (totais.abertos > 0 || totais.revisar > 0) && /* @__PURE__ */ jsxs("span", { className: "ml-1 text-xs", children: [
+            "(fora:",
+            " ",
+            [
+              totais.abertos > 0 ? `${totais.abertos} em aberto` : null,
+              totais.revisar > 0 ? `${totais.revisar} a revisar` : null
+            ].filter(Boolean).join(" \xB7 "),
+            ")"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("span", { children: [
+          "Valor: ",
+          /* @__PURE__ */ jsx("b", { className: "text-foreground", children: totais.valor != null ? formatCurrency(totais.valor, currency) : "\u2014" })
+        ] })
+      ] })
+    ] }),
+    hourlyRate == null && // Honestidade em vez de um número inventado: o SQL da jornada não guarda
+    // remuneração em lugar nenhum, então a coluna Valor só existe quando o
+    // app diz quanto vale a hora.
+    /* @__PURE__ */ jsxs("p", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ jsx(AlertTriangle, { className: "h-3.5 w-3.5", "aria-hidden": true }),
+      "O valor da hora n\xE3o est\xE1 configurado \u2014 informe ",
+      /* @__PURE__ */ jsx("code", { children: "hourlyRate" }),
+      " no plugin para ver a coluna Valor."
+    ] }),
+    loading ? /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-40 w-full" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-40 w-full" })
+    ] }) : porDia.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-dashed border-border p-8 text-center", children: [
+      /* @__PURE__ */ jsx(Clock, { className: "mx-auto mb-3 h-8 w-8 text-muted-foreground", "aria-hidden": true }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Nenhum registro no per\xEDodo." })
+    ] }) : /* @__PURE__ */ jsx(FotosContext.Provider, { value: fotos, children: /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+      diasVisiveis.map(([workDate, list]) => /* @__PURE__ */ jsx(
+        GrupoDoDia,
+        {
+          workDate,
+          days: list,
+          entriesByPerson,
+          unitNames,
+          agora,
+          onAdjust: setAdjusting,
+          onDetails: setDetails
+        },
+        workDate
+      )),
+      totalPaginas > 1 && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3 rounded-xl border border-border px-4 py-3 text-sm", children: [
+        /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+          "Dias ",
+          paginaAtual * DIAS_POR_PAGINA + 1,
+          "\u2013",
+          Math.min((paginaAtual + 1) * DIAS_POR_PAGINA, porDia.length),
+          " de ",
+          porDia.length
+        ] }),
+        /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              size: "sm",
+              variant: "outline",
+              disabled: paginaAtual === 0,
+              onClick: () => setPagina((n) => Math.max(0, n - 1)),
+              children: "Mais recentes"
+            }
+          ),
+          /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground tabular-nums", children: [
+            paginaAtual + 1,
+            " / ",
+            totalPaginas
+          ] }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              size: "sm",
+              variant: "outline",
+              disabled: paginaAtual >= totalPaginas - 1,
+              onClick: () => setPagina((n) => Math.min(totalPaginas - 1, n + 1)),
+              children: "Mais antigos"
+            }
+          )
+        ] })
+      ] })
+    ] }) }),
+    adjusting && /* @__PURE__ */ jsx(
+      AdjustDialog,
+      {
+        entry: adjusting,
+        onClose: () => setAdjusting(null),
+        onSaved: () => void fetchTime(from, to)
+      }
+    ),
+    details && /* @__PURE__ */ jsx(
+      DetalhesDoDia,
+      {
+        day: details,
+        entries: entriesByPerson.get(`${details.personId}|${details.workDate}`) ?? [],
+        onClose: () => setDetails(null)
+      }
+    )
+  ] });
+}
+function monthLabel(iso) {
+  return (/* @__PURE__ */ new Date(`${iso}T12:00:00`)).toLocaleDateString("pt-BR", { month: "long", year: "numeric" });
+}
+function lastMonths(count) {
+  const out = [];
+  const d = /* @__PURE__ */ new Date();
+  d.setDate(1);
+  for (let i = 0; i < count; i++) {
+    out.push(`${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, "0")}-01`);
+    d.setMonth(d.getMonth() - 1);
+  }
+  return out;
+}
+function PeriodsView() {
+  const provider = useWorkforceProvider();
+  const periods = useWorkforceStore((s) => s.periods);
+  const loading = useWorkforceStore((s) => s.periodsLoading);
+  const fetchPeriods = useWorkforceStore((s) => s.fetchPeriods);
+  const [dialog, setDialog] = React3.useState(null);
+  const [text, setText] = React3.useState("");
+  const [busy, setBusy] = React3.useState(false);
+  React3.useEffect(() => {
+    void fetchPeriods();
+  }, [fetchPeriods]);
+  const byMonth = React3.useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const p of periods) map.set(p.competenceMonth, p);
+    return map;
+  }, [periods]);
+  async function confirm() {
+    if (!dialog) return;
+    if (dialog.mode === "reopen" && !text.trim()) {
+      toast.error("O motivo da reabertura \xE9 obrigat\xF3rio.");
+      return;
+    }
+    setBusy(true);
+    try {
+      if (dialog.mode === "close") await provider.closePeriod(dialog.month, text.trim() || void 0);
+      else await provider.reopenPeriod(dialog.month, text.trim());
+      await fetchPeriods();
+      toast.success(dialog.mode === "close" ? "Compet\xEAncia fechada." : "Compet\xEAncia reaberta.");
+      setDialog(null);
+      setText("");
+    } catch (e) {
+      toast.error(e?.message ?? "N\xE3o foi poss\xEDvel concluir.");
+    } finally {
+      setBusy(false);
+    }
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4 p-6", children: [
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold", children: "Fechamento de compet\xEAncia" }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "M\xEAs fechado n\xE3o aceita batida nem ajuste com data dentro dele. A trava \xE9 do banco." })
+    ] }),
+    loading ? /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-14 w-full" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-14 w-full" })
+    ] }) : /* @__PURE__ */ jsx("div", { className: "divide-y divide-border rounded-xl border border-border", children: lastMonths(12).map((month) => {
+      const period = byMonth.get(month);
+      const closed = period?.status === "closed";
+      return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3 px-4 py-3", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsx(CalendarCheck, { className: "h-4 w-4 text-muted-foreground", "aria-hidden": true }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { className: "text-sm font-medium capitalize", children: monthLabel(month) }),
+            /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: closed ? `Fechada em ${period?.closedAt ? new Date(period.closedAt).toLocaleDateString("pt-BR") : "\u2014"}` : period?.reopenReason ? `Reaberta: ${period.reopenReason}` : "Aberta" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(Badge, { variant: closed ? "success" : "secondary", children: closed ? "Fechada" : "Aberta" }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              size: "sm",
+              variant: closed ? "ghost" : "secondary",
+              onClick: () => {
+                setText("");
+                setDialog({ month, mode: closed ? "reopen" : "close" });
+              },
+              children: closed ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(Unlock, { className: "mr-1 h-3.5 w-3.5", "aria-hidden": true }),
+                " Reabrir"
+              ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(Lock, { className: "mr-1 h-3.5 w-3.5", "aria-hidden": true }),
+                " Fechar"
+              ] })
+            }
+          )
+        ] })
+      ] }, month);
+    }) }),
+    dialog && /* @__PURE__ */ jsx(Modal, { open: true, onOpenChange: (o) => {
+      if (!o) setDialog(null);
+    }, children: /* @__PURE__ */ jsxs(ModalContent, { size: "sm", children: [
+      /* @__PURE__ */ jsx(ModalHeader, { children: /* @__PURE__ */ jsxs(ModalTitle, { children: [
+        dialog.mode === "close" ? "Fechar" : "Reabrir",
+        " ",
+        monthLabel(dialog.month)
+      ] }) }),
+      /* @__PURE__ */ jsx(ModalBody, { children: /* @__PURE__ */ jsx(
+        Input,
+        {
+          value: text,
+          onChange: (e) => setText(e.target.value),
+          placeholder: dialog.mode === "close" ? "Observa\xE7\xE3o (opcional)" : "Motivo da reabertura (obrigat\xF3rio)"
+        }
+      ) }),
+      /* @__PURE__ */ jsxs(ModalFooter, { children: [
+        /* @__PURE__ */ jsx(Button, { variant: "ghost", onClick: () => setDialog(null), children: "Cancelar" }),
+        /* @__PURE__ */ jsx(Button, { onClick: confirm, disabled: busy, children: "Confirmar" })
+      ] })
+    ] }) })
+  ] });
+}
+var KEY = "workforce.payroll_account_codes";
+function message(e) {
+  if (e instanceof Error) return e.message;
+  if (typeof e === "object" && e && "message" in e) return String(e.message);
+  return String(e);
+}
+function normalize(value) {
+  if (!Array.isArray(value)) return null;
+  const codes = value.map((v) => String(v).trim()).filter(Boolean);
+  return codes.length ? codes : null;
+}
+function usePayrollAccounts() {
+  const client = React3.useMemo(() => getSupabaseClientOptional(), []);
+  const supported = !!client;
+  const [codes, setCodes] = React3.useState(null);
+  const [loading, setLoading] = React3.useState(supported);
+  const [saving, setSaving] = React3.useState(false);
+  const [error, setError] = React3.useState(null);
+  React3.useEffect(() => {
+    if (!client) return;
+    let cancelled = false;
+    setLoading(true);
+    void client.rpc("tenant_settings").then(({ data, error: e }) => {
+      if (cancelled || e) return;
+      setCodes(normalize((data ?? {})[KEY]));
+    }).catch(() => {
+    }).finally(() => {
+      if (!cancelled) setLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [client]);
+  const save = React3.useCallback(async (next) => {
+    const value = next && next.length ? next : null;
+    setCodes(value);
+    if (!client) return;
+    setError(null);
+    setSaving(true);
+    try {
+      const { error: e } = await client.rpc("tenant_setting_set", { p_key: KEY, p_value: value });
+      if (e) throw e;
+    } catch (e) {
+      setError(message(e));
+    } finally {
+      setSaving(false);
+    }
+  }, [client]);
+  return { codes, save, loading, saving, error, supported };
+}
+function noEscopo(code, escopo) {
+  if (!escopo) return true;
+  return escopo.some((c) => code === c || code.startsWith(`${c}.`));
+}
+function cobertoPorAncestral(code, escopo) {
+  return escopo.some((c) => c !== code && code.startsWith(`${c}.`));
+}
+function mesesEntre(de, ate) {
+  const out = [];
+  const fim = /* @__PURE__ */ new Date(`${ate.slice(0, 10)}T12:00:00`);
+  const cursor = /* @__PURE__ */ new Date(`${de.slice(0, 7)}-01T12:00:00`);
+  while (cursor <= fim && out.length < 120) {
+    out.push(`${cursor.getFullYear()}-${String(cursor.getMonth() + 1).padStart(2, "0")}-01`);
+    cursor.setMonth(cursor.getMonth() + 1);
+  }
+  return out;
+}
+var MESES = ["jan", "fev", "mar", "abr", "mai", "jun", "jul", "ago", "set", "out", "nov", "dez"];
+function monthLabel2(iso) {
+  const [ano, mes] = iso.slice(0, 7).split("-");
+  return `${MESES[Number(mes) - 1] ?? mes}/${ano.slice(2)}`;
+}
+var DEF = {
+  codeKey: "statement_code",
+  labelKey: "statement_name",
+  periodKey: "competence_month",
+  valueKey: "amount",
+  sectionKey: "direction",
+  sections: [
+    {
+      value: "payable",
+      label: "Despesas",
+      // A linha sem conta é uma linha de verdade. Escondê-la faria a soma da
+      // árvore não fechar com o total do rodapé.
+      unclassifiedLabel: "Sem classifica\xE7\xE3o"
+    }
+  ],
+  lines: [
+    { kind: "section", section: "payable" },
+    { kind: "total", label: "TOTAL NO PER\xCDODO", of: { payable: 1 }, emphasis: "rule" }
+  ],
+  defaultDepth: 1
+};
+function PayrollCostsView() {
+  const provider = useWorkforceProvider();
+  const { currency } = useWorkforceConfig();
+  const can = usePermissionOptional();
+  const podeConfigurar = can("settings", "manage");
+  const escopoStore = usePayrollAccounts();
+  const [preset, setPreset] = React3.useState("this_month");
+  const [range, setRange] = React3.useState(() => resolveRangePreset("this_month"));
+  const from = range.from;
+  const to = range.to;
+  const [rows, setRows] = React3.useState(null);
+  const [unavailable, setUnavailable] = React3.useState(false);
+  const [loading, setLoading] = React3.useState(true);
+  const [recarga, setRecarga] = React3.useState(0);
+  React3.useEffect(() => {
+    let cancelled = false;
+    setLoading(true);
+    const load = provider.getPayrollCosts;
+    if (!load) {
+      setUnavailable(true);
+      setLoading(false);
+      return;
+    }
+    load({ from, to }).then((r) => {
+      if (cancelled) return;
+      setRows(r);
+      setUnavailable(false);
+    }).catch(() => {
+      if (!cancelled) setUnavailable(true);
+    }).finally(() => {
+      if (!cancelled) setLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [provider, from, to, recarga]);
+  const escopo = escopoStore.codes;
+  const despesas = React3.useMemo(
+    () => (rows ?? []).filter((r) => r.competenceMonth === null && r.chartAccountCode).map((r) => ({ code: r.chartAccountCode, name: r.chartAccountName })).sort((a, b) => compareCodes(a.code, b.code)),
+    [rows]
+  );
+  const movimento = React3.useMemo(
+    () => (rows ?? []).filter((r) => r.competenceMonth !== null && (r.chartAccountCode ? noEscopo(r.chartAccountCode, escopo) : !escopo)),
+    [rows, escopo]
+  );
+  const analyticsRows = React3.useMemo(() => {
+    const out = [];
+    for (const a of despesas) {
+      if (!noEscopo(a.code, escopo)) continue;
+      out.push({
+        direction: "payable",
+        statement_code: a.code,
+        statement_name: a.name,
+        competence_month: null,
+        amount: 0
+      });
+    }
+    for (const r of movimento) {
+      out.push({
+        direction: "payable",
+        statement_code: r.chartAccountCode ?? "",
+        statement_name: r.chartAccountName,
+        competence_month: r.competenceMonth,
+        amount: r.total
+      });
+    }
+    return out;
+  }, [despesas, movimento, escopo]);
+  const total = movimento.reduce((s, r) => s + r.total, 0);
+  const meses = new Set(movimento.map((r) => r.competenceMonth)).size;
+  const competencia = React3.useMemo(() => {
+    const ms = mesesEntre(from, to);
+    if (ms.length === 0) return null;
+    return ms.length === 1 ? monthLabel2(ms[0]) : `${monthLabel2(ms[0])} a ${monthLabel2(ms[ms.length - 1])}`;
+  }, [from, to]);
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4 p-6", children: [
+    /* @__PURE__ */ jsx(
+      PageToolbar,
+      {
+        range: /* @__PURE__ */ jsx(DateRangeControl, { value: range, onChange: setRange, preset, onPresetChange: setPreset }),
+        onRefresh: () => setRecarga((n) => n + 1)
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-end justify-between gap-3", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold", children: "Encargos e honor\xE1rios" }),
+        /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "O custo de pessoal como o Financeiro o registrou, na \xE1rvore do plano de contas. Esta tela s\xF3 l\xEA \u2014 o lan\xE7amento continua sendo l\xE1." }),
+        competencia ? /* @__PURE__ */ jsxs("p", { className: "mt-0.5 text-xs text-muted-foreground", children: [
+          "Compet\xEAncia ",
+          /* @__PURE__ */ jsx("span", { className: "font-medium", children: competencia }),
+          " \u2014 o demonstrativo \xE9 mensal, e o per\xEDodo escolhido vira meses inteiros."
+        ] }) : null
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        unavailable ? null : /* @__PURE__ */ jsx(
+          EscopoPopover,
+          {
+            contas: despesas,
+            escopo,
+            podeConfigurar,
+            store: escopoStore
+          }
+        ),
+        /* @__PURE__ */ jsxs(Button, { variant: "secondary", onClick: () => adminNavigateTo("/financial"), children: [
+          /* @__PURE__ */ jsx(ExternalLink, { className: "mr-1 h-4 w-4", "aria-hidden": true }),
+          " Abrir Financeiro"
+        ] })
+      ] })
+    ] }),
+    unavailable ? /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-dashed border-border p-8 text-center", children: [
+      /* @__PURE__ */ jsx(HandCoins, { className: "mx-auto mb-3 h-8 w-8 text-muted-foreground", "aria-hidden": true }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "O raz\xE3o do Financeiro n\xE3o est\xE1 dispon\xEDvel neste ambiente \u2014 instale o m\xF3dulo Financeiro para ver o custo de pessoal aqui." })
+    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      !escopoStore.loading && !escopo ? /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3 rounded-xl border border-warning/40 bg-warning/5 p-4", children: [
+        /* @__PURE__ */ jsx(AlertTriangle, { className: "mt-0.5 h-4 w-4 shrink-0 text-warning", "aria-hidden": true }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-1 text-sm", children: [
+          /* @__PURE__ */ jsx("p", { className: "font-medium", children: "Nenhum ramo de pessoal escolhido." }),
+          /* @__PURE__ */ jsxs("p", { className: "text-muted-foreground", children: [
+            "O demonstrativo abaixo soma ",
+            /* @__PURE__ */ jsx("strong", { children: "todas" }),
+            " as despesas classificadas em conta cont\xE1bil \u2014 inclusive aluguel, imposto e equipamento. Escolha em",
+            " ",
+            /* @__PURE__ */ jsx("span", { className: "whitespace-nowrap font-medium", children: "Contas de pessoal" }),
+            " os ramos do seu plano que s\xE3o gente, e o total passa a valer como custo de equipe."
+          ] })
+        ] })
+      ] }) : null,
+      /* @__PURE__ */ jsx(
+        StatTiles,
+        {
+          loading,
+          tiles: [
+            { id: "total", label: "Total no per\xEDodo", value: formatCurrency(total, currency) },
+            { id: "months", label: "Compet\xEAncias", value: String(meses) },
+            {
+              id: "avg",
+              label: "M\xE9dia mensal",
+              value: meses > 0 ? formatCurrency(total / meses, currency) : formatCurrency(0, currency)
+            }
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        StatementTable,
+        {
+          rows: analyticsRows,
+          def: DEF,
+          currency,
+          formatPeriod: monthLabel2,
+          accountLabel: "Conta",
+          totalLabel: "Per\xEDodo",
+          emptyMessage: "Nenhuma despesa classificada em conta cont\xE1bil no per\xEDodo.",
+          loading
+        }
+      )
+    ] })
+  ] });
+}
+function EscopoPopover({
+  contas,
+  escopo,
+  podeConfigurar,
+  store
+}) {
+  const marcados = React3.useMemo(() => new Set(escopo ?? []), [escopo]);
+  const alterna = (code) => {
+    const next = new Set(marcados);
+    if (next.has(code)) next.delete(code);
+    else {
+      for (const c of [...next]) if (c.startsWith(`${code}.`)) next.delete(c);
+      next.add(code);
+    }
+    void store.save([...next].sort(compareCodes));
+  };
+  const rotulo = escopo ? `${escopo.length} ${escopo.length === 1 ? "ramo" : "ramos"} de pessoal` : "Contas de pessoal";
+  return /* @__PURE__ */ jsxs(Popover, { children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: escopo ? "secondary" : "default", children: [
+      /* @__PURE__ */ jsx(ListTree, { className: "mr-1 h-4 w-4", "aria-hidden": true }),
+      " ",
+      rotulo
+    ] }) }),
+    /* @__PURE__ */ jsxs(PopoverContent, { align: "end", className: "w-[26rem] p-0", children: [
+      /* @__PURE__ */ jsxs("div", { className: "border-b p-3", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: "O que \xE9 custo de pessoal" }),
+        /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: "Marque os ramos do seu plano de contas. Um ramo marcado traz toda a descend\xEAncia \u2014 inclusive contas criadas depois." })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "max-h-80 overflow-y-auto py-1", children: contas.length === 0 ? /* @__PURE__ */ jsx("p", { className: "p-3 text-xs text-muted-foreground", children: "Nenhuma conta de despesa ativa no plano." }) : contas.map((c) => {
+        const depth = c.code.split(".").length - 1;
+        const herdado = cobertoPorAncestral(c.code, [...marcados]);
+        const checked = marcados.has(c.code) || herdado;
+        return /* @__PURE__ */ jsxs(
+          "label",
+          {
+            className: "flex cursor-pointer items-center gap-2 px-3 py-1.5 text-sm hover:bg-muted/50",
+            style: { paddingLeft: `${12 + depth * 14}px` },
+            children: [
+              /* @__PURE__ */ jsx(
+                Checkbox,
+                {
+                  checked,
+                  disabled: !podeConfigurar || store.saving || herdado,
+                  onChange: () => alterna(c.code)
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { className: "w-16 shrink-0 font-mono text-xs text-muted-foreground", children: c.code }),
+              /* @__PURE__ */ jsx("span", { className: "truncate", children: c.name })
+            ]
+          },
+          c.code
+        );
+      }) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 border-t p-3", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: !podeConfigurar ? "S\xF3 quem tem settings.manage pode mudar isto." : store.error ? store.error : store.saving ? "Salvando\u2026" : "Salva sozinho, para toda a casa." }),
+        escopo && podeConfigurar ? /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: () => void store.save(null), children: "Limpar" }) : null
+      ] })
+    ] })
+  ] });
+}
+var CONTRATO = {
+  clt: "CLT",
+  pj: "PJ",
+  estagio: "Est\xE1gio",
+  jovem_aprendiz: "Jovem Aprendiz",
+  autonomo: "Aut\xF4nomo",
+  socio: "S\xF3cio",
+  temporario: "Tempor\xE1rio",
+  intermitente: "Intermitente"
+};
+var REGIME = {
+  mensalista: "Mensalista",
+  horista: "Horista",
+  diarista: "Diarista",
+  escala_12x36: "Escala 12x36",
+  escala_6x1: "Escala 6x1",
+  escala_5x2: "Escala 5x2"
+};
+var PAGAMENTO = {
+  mensal: "Mensal",
+  quinzenal: "Quinzenal",
+  semanal: "Semanal",
+  diario: "Di\xE1rio",
+  por_hora: "Por hora"
+};
+var FERIAS = {
+  pendente: "Pendente",
+  programada: "Programada",
+  em_gozo: "Em gozo",
+  concluida: "Conclu\xEDda",
+  vencida: "Vencida"
+};
+var AFASTAMENTO = {
+  falta_justificada: "Falta justificada",
+  falta_injustificada: "Falta injustificada",
+  atestado: "Atestado m\xE9dico",
+  licenca_maternidade: "Licen\xE7a maternidade",
+  licenca_paternidade: "Licen\xE7a paternidade",
+  licenca_nao_remunerada: "Licen\xE7a n\xE3o remunerada",
+  suspensao: "Suspens\xE3o",
+  ferias: "F\xE9rias",
+  afastamento_inss: "Afastamento INSS"
+};
+var PRIORIDADE = {
+  baixa: "Baixa",
+  normal: "Normal",
+  alta: "Alta",
+  urgente: "Urgente"
+};
+function dm(iso) {
+  if (!iso) return "\u2014";
+  const [a, m, d] = iso.slice(0, 10).split("-");
+  return `${d}/${m}/${a}`;
+}
+function Cartao({ icon: Icon, label, value, alerta }) {
+  return /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-border p-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ jsx(Icon, { className: "h-3.5 w-3.5", "aria-hidden": true }),
+      " ",
+      label
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: `mt-1 text-2xl font-semibold tabular-nums ${alerta ? "text-destructive" : ""}`, children: value })
+  ] });
+}
+function Painel({ overview, upcoming, onPessoa }) {
+  const turnover = overview.headcount > 0 ? (overview.dismissals30d / overview.headcount * 100).toFixed(1) : null;
+  const porEspecie = (k) => upcoming.filter((u) => u.kind === k).slice(0, 10);
+  const listas = [
+    { kind: "vacation", titulo: "F\xE9rias a vencer", vazio: "Nenhuma." },
+    { kind: "probation", titulo: "Experi\xEAncia vencendo", vazio: "Nenhuma." },
+    { kind: "pending", titulo: "Pend\xEAncias cr\xEDticas", vazio: "Nenhuma." }
+  ];
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "grid gap-3 sm:grid-cols-2 lg:grid-cols-4", children: [
+      /* @__PURE__ */ jsx(Cartao, { icon: Users, label: "Headcount ativo", value: overview.headcount }),
+      /* @__PURE__ */ jsx(Cartao, { icon: UserPlus, label: "Admiss\xF5es (30d)", value: overview.admissions30d }),
+      /* @__PURE__ */ jsx(Cartao, { icon: UserMinus, label: "Demiss\xF5es (30d)", value: overview.dismissals30d }),
+      /* @__PURE__ */ jsx(Cartao, { icon: AlertTriangle, label: "Turnover (30d)", value: turnover != null ? `${turnover}%` : "\u2014" }),
+      /* @__PURE__ */ jsx(Cartao, { icon: CakeSlice, label: "Aniversariantes do m\xEAs", value: overview.birthdaysThisMonth }),
+      /* @__PURE__ */ jsx(
+        Cartao,
+        {
+          icon: Plane,
+          label: "F\xE9rias vencendo (60d)",
+          value: overview.vacationsDue60d,
+          alerta: overview.vacationsDue60d > 0
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Cartao,
+        {
+          icon: CalendarClock,
+          label: "Experi\xEAncia vencendo",
+          value: overview.probationEnding,
+          alerta: overview.probationEnding > 0
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Cartao,
+        {
+          icon: ShieldAlert,
+          label: "Pend\xEAncias cr\xEDticas",
+          value: overview.criticalPending,
+          alerta: overview.criticalPending > 0
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "grid gap-3 lg:grid-cols-3", children: listas.map(({ kind, titulo, vazio }) => {
+      const itens = porEspecie(kind);
+      return /* @__PURE__ */ jsxs("div", { className: "overflow-hidden rounded-xl border border-border", children: [
+        /* @__PURE__ */ jsx("div", { className: "border-b border-border bg-muted/40 px-4 py-2 text-sm font-medium", children: titulo }),
+        itens.length === 0 ? /* @__PURE__ */ jsx("p", { className: "px-4 py-3 text-sm text-muted-foreground", children: vazio }) : /* @__PURE__ */ jsx("ul", { className: "divide-y divide-border", children: itens.map((u, i) => /* @__PURE__ */ jsxs("li", { className: "flex items-center justify-between gap-2 px-4 py-2 text-sm", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "bare",
+              size: "bare",
+              type: "button",
+              onClick: () => onPessoa(u.personId),
+              className: "truncate text-left underline decoration-dashed decoration-muted-foreground/40 underline-offset-2 hover:text-primary block font-normal",
+              children: u.personName ?? "Sem nome"
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xs tabular-nums text-muted-foreground", children: dm(u.dueOn) })
+        ] }, `${u.personId}|${u.dueOn}|${i}`)) })
+      ] }, kind);
+    }) })
+  ] });
+}
+function CampoData({ label, value, onChange }) {
+  return /* @__PURE__ */ jsxs("label", { className: "block", children: [
+    /* @__PURE__ */ jsx("span", { className: "mb-1 block text-xs text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsx(Input, { type: "date", value: value ?? "", onChange: (e) => onChange(e.target.value) })
+  ] });
+}
+function Vinculo({ personId }) {
+  const provider = useWorkforceProvider();
+  const { currency } = useWorkforceConfig();
+  const [form, setForm] = React3.useState({ personId });
+  const [busy, setBusy] = React3.useState(false);
+  const [carregando, setCarregando] = React3.useState(true);
+  React3.useEffect(() => {
+    let vivo = true;
+    setCarregando(true);
+    provider.getEmployment(personId).then((e) => {
+      if (vivo) {
+        setForm(e ?? { personId });
+        setCarregando(false);
+      }
+    }).catch(() => {
+      if (vivo) {
+        setForm({ personId });
+        setCarregando(false);
+      }
+    });
+    return () => {
+      vivo = false;
+    };
+  }, [provider, personId]);
+  const set = (k, v) => setForm((f) => ({ ...f, [k]: v }));
+  async function salvar() {
+    setBusy(true);
+    try {
+      await provider.saveEmployment({ ...form, personId });
+      toast.success("V\xEDnculo salvo.");
+    } catch (e) {
+      toast.error("N\xE3o deu para salvar", { description: e?.message });
+    } finally {
+      setBusy(false);
+    }
+  }
+  if (carregando) return /* @__PURE__ */ jsx(Skeleton, { className: "h-48 w-full" });
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-3 rounded-xl border border-border p-4", children: [
+    /* @__PURE__ */ jsx("h4", { className: "text-sm font-semibold", children: "V\xEDnculo" }),
+    /* @__PURE__ */ jsxs("div", { className: "grid gap-3 sm:grid-cols-2 lg:grid-cols-4", children: [
+      /* @__PURE__ */ jsxs("label", { className: "block", children: [
+        /* @__PURE__ */ jsx("span", { className: "mb-1 block text-xs text-muted-foreground", children: "Tipo de contrato" }),
+        /* @__PURE__ */ jsxs(Select, { value: form.contractKind ?? "", onValueChange: (v) => set("contractKind", v), children: [
+          /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "\u2014" }) }),
+          /* @__PURE__ */ jsx(SelectContent, { children: Object.entries(CONTRATO).map(([k, r]) => /* @__PURE__ */ jsx(SelectItem, { value: k, children: r }, k)) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(CampoData, { label: "Admiss\xE3o", value: form.admissionDate, onChange: (v) => set("admissionDate", v) }),
+      /* @__PURE__ */ jsx(CampoData, { label: "Demiss\xE3o", value: form.dismissalDate, onChange: (v) => set("dismissalDate", v) }),
+      /* @__PURE__ */ jsx(CampoData, { label: "Fim da experi\xEAncia", value: form.probationFinalEnd, onChange: (v) => set("probationFinalEnd", v) }),
+      /* @__PURE__ */ jsxs("label", { className: "block", children: [
+        /* @__PURE__ */ jsx("span", { className: "mb-1 block text-xs text-muted-foreground", children: "Cargo" }),
+        /* @__PURE__ */ jsx(Input, { value: form.jobTitle ?? "", onChange: (e) => set("jobTitle", e.target.value) })
+      ] }),
+      /* @__PURE__ */ jsxs("label", { className: "block", children: [
+        /* @__PURE__ */ jsx("span", { className: "mb-1 block text-xs text-muted-foreground", children: "Setor" }),
+        /* @__PURE__ */ jsx(Input, { value: form.department ?? "", onChange: (e) => set("department", e.target.value) })
+      ] }),
+      /* @__PURE__ */ jsxs("label", { className: "block", children: [
+        /* @__PURE__ */ jsx("span", { className: "mb-1 block text-xs text-muted-foreground", children: "Regime de jornada" }),
+        /* @__PURE__ */ jsxs(Select, { value: form.scheduleRegime ?? "", onValueChange: (v) => set("scheduleRegime", v), children: [
+          /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "\u2014" }) }),
+          /* @__PURE__ */ jsx(SelectContent, { children: Object.entries(REGIME).map(([k, r]) => /* @__PURE__ */ jsx(SelectItem, { value: k, children: r }, k)) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("label", { className: "block", children: [
+        /* @__PURE__ */ jsx("span", { className: "mb-1 block text-xs text-muted-foreground", children: "Horas semanais" }),
+        /* @__PURE__ */ jsx(Input, { type: "number", value: form.weeklyHours ?? "", onChange: (e) => set("weeklyHours", e.target.value ? Number(e.target.value) : null) })
+      ] }),
+      /* @__PURE__ */ jsxs("label", { className: "block", children: [
+        /* @__PURE__ */ jsxs("span", { className: "mb-1 block text-xs text-muted-foreground", children: [
+          "Sal\xE1rio base (",
+          currency.symbol,
+          ")"
+        ] }),
+        /* @__PURE__ */ jsx(Input, { type: "number", step: "0.01", value: form.baseSalary ?? "", onChange: (e) => set("baseSalary", e.target.value ? Number(e.target.value) : null) })
+      ] }),
+      /* @__PURE__ */ jsxs("label", { className: "block", children: [
+        /* @__PURE__ */ jsx("span", { className: "mb-1 block text-xs text-muted-foreground", children: "Forma de pagamento" }),
+        /* @__PURE__ */ jsxs(Select, { value: form.payFrequency ?? "", onValueChange: (v) => set("payFrequency", v), children: [
+          /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "\u2014" }) }),
+          /* @__PURE__ */ jsx(SelectContent, { children: Object.entries(PAGAMENTO).map(([k, r]) => /* @__PURE__ */ jsx(SelectItem, { value: k, children: r }, k)) })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+      "Sal\xE1rio e aux\xEDlios s\xE3o ",
+      /* @__PURE__ */ jsx("b", { children: "valores de refer\xEAncia" }),
+      ": n\xE3o viram conta a pagar, comiss\xE3o nem desconto."
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx(Button, { onClick: salvar, disabled: busy, children: "Salvar v\xEDnculo" }) })
+  ] });
+}
+function Lista({ titulo, icon: Icon, itens, vazio, onNovo, children }) {
+  return /* @__PURE__ */ jsxs("div", { className: "overflow-hidden rounded-xl border border-border", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 border-b border-border bg-muted/40 px-4 py-2", children: [
+      /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2 text-sm font-medium", children: [
+        /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4 text-muted-foreground", "aria-hidden": true }),
+        " ",
+        titulo
+      ] }),
+      /* @__PURE__ */ jsxs(Button, { size: "sm", variant: "outline", onClick: onNovo, children: [
+        /* @__PURE__ */ jsx(Plus, { className: "mr-1 h-3.5 w-3.5", "aria-hidden": true }),
+        " Novo"
+      ] })
+    ] }),
+    itens.length === 0 ? /* @__PURE__ */ jsx("p", { className: "px-4 py-3 text-sm text-muted-foreground", children: vazio }) : /* @__PURE__ */ jsx("ul", { className: "divide-y divide-border", children })
+  ] });
+}
+function Ficha({ personId, personName }) {
+  const provider = useWorkforceProvider();
+  const [ferias, setFerias] = React3.useState([]);
+  const [faltas, setFaltas] = React3.useState([]);
+  const [pendencias, setPendencias] = React3.useState([]);
+  const [dialogo, setDialogo] = React3.useState(null);
+  const recarregar = React3.useCallback(() => {
+    provider.getVacations(personId).then(setFerias).catch(() => setFerias([]));
+    provider.getAbsences(personId).then(setFaltas).catch(() => setFaltas([]));
+    provider.getPendingItems(personId).then(setPendencias).catch(() => setPendencias([]));
+  }, [provider, personId]);
+  React3.useEffect(() => {
+    recarregar();
+  }, [recarregar]);
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsx("h3", { className: "text-base font-semibold", children: personName ?? "Ficha" }),
+    /* @__PURE__ */ jsx(Vinculo, { personId }),
+    /* @__PURE__ */ jsxs("div", { className: "grid gap-3 lg:grid-cols-3", children: [
+      /* @__PURE__ */ jsx(
+        Lista,
+        {
+          titulo: "F\xE9rias",
+          icon: Plane,
+          itens: ferias,
+          vazio: "Nenhum registro.",
+          onNovo: () => setDialogo("ferias"),
+          children: ferias.map((v) => /* @__PURE__ */ jsxs("li", { className: "flex items-center justify-between gap-2 px-4 py-2 text-sm", children: [
+            /* @__PURE__ */ jsxs("span", { className: "truncate", children: [
+              dm(v.accrualStart),
+              " \u2013 ",
+              dm(v.accrualEnd)
+            ] }),
+            /* @__PURE__ */ jsx(Badge, { variant: v.status === "concluida" ? "secondary" : v.status === "vencida" ? "destructive" : "outline", children: FERIAS[v.status] })
+          ] }, v.id))
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Lista,
+        {
+          titulo: "Afastamentos",
+          icon: Stethoscope,
+          itens: faltas,
+          vazio: "Nenhum registro.",
+          onNovo: () => setDialogo("falta"),
+          children: faltas.map((a) => /* @__PURE__ */ jsxs("li", { className: "flex items-center justify-between gap-2 px-4 py-2 text-sm", children: [
+            /* @__PURE__ */ jsx("span", { className: "truncate", children: AFASTAMENTO[a.kind] }),
+            /* @__PURE__ */ jsxs("span", { className: "shrink-0 text-xs tabular-nums text-muted-foreground", children: [
+              dm(a.startsOn),
+              a.endsOn ? ` \u2013 ${dm(a.endsOn)}` : ""
+            ] })
+          ] }, a.id))
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Lista,
+        {
+          titulo: "Pend\xEAncias",
+          icon: ClipboardList,
+          itens: pendencias,
+          vazio: "Nenhum registro.",
+          onNovo: () => setDialogo("pendencia"),
+          children: pendencias.map((p) => /* @__PURE__ */ jsxs("li", { className: "flex items-center justify-between gap-2 px-4 py-2 text-sm", children: [
+            /* @__PURE__ */ jsxs("label", { className: "flex min-w-0 items-center gap-2", children: [
+              /* @__PURE__ */ jsx(
+                Checkbox,
+                {
+                  checked: !!p.resolvedAt,
+                  onChange: (checked) => void provider.resolvePendingItem(p.id, checked).then(recarregar)
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { className: `truncate ${p.resolvedAt ? "text-muted-foreground line-through" : ""}`, children: p.title })
+            ] }),
+            !p.resolvedAt && (p.priority === "alta" || p.priority === "urgente") && /* @__PURE__ */ jsx(Badge, { variant: "destructive", children: PRIORIDADE[p.priority] })
+          ] }, p.id))
+        }
+      )
+    ] }),
+    dialogo && /* @__PURE__ */ jsx(
+      DialogoLancamento,
+      {
+        tipo: dialogo,
+        personId,
+        onClose: () => setDialogo(null),
+        onSaved: () => {
+          setDialogo(null);
+          recarregar();
+        }
+      }
+    )
+  ] });
+}
+function DialogoLancamento({ tipo, personId, onClose, onSaved }) {
+  const provider = useWorkforceProvider();
+  const [busy, setBusy] = React3.useState(false);
+  const [de, setDe] = React3.useState("");
+  const [ate, setAte] = React3.useState("");
+  const [kind, setKind] = React3.useState("atestado");
+  const [titulo, setTitulo] = React3.useState("");
+  const [prioridade, setPrioridade] = React3.useState("normal");
+  const rotulo = tipo === "ferias" ? "Per\xEDodo de f\xE9rias" : tipo === "falta" ? "Afastamento" : "Pend\xEAncia";
+  async function salvar() {
+    setBusy(true);
+    try {
+      if (tipo === "ferias") {
+        if (!de || !ate) {
+          toast.error("O per\xEDodo aquisitivo \xE9 obrigat\xF3rio.");
+          return;
+        }
+        await provider.saveVacation({ personId, accrualStart: de, accrualEnd: ate, status: "pendente" });
+      } else if (tipo === "falta") {
+        if (!de) {
+          toast.error("A data de in\xEDcio \xE9 obrigat\xF3ria.");
+          return;
+        }
+        await provider.saveAbsence({ personId, kind, startsOn: de, endsOn: ate || null, paid: true });
+      } else {
+        if (!titulo.trim()) {
+          toast.error("A pend\xEAncia precisa de um t\xEDtulo.");
+          return;
+        }
+        await provider.savePendingItem({ personId, title: titulo.trim(), priority: prioridade, dueOn: de || null });
+      }
+      toast.success(`${rotulo} lan\xE7ado.`);
+      onSaved();
+    } catch (e) {
+      toast.error("N\xE3o deu para salvar", { description: e?.message });
+    } finally {
+      setBusy(false);
+    }
+  }
+  return /* @__PURE__ */ jsx(Modal, { open: true, onOpenChange: (o) => {
+    if (!o) onClose();
+  }, children: /* @__PURE__ */ jsxs(ModalContent, { children: [
+    /* @__PURE__ */ jsx(ModalHeader, { children: /* @__PURE__ */ jsxs(ModalTitle, { children: [
+      "Novo ",
+      rotulo.toLowerCase()
+    ] }) }),
+    /* @__PURE__ */ jsxs(ModalBody, { className: "space-y-3", children: [
+      tipo === "falta" && /* @__PURE__ */ jsxs(Select, { value: kind, onValueChange: (v) => setKind(v), children: [
+        /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+        /* @__PURE__ */ jsx(SelectContent, { children: Object.entries(AFASTAMENTO).map(([k, r]) => /* @__PURE__ */ jsx(SelectItem, { value: k, children: r }, k)) })
+      ] }),
+      tipo === "pendencia" && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Input, { value: titulo, onChange: (e) => setTitulo(e.target.value), placeholder: "O que falta (obrigat\xF3rio)" }),
+        /* @__PURE__ */ jsxs(Select, { value: prioridade, onValueChange: (v) => setPrioridade(v), children: [
+          /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+          /* @__PURE__ */ jsx(SelectContent, { children: Object.entries(PRIORIDADE).map(([k, r]) => /* @__PURE__ */ jsx(SelectItem, { value: k, children: r }, k)) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(
+        CampoData,
+        {
+          label: tipo === "ferias" ? "In\xEDcio aquisitivo" : tipo === "falta" ? "In\xEDcio" : "Prazo",
+          value: de,
+          onChange: setDe
+        }
+      ),
+      tipo !== "pendencia" && /* @__PURE__ */ jsx(CampoData, { label: tipo === "ferias" ? "Fim aquisitivo" : "Fim", value: ate, onChange: setAte })
+    ] }),
+    /* @__PURE__ */ jsxs(ModalFooter, { children: [
+      /* @__PURE__ */ jsx(Button, { variant: "ghost", onClick: onClose, children: "Cancelar" }),
+      /* @__PURE__ */ jsx(Button, { onClick: salvar, disabled: busy, children: "Salvar" })
+    ] })
+  ] }) });
+}
+function HrView() {
+  const provider = useWorkforceProvider();
+  const { staffLookup } = useWorkforceConfig();
+  const [overview, setOverview] = React3.useState(null);
+  const [upcoming, setUpcoming] = React3.useState([]);
+  const [equipe, setEquipe] = React3.useState([]);
+  const [loading, setLoading] = React3.useState(true);
+  const [pessoa, setPessoa] = React3.useState(null);
+  React3.useEffect(() => {
+    let vivo = true;
+    Promise.all([provider.getHrOverview(), provider.getHrUpcoming(), provider.getStaff()]).then(([o, u, e]) => {
+      if (vivo) {
+        setOverview(o);
+        setUpcoming(u);
+        setEquipe(e);
+        setLoading(false);
+      }
+    }).catch(() => {
+      if (vivo) {
+        setOverview(null);
+        setUpcoming([]);
+        setEquipe([]);
+        setLoading(false);
+      }
+    });
+    return () => {
+      vivo = false;
+    };
+  }, [provider]);
+  const nomeDe = React3.useCallback(
+    (id) => upcoming.find((u) => u.personId === id)?.personName ?? null,
+    [upcoming]
+  );
+  if (loading) return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsx(Skeleton, { className: "h-28 w-full" }),
+    /* @__PURE__ */ jsx(Skeleton, { className: "h-40 w-full" })
+  ] });
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: "Abrir a ficha de" }),
+      /* @__PURE__ */ jsxs(Select, { value: pessoa?.id ?? "", onValueChange: (id) => {
+        const p = equipe.find((x) => x.id === id);
+        setPessoa({ id, name: p?.name ?? nomeDe(id) });
+      }, children: [
+        /* @__PURE__ */ jsx(SelectTrigger, { className: "w-72", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: equipe.length ? "Escolha algu\xE9m da equipe\u2026" : "Nenhuma pessoa cadastrada" }) }),
+        /* @__PURE__ */ jsx(SelectContent, { children: equipe.map((p) => /* @__PURE__ */ jsx(SelectItem, { value: p.id, children: p.name ?? "Sem nome" }, p.id)) })
+      ] })
+    ] }),
+    overview ? /* @__PURE__ */ jsx(Painel, { overview, upcoming, onPessoa: (id) => setPessoa({ id, name: nomeDe(id) }) }) : (
+      // `null` aqui não é erro: `v_workforce_hr_overview` agrupa por tenant e
+      // só devolve linha quando existe ao menos um VÍNCULO. Ninguém com
+      // vínculo = nada para agrupar. Dizer "nenhuma ficha ainda" é a leitura
+      // certa; um painel de zeros diria que o time tem zero pessoas.
+      /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-dashed border-border p-8 text-center", children: [
+        /* @__PURE__ */ jsx(Users, { className: "mx-auto mb-3 h-8 w-8 text-muted-foreground", "aria-hidden": true }),
+        /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Nenhuma ficha trabalhista ainda. Escolha algu\xE9m acima e preencha o v\xEDnculo \u2014 \xE9 dele que saem headcount, admiss\xF5es e experi\xEAncia vencendo." })
+      ] })
+    ),
+    pessoa && /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-border p-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "mb-3 flex items-center justify-between gap-2", children: [
+        /* @__PURE__ */ jsx(PersonLink, { personId: pessoa.id, name: pessoa.name ?? "Pessoa", kind: "staff", lookup: staffLookup }),
+        /* @__PURE__ */ jsx(Button, { size: "sm", variant: "ghost", onClick: () => setPessoa(null), children: "Fechar" })
+      ] }),
+      /* @__PURE__ */ jsx(Ficha, { personId: pessoa.id, personName: pessoa.name })
+    ] })
+  ] });
+}
+function parseIntent(activeView) {
+  const { base, id } = parseViewId(activeView);
+  const m = base.match(/^(people)-(new|list|detail|edit)$/);
+  if (m) return { view: m[1], mode: m[2], editId: id };
+  return { view: base };
+}
+function buildNav(config, activeView, navigate) {
+  const items = [];
+  if (config.modules.schedules) {
+    items.push({
+      id: "schedules",
+      label: config.labels.schedules,
+      icon: "CalendarDays",
+      active: activeView === "schedules",
+      onClick: () => navigate("schedules")
+    });
+  }
+  if (config.modules.templates) {
+    items.push({
+      id: "templates",
+      label: config.labels.templates,
+      icon: "LayoutTemplate",
+      active: activeView === "templates",
+      onClick: () => navigate("templates")
+    });
+  }
+  if (config.modules.timeEntries) {
+    items.push({
+      id: "time-entries",
+      label: config.labels.timeEntries,
+      icon: "Clock",
+      active: activeView === "time-entries",
+      onClick: () => navigate("time-entries")
+    });
+  }
+  if (config.modules.periods) {
+    items.push({
+      id: "periods",
+      label: config.labels.periods,
+      icon: "Lock",
+      active: activeView === "periods",
+      onClick: () => navigate("periods")
+    });
+  }
+  if (config.modules.people) {
+    items.push({
+      id: "people",
+      label: config.labels.people,
+      icon: "UserCog",
+      active: activeView.startsWith("people"),
+      onClick: () => navigate("people")
+    });
+  }
+  if (config.modules.hr) {
+    items.push({
+      id: "hr",
+      label: config.labels.hr,
+      icon: "BriefcaseBusiness",
+      active: activeView === "hr",
+      onClick: () => navigate("hr")
+    });
+  }
+  if (config.modules.payrollCosts) {
+    items.push({
+      id: "payroll-costs",
+      label: config.labels.payrollCosts,
+      icon: "HandCoins",
+      active: activeView === "payroll-costs",
+      onClick: () => navigate("payroll-costs")
+    });
+  }
+  for (const item of items) {
+    const feature = config.navFeatureMap[item.id];
+    if (feature) item.feature = feature;
+  }
+  return items;
+}
+function WorkforcePage({ config, provider, store, staffEntity }) {
+  const { view, direction, navigate } = useModuleNavigation(
+    "/workforce",
+    {
+      schedules: 0,
+      templates: 0,
+      "time-entries": 0,
+      periods: 0,
+      people: 0,
+      "people-detail": 1,
+      "people-edit": 2,
+      "payroll-costs": 0
+    },
+    "schedules"
+  );
+  const intent = parseIntent(view);
+  const nav = useModuleNavAccess(buildNav(config, view, navigate));
+  function renderView() {
+    const off = intent.view === "schedules" && !config.modules.schedules || intent.view === "templates" && !config.modules.templates || intent.view === "time-entries" && !config.modules.timeEntries || intent.view === "periods" && !config.modules.periods || intent.view === "people" && !config.modules.people || intent.view === "hr" && !config.modules.hr || intent.view === "payroll-costs" && !config.modules.payrollCosts;
+    if (off) return /* @__PURE__ */ jsx(SchedulesView, {});
+    switch (intent.view) {
+      case "templates":
+        return /* @__PURE__ */ jsx(TemplatesView, {});
+      case "time-entries":
+        return /* @__PURE__ */ jsx(TimeEntriesView, {});
+      case "periods":
+        return /* @__PURE__ */ jsx(PeriodsView, {});
+      case "people":
+        return /* @__PURE__ */ jsx(PeopleView, { entity: staffEntity, mode: intent.mode });
+      case "hr":
+        return /* @__PURE__ */ jsx(HrView, {});
+      case "payroll-costs":
+        return /* @__PURE__ */ jsx(PayrollCostsView, {});
+      case "schedules":
+      default:
+        return /* @__PURE__ */ jsx(SchedulesView, {});
+    }
+  }
+  function renderGatedView() {
+    const feature = config.navFeatureMap[intent.view];
+    if (!feature) return renderView();
+    return /* @__PURE__ */ jsx(EntitlementGate, { feature, fallback: /* @__PURE__ */ jsx(UpgradePrompt, { feature }), children: renderView() });
+  }
+  return /* @__PURE__ */ jsx(WorkforceContextProvider, { config, provider, store, children: /* @__PURE__ */ jsx(
+    ModulePage,
+    {
+      title: config.labels.pageTitle,
+      subtitle: config.labels.pageSubtitle,
+      nav,
+      navVariant: config.moduleNav,
+      showHeader: intent.view === "schedules",
+      viewKey: view,
+      direction,
+      children: renderGatedView()
+    }
+  ) });
+}
+
+export { WorkforcePage };
+//# sourceMappingURL=WorkforcePage-A64KM6IC.js.map
+//# sourceMappingURL=WorkforcePage-A64KM6IC.js.map