@fayz-ai/plugin-workforce 0.2.0 → 0.2.3

package/dist/index.js

@@ -1,8 +1,8 @@
 import React3 from 'react';
-import { createSafeDataProvider, getSupabaseClientOptional, getActiveTenantId } from '@fayz-ai/core';
-import { createPluginContext, saveSchedule, registerEntityPath, useModuleNavigation, useModuleNavAccess, parseViewId, EntitlementGate, UpgradePrompt, ScheduleEditor, usePermissionOptional, adminNavigateTo, formatCurrency, PersonLink, createCrudPage } from '@fayz-ai/admin';
-import { ModulePage, FilterRail, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, MiniCalendar, toLocalISODate, RailWorkspace, Badge, Button, Skeleton, resolveRangePreset, compareCodes, PageToolbar, DateRangeControl, StatTiles, StatementTable, Modal, ModalContent, ModalHeader, ModalTitle, ModalBody, Input, ModalFooter, toast, Popover, PopoverTrigger, PopoverContent, Checkbox, Avatar, AvatarFallback, AvatarImage } from '@fayz-ai/ui';
-import { Send, CalendarDays, Plus, ExternalLink, HandCoins, AlertTriangle, Users, CalendarCheck, Unlock, Lock, Clock, LayoutTemplate, ListTree, UserPlus, UserMinus, CakeSlice, Plane, CalendarClock, ShieldAlert, Stethoscope, ClipboardList, Trash2, Pencil, Eye, ImageOff, MapPin, ScanFace } from 'lucide-react';
+import { recordRailFields, RECORD_GROUP, activeFacet, createSafeDataProvider, getSupabaseClientOptional, getActiveTenantId } from '@fayz-ai/core';
+import { createPluginContext, saveSchedule, registerEntityPath, useModuleNavigation, useModuleNavAccess, parseViewId, EntitlementGate, UpgradePrompt, ScheduleEditor, usePermissionOptional, adminNavigateTo, formatCurrency, PersonLink, createCrudPage, WidgetSlot } from '@fayz-ai/admin';
+import { ModulePage, FilterRail, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, MiniCalendar, toLocalISODate, RailWorkspace, Badge, Button, Skeleton, resolveRangePreset, compareCodes, PageToolbar, DateRangeControl, StatTiles, StatementTable, PageViewBar, ViewTabs, Modal, ModalContent, ModalHeader, ModalTitle, ModalBody, Input, ModalFooter, toast, Popover, PopoverTrigger, PopoverContent, Checkbox, Avatar, AvatarFallback, AvatarImage } from '@fayz-ai/ui';
+import { Send, CalendarDays, Plus, ExternalLink, HandCoins, AlertTriangle, Users, CalendarCheck, Unlock, Lock, Clock, LayoutTemplate, ListTree, UserPlus, UserMinus, CakeSlice, Plane, CalendarClock, ShieldAlert, Stethoscope, ClipboardList, FileText, ChevronRight, Trash2, Pencil, Eye, ImageOff, MapPin, ScanFace } from 'lucide-react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { createStore } from 'zustand/vanilla';
 
@@ -182,7 +182,14 @@ function SchedulesView() {
     )
   ] }) });
 }
-var WEEKDAYS = ["D", "S", "T", "Q", "Q", "S", "S"];
+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("");
@@ -220,7 +227,7 @@ function ShiftCard({ shift, onChanged }) {
   }
   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", { 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,
@@ -228,10 +235,10 @@ function ShiftCard({ shift, onChanged }) {
           shift.endTime,
           shift.crossesMidnight ? " \xB7 vira o dia" : ""
         ] }),
-        /* @__PURE__ */ jsx("div", { className: "mt-1 flex gap-1", children: WEEKDAYS.map((d, i) => /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx("div", { className: "mt-1 flex flex-wrap gap-1", children: WEEKDAYS.map((d, i) => /* @__PURE__ */ jsx(
           "span",
           {
-            className: `inline-flex h-5 w-5 items-center justify-center rounded text-[10px] ${shift.weekdays.includes(i) ? "bg-primary/15 text-primary" : "bg-muted text-muted-foreground"}`,
+            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
@@ -246,8 +253,8 @@ function ShiftCard({ shift, onChanged }) {
       ")",
       /* @__PURE__ */ jsx("button", { 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 items-center gap-2", children: [
-      /* @__PURE__ */ jsx(
+    /* @__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,
@@ -255,25 +262,24 @@ function ShiftCard({ shift, onChanged }) {
           placeholder: "Fun\xE7\xE3o (ex.: Gar\xE7om)",
           className: "h-8"
         }
-      ),
-      /* @__PURE__ */ jsx(
+      ) }),
+      /* @__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 w-20",
+          className: "h-8",
           "aria-label": "Vagas"
         }
-      ),
+      ) }),
       /* @__PURE__ */ jsx(Button, { size: "sm", variant: "secondary", onClick: addRequirement, children: "Adicionar" })
     ] })
   ] });
 }
-function TemplateCard({ template, onChanged }) {
+function NewShiftModal({ template, open, onOpenChange, onChanged }) {
   const provider = useWorkforceProvider();
-  const [open, setOpen] = React3.useState(false);
   const [label, setLabel] = React3.useState("");
   const [start, setStart] = React3.useState("11:00");
   const [end, setEnd] = React3.useState("15:00");
@@ -289,64 +295,92 @@ function TemplateCard({ template, onChanged }) {
         weekdays,
         sortOrder: template.shifts.length
       });
-      setOpen(false);
+      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",
+          {
+            type: "button",
+            onClick: () => setWeekdays((w) => w.includes(i) ? w.filter((x) => x !== i) : [...w, i]),
+            className: `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 molde.");
+      toast.error(e?.message ?? "N\xE3o foi poss\xEDvel remover o template.");
     }
   }
-  return /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-border p-4", children: [
-    /* @__PURE__ */ jsxs("div", { className: "mb-3 flex items-center justify-between gap-3", children: [
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("div", { className: "font-medium", children: template.name }),
-        /* @__PURE__ */ jsxs("div", { className: "text-xs text-muted-foreground", children: [
-          template.shifts.length,
-          " turno(s)"
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+  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 molde", children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4", "aria-hidden": true }) })
+        /* @__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 }) })
       ] })
     ] }),
-    /* @__PURE__ */ jsx("div", { className: "space-y-2", children: template.shifts.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Nenhum turno neste molde ainda." }) : template.shifts.map((s) => /* @__PURE__ */ jsx(ShiftCard, { shift: s, onChanged }, s.id)) }),
-    /* @__PURE__ */ jsx(Modal, { open, onOpenChange: setOpen, 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__ */ jsx("div", { className: "flex gap-1", children: WEEKDAYS.map((d, i) => /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            onClick: () => setWeekdays((w) => w.includes(i) ? w.filter((x) => x !== i) : [...w, i]),
-            className: `h-8 w-8 rounded 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: () => setOpen(false), children: "Cancelar" }),
-        /* @__PURE__ */ jsx(Button, { onClick: addShift, children: "Salvar turno" })
-      ] })
-    ] }) })
+    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",
+      {
+        type: "button",
+        onClick: onToggle,
+        "aria-expanded": open,
+        disabled: empty,
+        className: "flex w-full items-center gap-3 px-3 py-2.5 text-left transition-colors hover:bg-muted/50 disabled:cursor-default 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() {
@@ -356,9 +390,22 @@ function TemplatesView() {
   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 {
@@ -367,18 +414,18 @@ function TemplatesView() {
       setOpen(false);
       await fetchTemplates();
     } catch (e) {
-      toast.error(e?.message ?? "N\xE3o foi poss\xEDvel criar o molde.");
+      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 items-center justify-between gap-3", children: [
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold", children: "Templates de escala" }),
-        /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "O molde vem primeiro: sem ele n\xE3o se cria escala nenhuma." })
-      ] }),
+    /* @__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 molde"
+        " Novo template"
       ] })
     ] }),
     loading ? /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
@@ -386,10 +433,27 @@ function TemplatesView() {
       /* @__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 molde cadastrado." })
-    ] }) : /* @__PURE__ */ jsx("div", { className: "grid gap-4 md:grid-cols-2", children: templates.map((t) => /* @__PURE__ */ jsx(TemplateCard, { template: t, onChanged: () => void fetchTemplates() }, t.id)) }),
+      /* @__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 molde de escala" }) }),
+      /* @__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" }),
@@ -1131,39 +1195,169 @@ function PeriodsView() {
     ] }) })
   ] });
 }
+var PEOPLE_BASE_PATH = "/workforce/people";
 var DEFAULT_STAFF_ENTITY = {
   name: "Colaborador",
   namePlural: "Pessoas",
   icon: "UserCog",
   layout: "person",
   displayField: "name",
+  subtitleField: "documentNumber",
   defaultSort: "name",
+  formColumns: 2,
+  facets: [activeFacet({ active: "Ativos", inactive: "Inativos", all: "Todos" })],
+  fieldGroups: [
+    { id: "identity", label: "Dados pessoais", columns: 2 },
+    { id: "contact", label: "Contato", columns: 2 },
+    { id: "where", label: "Endere\xE7o", columns: 1 },
+    {
+      id: "work",
+      label: "V\xEDnculo",
+      columns: 2,
+      description: "O que a folha e o fisco esperam desta pessoa."
+    },
+    {
+      id: "banking",
+      label: "Dados banc\xE1rios",
+      columns: 1,
+      description: "Para onde o sal\xE1rio SAI \u2014 n\xE3o \xE9 conta da casa."
+    },
+    { ...RECORD_GROUP }
+  ],
   fields: [
-    { key: "name", label: "Nome", type: "text", required: true, showInTable: true, searchable: true },
-    { key: "phone", label: "Telefone", type: "phone", showInTable: true },
-    { key: "email", label: "E-mail", type: "email", showInTable: false },
-    { key: "documentNumber", label: "CPF", type: "text", showInTable: true },
-    { key: "isActive", label: "Ativo", type: "boolean", showInTable: true, defaultValue: true, inlineToggle: true }
+    { key: "name", label: "Nome completo", type: "text", required: true, showInTable: true, searchable: true, group: "identity", span: 2 },
+    { key: "documentNumber", label: "CPF", type: "text", showInTable: true, searchable: true, group: "identity" },
+    { key: "rg", label: "RG", type: "text", showInTable: false, group: "identity" },
+    { key: "dateOfBirth", label: "Data de nascimento", type: "date", showInTable: false, group: "identity" },
+    {
+      key: "gender",
+      label: "Sexo",
+      type: "select",
+      showInTable: false,
+      group: "identity",
+      options: [
+        { value: "masculino", label: "Masculino" },
+        { value: "feminino", label: "Feminino" },
+        { value: "outro", label: "Outro" }
+      ]
+    },
+    { key: "phone", label: "Telefone", type: "phone", showInTable: true, searchable: true, group: "contact" },
+    { key: "mobile", label: "Celular", type: "phone", showInTable: true, group: "contact" },
+    { key: "email", label: "E-mail", type: "email", showInTable: false, searchable: true, group: "contact" },
+    { key: "address", label: "Endere\xE7o", type: "address", showInTable: false, showInDetail: false, group: "where" },
+    {
+      key: "employmentType",
+      label: "Tipo de v\xEDnculo",
+      type: "select",
+      showInTable: true,
+      group: "work",
+      options: [
+        { value: "clt", label: "CLT" },
+        { value: "pj", label: "Pessoa jur\xEDdica" },
+        { value: "autonomo", label: "Aut\xF4nomo" },
+        { value: "estagio", label: "Est\xE1gio" },
+        { value: "socio", label: "S\xF3cio" }
+      ]
+    },
+    { key: "jobTitle", label: "Cargo", type: "text", showInTable: true, group: "work" },
+    { key: "admissionDate", label: "Admiss\xE3o", type: "date", showInTable: false, group: "work" },
+    // O ACESSO ÀS AGENDAS dos profissionais: o V1 pergunta isto no cadastro de
+    // funcionário porque a recepção marca para os outros, e quem não marca não
+    // precisa ver a semana inteira de ninguém.
+    {
+      key: "isBookable",
+      label: "Aparece na agenda",
+      type: "boolean",
+      showInTable: false,
+      defaultValue: false,
+      group: "work",
+      hint: "Clientes podem ser marcados com esta pessoa."
+    },
+    // Para onde o salário SAI — a mesma linha de `payee_accounts` que o
+    // fornecedor usa. Quem a casa paga é quem a casa paga.
+    { key: "payeeAccount", label: "Conta banc\xE1ria", type: "bank", showInTable: false, showInDetail: false, group: "banking" },
+    ...recordRailFields({ tagsTable: "people", activeLabel: "Ativo" })
   ],
   data: {
     table: "people",
     tenantScoped: true,
     archetype: "person",
     archetypeKind: "staff",
-    searchColumns: ["name", "email", "phone"]
+    customFields: ["rg", "gender", "mobile", "employmentType", "jobTitle", "admissionDate"],
+    searchColumns: ["name", "email", "phone", "document_number"]
   }
 };
+function TeamDocuments() {
+  const provider = useWorkforceProvider();
+  const [team, setTeam] = React3.useState(null);
+  const [person, setPerson] = React3.useState(null);
+  React3.useEffect(() => {
+    let alive = true;
+    provider.getStaff().then((people) => {
+      if (alive) setTeam(people);
+    }).catch(() => {
+      if (alive) setTeam([]);
+    });
+    return () => {
+      alive = false;
+    };
+  }, [provider]);
+  if (!team) return /* @__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: "Documentos de" }),
+      /* @__PURE__ */ jsxs(
+        Select,
+        {
+          value: person?.id ?? "",
+          onValueChange: (id) => setPerson(team.find((p) => p.id === id) ?? null),
+          children: [
+            /* @__PURE__ */ jsx(SelectTrigger, { className: "w-full sm:w-72", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: team.length ? "Escolha algu\xE9m da equipe\u2026" : "Nenhuma pessoa cadastrada" }) }),
+            /* @__PURE__ */ jsx(SelectContent, { children: team.map((p) => /* @__PURE__ */ jsx(SelectItem, { value: p.id, children: p.name || "Sem nome" }, p.id)) })
+          ]
+        }
+      )
+    ] }),
+    person ? /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsx(WidgetSlot, { zone: "person.detail.documents", item: person }),
+      /* @__PURE__ */ jsx(WidgetSlot, { zone: "person.detail.files", item: person })
+    ] }) : /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-dashed border-border p-8 text-center", children: [
+      /* @__PURE__ */ jsx(FileText, { 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: "Documentos, contratos, certificados, RG/CPF, etc. Escolha algu\xE9m da equipe acima." })
+    ] })
+  ] });
+}
 var cache = /* @__PURE__ */ new Map();
-function PeopleView({ entity }) {
+function PeopleView({ entity, mode }) {
   const def = entity ?? DEFAULT_STAFF_ENTITY;
   const Page = React3.useMemo(() => {
     const cached = cache.get(def);
     if (cached) return cached;
     const created = createCrudPage(def);
+    created.__crudBasePath = PEOPLE_BASE_PATH;
     cache.set(def, created);
     return created;
   }, [def]);
-  return /* @__PURE__ */ jsx(Page, {});
+  const [tab, setTab] = React3.useState("people");
+  const onList = !mode || mode === "list";
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    onList && /* @__PURE__ */ jsxs(PageViewBar, { children: [
+      /* @__PURE__ */ jsx(
+        ViewTabs,
+        {
+          value: tab,
+          onChange: setTab,
+          options: [
+            { value: "people", label: "Pessoas" },
+            { value: "documents", label: "Documentos" }
+          ],
+          "aria-label": "Pessoas e Documentos"
+        }
+      ),
+      /* @__PURE__ */ jsx("span", {})
+    ] }),
+    onList && tab === "documents" ? /* @__PURE__ */ jsx(TeamDocuments, {}) : /* @__PURE__ */ jsx(Page, {})
+  ] });
 }
 var KEY = "workforce.payroll_account_codes";
 function message(e) {
@@ -2056,7 +2250,7 @@ function WorkforcePage({ config, provider, store, staffEntity }) {
       case "periods":
         return /* @__PURE__ */ jsx(PeriodsView, {});
       case "people":
-        return /* @__PURE__ */ jsx(PeopleView, { entity: staffEntity });
+        return /* @__PURE__ */ jsx(PeopleView, { entity: staffEntity, mode: intent.mode });
       case "hr":
         return /* @__PURE__ */ jsx(HrView, {});
       case "payroll-costs":