@fayz-ai/plugin-forms 0.11.1 → 0.13.0

package/dist/index.js

@@ -1,10 +1,10 @@
-import { FormRenderer, createOrUpdateFormTool, prefillFromPerson, printDocument } from './chunk-RBLXIKWB.js';
-import React10, { createContext, useState, useCallback, useRef, useMemo, useEffect } from 'react';
-import { tl, createSafeDataProvider, registerTranslations, getSupabaseClientOptional, useTranslation, getActiveTenantId, emitDomainEvent, useDataVersion } from '@fayz-ai/core';
-import { getFayzSupabaseClient, useOrganizationStore, PluginSettingsPanel, registerTimelineSource, useLimitGuard, invalidateLimit, askAI, PermissionGate, PageActions } from '@fayz-ai/admin';
+import { FormRenderer, createOrUpdateFormTool, prefillFromPerson, printDocument, htmlToPlainText } from './chunk-2AIKIPGU.js';
+import React11, { createContext, useState, useCallback, useRef, useMemo, useEffect } from 'react';
+import { tl, createSafeDataProvider, registerTranslations, recordRailFields, RECORD_GROUP, activeFacet, getSupabaseClientOptional, useTranslation, getActiveTenantId, emitDomainEvent, useDataVersion } from '@fayz-ai/core';
+import { getFayzSupabaseClient, useOrganizationStore, PluginSettingsPanel, registerTimelineSource, registerTabCountProvider, useLimitGuard, invalidateLimit, askAI, PermissionGate, PageActions, invalidateTabCounts, TimelineList } from '@fayz-ai/admin';
 import { create } from 'zustand';
-import { ClipboardList, CheckCircle2, Clock, Circle, FileText, Image, Paperclip, Plus, WandSparkles, Pencil, Archive, Search, ArrowLeft, Printer, ChevronDown, Upload, Eye } from 'lucide-react';
-import { Skeleton, Modal, ModalContent, ModalHeader, ModalTitle, ModalBody, Badge, Switch, RowActions, Button, PageHeaderActions, Card, DataTable, useSaveBar, Dropdown, DropdownTrigger, DropdownContent, DropdownSeparator, DropdownLabel } from '@fayz-ai/ui';
+import { ClipboardList, CheckCircle2, Clock, Circle, FileText, FileSignature, FileCheck2, Activity, Image, Paperclip, Plus, WandSparkles, Pencil, Archive, Search, ArrowLeft, Printer, ChevronDown, EyeOff, Eye, Upload } from 'lucide-react';
+import { Skeleton, Modal, ModalContent, ModalHeader, ModalTitle, ModalBody, Badge, Switch, RowActions, Button, PageHeaderActions, Card, DataTable, useSaveBar, Dropdown, DropdownTrigger, DropdownContent, DropdownSeparator, DropdownLabel, ConfirmDialog } from '@fayz-ai/ui';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // src/data/tables.ts
@@ -61,6 +61,7 @@ function createMockFormsProvider() {
         isActive: true,
         isDeleted: false,
         requiredOnAttendance: false,
+        alertWhenMissing: false,
         validityDays: null,
         createdAt: now(),
         updatedAt: now()
@@ -119,12 +120,29 @@ function createMockFormsProvider() {
           (d) => d.title?.toLowerCase().includes(s) || d.templateName?.toLowerCase().includes(s)
         );
       }
+      if (query.kinds?.length) {
+        filtered = filtered.filter((d) => query.kinds.includes(d.kind ?? "form"));
+      }
+      if (query.templateCategory) {
+        filtered = filtered.filter((d) => (d.templateCategory ?? "general") === query.templateCategory);
+      }
       filtered.sort((a, b) => b.createdAt.localeCompare(a.createdAt));
       const page = query.page ?? 1;
       const pageSize = query.pageSize ?? 25;
       const start = (page - 1) * pageSize;
       return { data: filtered.slice(start, start + pageSize), total: filtered.length };
     },
+    async getDocumentCounts(query) {
+      const counts = {};
+      for (const d of documents) {
+        if (d.isDeleted || d.status === "archived") continue;
+        if (d.personId !== query.personId) continue;
+        if (query.kinds?.length && !query.kinds.includes(d.kind ?? "form")) continue;
+        const bucket = d.kind === "image" || d.kind === "attachment" ? "file" : d.templateCategory ?? "general";
+        counts[bucket] = (counts[bucket] ?? 0) + 1;
+      }
+      return counts;
+    },
     async getDocumentById(id) {
       return documents.find((d) => d.id === id && !d.isDeleted) ?? null;
     },
@@ -228,6 +246,7 @@ function mapTemplate(r) {
   return {
     requiredOnAttendance: r.required_on_attendance ?? false,
     validityDays: r.validity_days ?? null,
+    alertWhenMissing: r.alert_when_missing ?? false,
     id: r.id,
     tenantId: r.tenant_id,
     name: r.name,
@@ -349,15 +368,17 @@ function createSupabaseFormsProvider() {
           is_active: input.isActive ?? existing.isActive,
           version: existing.version + 1,
           is_current: true,
-          parent_id: existing.parentId ?? existing.id
+          parent_id: existing.parentId ?? existing.id,
+          // A EXIGÊNCIA É DO MODELO, NÃO DA VERSÃO. Elas eram gravadas na
+          // linha que estava sendo ARQUIVADA: editar os campos de uma
+          // anamnese exigida devolvia uma versão nova que não exigia nada,
+          // e o aviso sumia sem ninguém ter desligado nada.
+          required_on_attendance: input.requiredOnAttendance ?? existing.requiredOnAttendance,
+          validity_days: input.validityDays !== void 0 ? input.validityDays : existing.validityDays,
+          alert_when_missing: input.alertWhenMissing ?? existing.alertWhenMissing
         }).select().single();
         if (insertError) throw new Error(insertError.message);
-        await db.from(T.templates).update({
-          ...input.requiredOnAttendance !== void 0 ? { required_on_attendance: input.requiredOnAttendance } : {},
-          ...input.validityDays !== void 0 ? { validity_days: input.validityDays } : {},
-          is_current: false,
-          updated_at: (/* @__PURE__ */ new Date()).toISOString()
-        }).eq("id", id);
+        await db.from(T.templates).update({ is_current: false, updated_at: (/* @__PURE__ */ new Date()).toISOString() }).eq("id", id);
         return mapTemplate(newRow);
       }
       const updates = { updated_at: (/* @__PURE__ */ new Date()).toISOString() };
@@ -369,6 +390,9 @@ function createSupabaseFormsProvider() {
       if (input.tags !== void 0) updates.tags = input.tags;
       if (input.metadata !== void 0) updates.metadata = input.metadata;
       if (input.isActive !== void 0) updates.is_active = input.isActive;
+      if (input.requiredOnAttendance !== void 0) updates.required_on_attendance = input.requiredOnAttendance;
+      if (input.validityDays !== void 0) updates.validity_days = input.validityDays;
+      if (input.alertWhenMissing !== void 0) updates.alert_when_missing = input.alertWhenMissing;
       const { data, error } = await db.from(T.templates).update(updates).eq("id", id).select().single();
       if (error) throw new Error(error.message);
       return mapTemplate(data);
@@ -414,6 +438,8 @@ function createSupabaseFormsProvider() {
         qb = qb.in("status", statuses);
       }
       if (query.search) qb = qb.or(`title.ilike.%${query.search}%,template_name.ilike.%${query.search}%`);
+      if (query.kinds?.length) qb = qb.in("kind", query.kinds);
+      if (query.templateCategory) qb = qb.eq("template_category", query.templateCategory);
       const page = query.page ?? 1;
       const pageSize = query.pageSize ?? 50;
       qb = qb.order("created_at", { ascending: false }).range((page - 1) * pageSize, page * pageSize - 1);
@@ -421,6 +447,27 @@ function createSupabaseFormsProvider() {
       if (error) throw new Error(error.message);
       return { data: (data ?? []).map(mapDocument), total: count ?? 0 };
     },
+    /**
+     * Os totais por balde, sem trazer documento nenhum.
+     *
+     * Duas colunas e nada mais: o corpo do formulário (`form_data`) é o campo
+     * pesado da view, e contar não precisa dele. Agrupa no cliente porque
+     * PostgREST não faz `group by` — e a alternativa, um `count` por balde,
+     * seriam seis idas para responder uma pergunta.
+     */
+    async getDocumentCounts(query) {
+      const db = getClient();
+      let qb = db.from("v_documents").select("kind, template_category").eq("tenant_id", getTenantId()).eq("person_id", query.personId).eq("is_active", true).neq("status", "archived");
+      if (query.kinds?.length) qb = qb.in("kind", query.kinds);
+      const { data, error } = await qb;
+      if (error) return {};
+      const counts = {};
+      for (const row of data ?? []) {
+        const bucket = row.kind === "image" || row.kind === "attachment" ? "file" : row.template_category || "general";
+        counts[bucket] = (counts[bucket] ?? 0) + 1;
+      }
+      return counts;
+    },
     async getDocumentById(id) {
       const db = getClient();
       const { data, error } = await db.from("v_documents").select("*").eq("id", id).single();
@@ -725,11 +772,34 @@ var en = {
   "customForms.noResults": "No results",
   "customForms.noDocuments": "No documents yet",
   "customForms.noDocumentsDescription": "Add a document to start recording information.",
+  "customForms.bucket.all": "All",
+  "customForms.bucket.file": "Files",
+  "customForms.noDocumentsInFilter": "Nothing of this kind on this record.",
+  "customForms.documentFallbackTitle": "Document",
+  "customForms.recordsTitle": "Records",
+  "customForms.filesTitle": "Files",
+  "customForms.addRecord": "New",
+  "customForms.addFile": "Upload",
+  "customForms.view": "View",
+  "customForms.showContent": "Show content",
+  "customForms.hideContent": "Hide content",
+  "customForms.previewEmpty": "This record has no filled field.",
+  "customForms.previewMore": "See the other {count} fields",
+  "customForms.loadMore": "Load {count} more",
+  "customForms.loadingMore": "Loading\u2026",
+  "customForms.noRecords": "No records yet",
+  "customForms.noRecordsDescription": 'Anamnesis, evolution, report or contract \u2014 start with "New".',
+  "customForms.noFiles": "No files yet",
+  "customForms.noFilesDescription": "Keep photos, exams and scanned documents here.",
+  "customForms.dragFilesHere": "Drag files here",
+  "customForms.dropFilesHere": "Drop the files here",
   "customForms.documentTitle": "Document title",
   "customForms.saveAsDraft": "Save as Draft",
   "customForms.saveAndComplete": "Save & Complete",
   "customForms.deleteDocumentConfirm": "Delete this document?",
   "customForms.archive": "Archive",
+  "customForms.archiveTitle": "Archive record",
+  "customForms.archiveDescription": "{name} leaves this record's list but stays stored \u2014 archiving does not delete.",
   "customForms.archiveDocumentConfirm": "Archive this document? It leaves the active list but is kept on file.",
   "customForms.printPdf": "Print / PDF",
   "customForms.usageCount": "{{count}} filled in",
@@ -832,12 +902,40 @@ var ptBR = {
   "customForms.noResults": "Nenhum resultado",
   "customForms.noDocuments": "Nenhum documento",
   "customForms.noDocumentsDescription": "Adicione um documento para come\xE7ar a registrar informa\xE7\xF5es.",
+  // Pastilhas do prontuário — o balde "file" é o que não tem modelo (foto, anexo).
+  "customForms.bucket.all": "Tudo",
+  "customForms.bucket.file": "Arquivos",
+  "customForms.noDocumentsInFilter": "Nada deste tipo nesta ficha.",
+  "customForms.documentFallbackTitle": "Documento",
+  // Prontuário × Arquivos — as duas superfícies do mesmo widget.
+  "customForms.recordsTitle": "Registros",
+  "customForms.filesTitle": "Arquivos",
+  "customForms.addRecord": "Novo",
+  "customForms.addFile": "Enviar",
+  "customForms.view": "Ver",
+  // Olhinho, prévia e paginação da linha do tempo de registros.
+  "customForms.showContent": "Mostrar conte\xFAdo",
+  "customForms.hideContent": "Ocultar conte\xFAdo",
+  "customForms.previewEmpty": "Registro sem nenhum campo preenchido.",
+  "customForms.previewMore": "Ver os outros {count} campos",
+  "customForms.loadMore": "Carregar mais {count}",
+  "customForms.loadingMore": "Carregando\u2026",
+  "customForms.noRecords": "Nenhum registro",
+  "customForms.noRecordsDescription": 'Anamnese, evolu\xE7\xE3o, laudo ou contrato \u2014 comece em "Novo".',
+  "customForms.noFiles": "Nenhum arquivo",
+  "customForms.noFilesDescription": "Guarde aqui foto, exame, documento digitalizado.",
+  "customForms.dragFilesHere": "Arraste arquivos para c\xE1",
+  "customForms.dropFilesHere": "Solte os arquivos aqui",
   "customForms.documentTitle": "T\xEDtulo do documento",
   "customForms.saveAsDraft": "Salvar Rascunho",
   "customForms.saveAndComplete": "Salvar e Finalizar",
   "customForms.deleteDocumentConfirm": "Excluir este documento?",
   "customForms.archive": "Arquivar",
   "customForms.archiveDocumentConfirm": "Arquivar este documento? Ele sai da lista ativa mas fica guardado.",
+  // O diálogo diz DE QUAL registro se trata: "Tem certeza?" sozinho é a
+  // pergunta que ninguém consegue responder.
+  "customForms.archiveTitle": "Arquivar registro",
+  "customForms.archiveDescription": "{name} sai da lista desta ficha, mas continua guardado \u2014 arquivar n\xE3o apaga.",
   "customForms.printPdf": "Imprimir / PDF",
   "customForms.usageCount": "{{count}} preenchidos",
   "customForms.usageLast": "\xFAltimo em {{date}}",
@@ -941,7 +1039,7 @@ function TemplateListView({ store, config, onEdit, onNew }) {
     await store.getState().updateTemplate(template.id, { isActive: false });
   }, [store, t]);
   const visibleTemplates = templates.filter((tpl) => tpl.isActive !== false);
-  const categoryLabel = (cat) => t(`customForms.category.${cat}`);
+  const categoryLabel2 = (cat) => t(`customForms.category.${cat}`);
   const columns = useMemo(() => [
     {
       id: "name",
@@ -954,7 +1052,7 @@ function TemplateListView({ store, config, onEdit, onNew }) {
     {
       id: "category",
       header: t("customForms.categoryColumn"),
-      cell: ({ row }) => /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: `text-[10px] ${CATEGORY_COLORS[row.original.category]}`, children: categoryLabel(row.original.category) })
+      cell: ({ row }) => /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: `text-[10px] ${CATEGORY_COLORS[row.original.category]}`, children: categoryLabel2(row.original.category) })
     },
     {
       id: "fields",
@@ -999,6 +1097,27 @@ function TemplateListView({ store, config, onEdit, onNew }) {
         ] })
       ] })
     },
+    {
+      id: "alert",
+      header: "Alerta",
+      // A SEGUNDA PERGUNTA DO V1, e ela é outra pergunta mesmo: exigir põe a
+      // bola no checklist do atendimento — trabalho a fazer com a pessoa na
+      // cadeira; alertar leva a falta para a FRENTE, na faixa âmbar do
+      // agendamento e da ficha. Uma casa exige anamnese e não quer a faixa
+      // toda vez que marca horário, e o V1 respeita isso desligado.
+      cell: ({ row }) => /* @__PURE__ */ jsx(
+        Switch,
+        {
+          size: "sm",
+          disabled: !row.original.requiredOnAttendance,
+          checked: row.original.requiredOnAttendance && row.original.alertWhenMissing,
+          onCheckedChange: (on) => {
+            void store.getState().updateTemplate(row.original.id, { alertWhenMissing: on });
+          },
+          "aria-label": `Alertar quando ${row.original.name} estiver faltando`
+        }
+      )
+    },
     {
       id: "usage",
       header: t("customForms.usageColumn"),
@@ -1104,7 +1223,7 @@ function CustomFormsSettingsTab({ config, provider, store }) {
     window.location.hash = `#${ROUTE_BASE}/forms`;
     store.getState().fetchTemplates();
   }, [store]);
-  React10.useEffect(() => {
+  React11.useEffect(() => {
     const sync = () => setBuilderTemplateId(readBuilderIdFromHash());
     window.addEventListener("hashchange", sync);
     return () => window.removeEventListener("hashchange", sync);
@@ -1135,11 +1254,11 @@ function BuilderWrapper({
   config,
   onBack
 }) {
-  const FormBuilderLazy = React10.lazy(
-    () => import('./FormBuilder-YHJHF6HZ.js').then((m) => ({ default: m.FormBuilder }))
+  const FormBuilderLazy = React11.lazy(
+    () => import('./FormBuilder-AO6V2YOT.js').then((m) => ({ default: m.FormBuilder }))
   );
   return /* @__PURE__ */ jsx(
-    React10.Suspense,
+    React11.Suspense,
     {
       fallback: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ jsx("div", { className: "h-6 w-6 border-2 border-primary border-t-transparent animate-spin rounded-full" }) }),
       children: /* @__PURE__ */ jsx(
@@ -1155,71 +1274,274 @@ function BuilderWrapper({
     }
   );
 }
-var STATUS_COLORS = {
-  draft: "bg-warning-soft text-warning-soft-foreground",
-  completed: "bg-success-soft text-success-soft-foreground",
-  signed: "bg-info-soft text-info-soft-foreground",
-  archived: "bg-muted text-muted-foreground"
+var MAX_FIELDS = 8;
+var MAX_CHARS = 280;
+function isEmpty(value) {
+  if (value == null) return true;
+  if (typeof value === "string") return value.trim() === "";
+  if (Array.isArray(value)) return value.length === 0;
+  return false;
+}
+function asText(value) {
+  if (Array.isArray(value)) return value.map((v) => String(v)).join(", ");
+  if (typeof value === "boolean") return value ? "Sim" : "N\xE3o";
+  return htmlToPlainText(String(value)) ?? String(value);
+}
+function truncate(text) {
+  return text.length > MAX_CHARS ? `${text.slice(0, MAX_CHARS).trimEnd()}\u2026` : text;
+}
+function DocumentPreview({
+  document: doc,
+  provider,
+  onOpen
+}) {
+  const t = useTranslation();
+  const [template, setTemplate] = useState(null);
+  const [loading, setLoading] = useState(true);
+  useEffect(() => {
+    let alive = true;
+    if (!doc.templateId) {
+      setLoading(false);
+      return;
+    }
+    void provider.getTemplateById(doc.templateId).then((found) => {
+      if (alive) {
+        setTemplate(found);
+        setLoading(false);
+      }
+    }).catch(() => {
+      if (alive) setLoading(false);
+    });
+    return () => {
+      alive = false;
+    };
+  }, [doc.templateId, provider]);
+  if (doc.kind === "image" && doc.fileUrl) {
+    return /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: doc.fileUrl,
+        alt: doc.fileName ?? "",
+        className: "max-h-64 rounded-lg object-contain"
+      }
+    );
+  }
+  if (doc.kind === "attachment") {
+    return /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+      doc.fileName ?? t("customForms.documentFallbackTitle"),
+      doc.fileSize ? ` \xB7 ${(doc.fileSize / 1024).toFixed(1)} KB` : ""
+    ] });
+  }
+  if (loading) {
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx("div", { className: "h-3 w-1/3 animate-pulse rounded bg-muted" }),
+      /* @__PURE__ */ jsx("div", { className: "h-3 w-2/3 animate-pulse rounded bg-muted" })
+    ] });
+  }
+  const fields = template?.schema?.fields ?? [];
+  const answered = fields.filter((f) => f.type !== "title" && !isEmpty(doc.data?.[f.id])).sort((a, b) => a.row - b.row || a.col - b.col);
+  if (answered.length === 0) {
+    return /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("customForms.previewEmpty") });
+  }
+  const shown = answered.slice(0, MAX_FIELDS);
+  const hidden = answered.length - shown.length;
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsx("dl", { className: "grid gap-x-6 gap-y-2 sm:grid-cols-2", children: shown.map((field) => {
+      const text = truncate(asText(doc.data[field.id]));
+      const wide = field.type === "memo" || field.type === "richtext" || text.length > 60;
+      return /* @__PURE__ */ jsxs("div", { className: `min-w-0 ${wide ? "sm:col-span-2" : ""}`, children: [
+        /* @__PURE__ */ jsx("dt", { className: "text-[10px] uppercase tracking-wide text-muted-foreground", children: htmlToPlainText(field.label) ?? field.label }),
+        /* @__PURE__ */ jsx("dd", { className: "whitespace-pre-wrap text-sm leading-6 text-foreground", children: text })
+      ] }, field.id);
+    }) }),
+    hidden > 0 && /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: onOpen,
+        className: "text-xs font-medium text-primary hover:underline",
+        children: t("customForms.previewMore", { count: String(hidden) })
+      }
+    )
+  ] });
+}
+var CATEGORY_ORDER = [
+  "anamnesis",
+  "evolution",
+  "report",
+  "contract",
+  "general"
+];
+var CATEGORY_GROUP_ORDER = {
+  anamnesis: 10,
+  evolution: 20,
+  report: 30,
+  contract: 40,
+  general: 50
 };
-var KIND_ICONS = {
-  form: FileText,
-  image: Image,
-  attachment: Paperclip,
-  prescription: FileText,
-  contract: FileText
+var CATEGORY_ICONS = {
+  anamnesis: ClipboardList,
+  evolution: Activity,
+  report: FileCheck2,
+  contract: FileSignature,
+  general: FileText
 };
-function formatDateLabel(dateStr) {
-  const date = new Date(dateStr);
-  const now2 = /* @__PURE__ */ new Date();
-  const today = new Date(now2.getFullYear(), now2.getMonth(), now2.getDate());
-  const docDate = new Date(date.getFullYear(), date.getMonth(), date.getDate());
-  const diffDays = Math.round((today.getTime() - docDate.getTime()) / (1e3 * 60 * 60 * 24));
-  if (diffDays === 0) return "Hoje";
-  if (diffDays === 1) return "Ontem";
-  if (diffDays < 7) return `${diffDays} dias atr\xE1s`;
-  return date.toLocaleDateString(void 0, { day: "numeric", month: "long", year: "numeric" });
-}
-function groupByDate(docs) {
-  const groups = /* @__PURE__ */ new Map();
-  for (const doc of docs) {
-    const dateKey = doc.createdAt.slice(0, 10);
-    if (!groups.has(dateKey)) groups.set(dateKey, []);
-    groups.get(dateKey).push(doc);
+function categoryLabel(category) {
+  switch (category) {
+    case "anamnesis":
+      return tl("Anamnesis", "Anamnese");
+    case "evolution":
+      return tl("Evolution", "Evolu\xE7\xE3o");
+    case "report":
+      return tl("Report", "Laudo");
+    case "contract":
+      return tl("Contract", "Contrato");
+    default:
+      return tl("General", "Geral");
   }
-  return Array.from(groups.entries()).sort(([a], [b]) => b.localeCompare(a)).map(([date, items]) => ({
-    date,
-    label: formatDateLabel(date),
-    items
-  }));
 }
-function DocumentList({ personId, provider, store, onView, onFileDrop }) {
+function normalizeCategory(value) {
+  return CATEGORY_ORDER.includes(value) ? value : "general";
+}
+var CATEGORY_TIMELINE_ICON = {
+  anamnesis: "ClipboardList",
+  evolution: "Activity",
+  report: "FileCheck2",
+  contract: "FileSignature",
+  general: "FileText"
+};
+var CATEGORY_TONE = {
+  anamnesis: "primary",
+  evolution: "info",
+  report: "success",
+  contract: "warning",
+  general: "neutral"
+};
+function bucketOf(doc) {
+  if (doc.kind === "image" || doc.kind === "attachment") return "file";
+  return normalizeCategory(doc.templateCategory);
+}
+function subtitleFor(doc) {
+  const title = doc.title?.trim();
+  if (!title) return void 0;
+  const model = doc.templateName?.trim();
+  if (!model) return title;
+  if (title === model) return void 0;
+  return title.toLowerCase().startsWith(model.toLowerCase()) ? void 0 : title;
+}
+function documentToTimelineItem(doc, fallbackTitle) {
+  const b = bucketOf(doc);
+  const secondary = subtitleFor(doc);
+  return {
+    id: doc.id,
+    sourceId: b,
+    occurredAt: doc.createdAt,
+    title: doc.templateName ?? doc.title ?? fallbackTitle,
+    description: secondary,
+    badge: b === "file" ? void 0 : categoryLabel(b),
+    icon: b === "file" ? doc.kind === "image" ? "Image" : "Paperclip" : CATEGORY_TIMELINE_ICON[b],
+    tone: b === "file" ? "neutral" : CATEGORY_TONE[b]
+  };
+}
+var ACTIVE_STATUSES = ["draft", "completed", "signed"];
+var EXPAND_KEY = "fayz.forms.documents.expandAll";
+function DocumentList({ personId, provider, store, onView, onFileDrop, kinds }) {
+  const acceptsFiles = Boolean(onFileDrop) && (!kinds || kinds.includes("attachment"));
   const t = useTranslation();
   const [documents, setDocuments] = useState([]);
+  const [total, setTotal] = useState(0);
+  const [page, setPage] = useState(1);
   const [loading, setLoading] = useState(true);
+  const [loadingMore, setLoadingMore] = useState(false);
+  const [counts, setCounts] = useState({});
+  const [bucket, setBucket] = useState(void 0);
   const [isDragOver, setIsDragOver] = useState(false);
+  const [expandAll, setExpandAll] = useState(() => {
+    try {
+      return localStorage.getItem(EXPAND_KEY) === "1";
+    } catch {
+      return false;
+    }
+  });
+  const toggleExpandAll = useCallback(() => {
+    setExpandAll((prev) => {
+      try {
+        localStorage.setItem(EXPAND_KEY, prev ? "0" : "1");
+      } catch {
+      }
+      return !prev;
+    });
+  }, []);
+  const [openIds, setOpenIds] = useState(/* @__PURE__ */ new Set());
   const dragCounter = useRef(0);
+  const PAGE_SIZE = 20;
+  const queryFor = useCallback((nextPage) => ({
+    personId,
+    kinds,
+    templateCategory: bucket && bucket !== "file" ? bucket : void 0,
+    ...bucket === "file" ? { kinds: ["image", "attachment"] } : {},
+    status: ACTIVE_STATUSES,
+    page: nextPage,
+    pageSize: PAGE_SIZE
+  }), [personId, kinds, bucket]);
   const fetchDocs = useCallback(async () => {
     setLoading(true);
     try {
-      const result = await provider.getDocuments({ personId });
-      setDocuments(result.data.filter((d) => d.status !== "archived"));
+      const result = await provider.getDocuments(queryFor(1));
+      setDocuments(result.data);
+      setTotal(result.total);
+      setPage(1);
     } finally {
       setLoading(false);
     }
-  }, [personId, provider]);
+  }, [provider, queryFor]);
+  const fetchCounts = useCallback(async () => {
+    try {
+      setCounts(await provider.getDocumentCounts({ personId, kinds }));
+    } catch {
+      setCounts({});
+    }
+  }, [provider, personId, kinds]);
+  const loadMore = useCallback(async () => {
+    setLoadingMore(true);
+    try {
+      const next = page + 1;
+      const result = await provider.getDocuments(queryFor(next));
+      setDocuments((prev) => {
+        const seen = new Set(prev.map((d) => d.id));
+        return [...prev, ...result.data.filter((d) => !seen.has(d.id))];
+      });
+      setTotal(result.total);
+      setPage(next);
+    } finally {
+      setLoadingMore(false);
+    }
+  }, [provider, queryFor, page]);
   useEffect(() => {
     const timer = setTimeout(() => fetchDocs(), 50);
     return () => clearTimeout(timer);
   }, [fetchDocs]);
   useEffect(() => {
-    const unsub = store.subscribe(() => fetchDocs());
+    void fetchCounts();
+  }, [fetchCounts]);
+  useEffect(() => {
+    const unsub = store.subscribe(() => {
+      void fetchDocs();
+      void fetchCounts();
+    });
     return unsub;
-  }, [store, fetchDocs]);
-  const handleArchive = useCallback(async (doc) => {
-    if (!window.confirm(t("customForms.archiveDocumentConfirm"))) return;
+  }, [store, fetchDocs, fetchCounts]);
+  const [archiving, setArchiving] = useState(null);
+  const handleArchive = useCallback(async () => {
+    const doc = archiving;
+    setArchiving(null);
+    if (!doc) return;
     await provider.updateDocument(doc.id, { status: "archived" });
     setDocuments((prev) => prev.filter((d) => d.id !== doc.id));
-  }, [provider, t]);
+    setTotal((n) => Math.max(0, n - 1));
+    void fetchCounts();
+    invalidateTabCounts();
+  }, [provider, archiving, fetchCounts]);
   const handleDragEnter = useCallback((e) => {
     e.preventDefault();
     dragCounter.current++;
@@ -1242,7 +1564,44 @@ function DocumentList({ personId, provider, store, onView, onFileDrop }) {
       onFileDrop(files);
     }
   }, [onFileDrop]);
-  const groups = groupByDate(documents);
+  const buckets = useMemo(() => {
+    const order = [...CATEGORY_ORDER, "file"];
+    return order.filter((b) => (counts[b] ?? 0) > 0).map((b) => ({
+      id: b,
+      label: b === "file" ? t("customForms.bucket.file") : categoryLabel(b),
+      count: counts[b] ?? 0
+    }));
+  }, [counts, t]);
+  const totalAll = useMemo(
+    () => Object.values(counts).reduce((sum, n) => sum + n, 0),
+    [counts]
+  );
+  useEffect(() => {
+    if (bucket && !buckets.some((b) => b.id === bucket)) setBucket(void 0);
+  }, [buckets, bucket]);
+  const visible = documents;
+  const items = useMemo(
+    () => visible.map((doc) => documentToTimelineItem(doc, t("customForms.documentFallbackTitle"))),
+    [visible, t]
+  );
+  const byId = useMemo(() => new Map(visible.map((d) => [d.id, d])), [visible]);
+  const expandedIds = useMemo(() => {
+    if (!expandAll) return openIds;
+    const open = new Set(visible.map((d) => d.id));
+    for (const id of openIds) open.delete(id);
+    return open;
+  }, [expandAll, openIds, visible]);
+  const toggleOne = useCallback((id) => {
+    setOpenIds((prev) => {
+      const next = new Set(prev);
+      if (next.has(id)) next.delete(id);
+      else next.add(id);
+      return next;
+    });
+  }, []);
+  useEffect(() => {
+    setOpenIds(/* @__PURE__ */ new Set());
+  }, [expandAll]);
   if (loading) {
     return /* @__PURE__ */ jsx("div", { className: "space-y-4 py-4", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
       /* @__PURE__ */ jsx("div", { className: "h-9 w-9 rounded-lg bg-muted animate-pulse shrink-0" }),
@@ -1252,86 +1611,133 @@ function DocumentList({ personId, provider, store, onView, onFileDrop }) {
       ] })
     ] }, i)) });
   }
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: `relative min-h-[200px] rounded-xl border-2 border-dashed transition-colors ${isDragOver ? "border-primary bg-primary/5" : documents.length === 0 ? "border-border" : "border-transparent"}`,
-      onDragEnter: handleDragEnter,
-      onDragLeave: handleDragLeave,
-      onDragOver: handleDragOver,
-      onDrop: handleDrop,
-      children: [
-        isDragOver && /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 z-10 flex flex-col items-center justify-center rounded-xl bg-primary/5", children: [
-          /* @__PURE__ */ jsx(Upload, { className: "h-8 w-8 text-primary/50 mb-2" }),
-          /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-primary/70", children: "Solte os arquivos aqui" })
-        ] }),
-        documents.length === 0 && !isDragOver && /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-12 text-center", children: [
-          /* @__PURE__ */ jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-full bg-muted mb-3", children: /* @__PURE__ */ jsx(FileText, { className: "h-5 w-5 text-muted-foreground" }) }),
-          /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: t("customForms.noDocuments") }),
-          /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-1 max-w-xs", children: t("customForms.noDocumentsDescription") }),
-          /* @__PURE__ */ jsxs("p", { className: "text-[10px] text-muted-foreground mt-3 flex items-center gap-1", children: [
-            /* @__PURE__ */ jsx(Upload, { className: "h-3 w-3" }),
-            "Arraste arquivos para c\xE1"
-          ] })
-        ] }),
-        groups.length > 0 && /* @__PURE__ */ jsx("div", { className: "space-y-5 py-2", children: groups.map((group) => /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-2", children: [
-            /* @__PURE__ */ jsx("div", { className: "h-px flex-1 bg-border" }),
-            /* @__PURE__ */ jsx("span", { className: "text-[10px] font-semibold uppercase tracking-wider text-muted-foreground px-1", children: group.label }),
-            /* @__PURE__ */ jsx("div", { className: "h-px flex-1 bg-border" })
+  const filters = (buckets.length > 1 || totalAll > 0) && /* @__PURE__ */ jsxs("div", { className: "mb-3 flex flex-wrap items-center gap-1.5", children: [
+    buckets.length > 1 && [{ id: void 0, label: t("customForms.bucket.all"), count: totalAll }, ...buckets].map((chip) => {
+      const active = chip.id === bucket;
+      return /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => setBucket(chip.id),
+          className: `rounded-full border px-2.5 py-1 text-xs transition-colors ${active ? "border-primary bg-primary/10 text-primary" : "border-border text-muted-foreground hover:bg-muted hover:text-foreground"}`,
+          children: [
+            chip.label,
+            /* @__PURE__ */ jsx("span", { className: "ml-1.5 tabular-nums opacity-60", children: chip.count })
+          ]
+        },
+        chip.id ?? "__all__"
+      );
+    }),
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: toggleExpandAll,
+        "aria-pressed": expandAll,
+        title: t(expandAll ? "customForms.hideContent" : "customForms.showContent"),
+        className: `ml-auto flex items-center gap-1.5 rounded-full border px-2.5 py-1 text-xs transition-colors ${expandAll ? "border-primary bg-primary/10 text-primary" : "border-border text-muted-foreground hover:bg-muted hover:text-foreground"}`,
+        children: [
+          expandAll ? /* @__PURE__ */ jsx(EyeOff, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsx(Eye, { className: "h-3.5 w-3.5" }),
+          t(expandAll ? "customForms.hideContent" : "customForms.showContent")
+        ]
+      }
+    )
+  ] });
+  return /* @__PURE__ */ jsxs("div", { children: [
+    filters,
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: `relative min-h-[200px] rounded-xl border-2 transition-colors ${isDragOver ? "border-dashed border-primary bg-primary/5" : documents.length === 0 && acceptsFiles ? "border-dashed border-border" : "border-transparent"}`,
+        ...acceptsFiles ? {
+          onDragEnter: handleDragEnter,
+          onDragLeave: handleDragLeave,
+          onDragOver: handleDragOver,
+          onDrop: handleDrop
+        } : {},
+        children: [
+          isDragOver && /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 z-10 flex flex-col items-center justify-center rounded-xl bg-primary/5", children: [
+            /* @__PURE__ */ jsx(Upload, { className: "h-8 w-8 text-primary/50 mb-2" }),
+            /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-primary/70", children: t("customForms.dropFilesHere") })
           ] }),
-          /* @__PURE__ */ jsx("div", { className: "space-y-1.5", children: group.items.map((doc) => {
-            const Icon = KIND_ICONS[doc.kind ?? "form"] ?? FileText;
-            const time = new Date(doc.createdAt).toLocaleTimeString(void 0, { hour: "2-digit", minute: "2-digit" });
-            return /* @__PURE__ */ jsxs(
-              "div",
-              {
-                className: "group flex items-center gap-3 rounded-lg p-2.5 hover:bg-muted/50 cursor-pointer transition-colors",
-                onClick: () => onView(doc),
-                children: [
-                  /* @__PURE__ */ jsx("div", { className: "flex h-9 w-9 items-center justify-center rounded-lg bg-primary/10 shrink-0", children: /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4 text-primary" }) }),
-                  /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-                    /* @__PURE__ */ jsx("p", { className: "text-sm font-medium truncate", children: doc.title ?? doc.templateName ?? "Documento" }),
-                    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 mt-0.5", children: [
-                      doc.templateName && /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground", children: doc.templateName }),
-                      /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground", children: time })
-                    ] })
-                  ] }),
-                  /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: `text-[10px] shrink-0 ${STATUS_COLORS[doc.status] ?? ""}`, children: t(`customForms.status.${doc.status}`) }),
-                  /* @__PURE__ */ jsxs("div", { className: "flex gap-0.5 opacity-0 group-hover:opacity-100 transition-opacity", children: [
-                    /* @__PURE__ */ jsx(
-                      "button",
-                      {
-                        onClick: (e) => {
-                          e.stopPropagation();
-                          onView(doc);
-                        },
-                        className: "p-1.5 rounded-md hover:bg-muted",
-                        children: /* @__PURE__ */ jsx(Eye, { className: "h-3.5 w-3.5 text-muted-foreground" })
-                      }
-                    ),
-                    /* @__PURE__ */ jsx(
-                      "button",
-                      {
-                        onClick: (e) => {
-                          e.stopPropagation();
-                          handleArchive(doc);
-                        },
-                        className: "p-1.5 rounded-md hover:bg-muted",
-                        title: t("customForms.archive"),
-                        children: /* @__PURE__ */ jsx(Archive, { className: "h-3.5 w-3.5 text-muted-foreground" })
-                      }
-                    )
-                  ] })
-                ]
+          documents.length > 0 && visible.length === 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center justify-center py-12 text-center", children: /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("customForms.noDocumentsInFilter") }) }),
+          documents.length === 0 && !isDragOver && /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-12 text-center", children: [
+            /* @__PURE__ */ jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-full bg-muted mb-3", children: acceptsFiles ? /* @__PURE__ */ jsx(Paperclip, { className: "h-5 w-5 text-muted-foreground" }) : /* @__PURE__ */ jsx(ClipboardList, { className: "h-5 w-5 text-muted-foreground" }) }),
+            /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: t(acceptsFiles ? "customForms.noFiles" : "customForms.noRecords") }),
+            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-1 max-w-xs", children: t(acceptsFiles ? "customForms.noFilesDescription" : "customForms.noRecordsDescription") }),
+            acceptsFiles && /* @__PURE__ */ jsxs("p", { className: "text-[10px] text-muted-foreground mt-3 flex items-center gap-1", children: [
+              /* @__PURE__ */ jsx(Upload, { className: "h-3 w-3" }),
+              t("customForms.dragFilesHere")
+            ] })
+          ] }),
+          visible.length > 0 && /* @__PURE__ */ jsx(
+            TimelineList,
+            {
+              items,
+              expandedIds,
+              renderPreview: (it) => {
+                const doc = byId.get(it.id);
+                return doc ? /* @__PURE__ */ jsx(DocumentPreview, { document: doc, provider, onOpen: () => onView(doc) }) : null;
               },
-              doc.id
-            );
-          }) })
-        ] }, group.date)) })
-      ]
-    }
-  );
+              onSelect: (it) => {
+                const doc = byId.get(it.id);
+                if (doc) onView(doc);
+              },
+              renderActions: (it) => {
+                const doc = byId.get(it.id);
+                if (!doc) return null;
+                return /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: (e) => {
+                        e.stopPropagation();
+                        toggleOne(doc.id);
+                      },
+                      className: "rounded-md p-1.5 hover:bg-muted",
+                      "aria-label": t(expandedIds.has(doc.id) ? "customForms.hideContent" : "customForms.showContent"),
+                      "aria-expanded": expandedIds.has(doc.id),
+                      children: expandedIds.has(doc.id) ? /* @__PURE__ */ jsx(EyeOff, { className: "h-3.5 w-3.5 text-muted-foreground" }) : /* @__PURE__ */ jsx(Eye, { className: "h-3.5 w-3.5 text-muted-foreground" })
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: (e) => {
+                        e.stopPropagation();
+                        setArchiving(doc);
+                      },
+                      className: "rounded-md p-1.5 hover:bg-muted",
+                      "aria-label": t("customForms.archive"),
+                      title: t("customForms.archive"),
+                      children: /* @__PURE__ */ jsx(Archive, { className: "h-3.5 w-3.5 text-muted-foreground" })
+                    }
+                  )
+                ] });
+              }
+            }
+          ),
+          visible.length < total && /* @__PURE__ */ jsx("div", { className: "flex justify-center pt-4", children: /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", disabled: loadingMore, onClick: () => void loadMore(), children: loadingMore ? t("customForms.loadingMore") : t("customForms.loadMore", { count: String(total - visible.length) }) }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ConfirmDialog,
+      {
+        open: archiving !== null,
+        title: t("customForms.archiveTitle"),
+        description: t("customForms.archiveDescription", {
+          name: archiving?.templateName ?? archiving?.title ?? t("customForms.documentFallbackTitle")
+        }),
+        confirmLabel: t("customForms.archive"),
+        cancelLabel: t("common.cancel"),
+        onConfirm: () => void handleArchive(),
+        onCancel: () => setArchiving(null)
+      }
+    )
+  ] });
 }
 function DocumentBodySkeleton({ rows = 5 }) {
   return /* @__PURE__ */ jsx("div", { className: "space-y-4 rounded-xl border p-4", "aria-hidden": true, children: Array.from({ length: rows }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
@@ -1375,7 +1781,7 @@ function DocumentFormDialog({
       provider.getTemplateById(existingDocument.templateId).then(setTemplate);
     }
   }, [existingDocument, template, provider]);
-  const prefilled = React10.useRef(!!initialTemplate || !!existingDocument);
+  const prefilled = React11.useRef(!!initialTemplate || !!existingDocument);
   useEffect(() => {
     if (prefilled.current || !template || existingDocument) return;
     prefilled.current = true;
@@ -1407,7 +1813,7 @@ function DocumentFormDialog({
     },
     [template, existingDocument, data, personId, personName, store, onSaved, guardDocuments]
   );
-  const snapshot = React10.useRef(null);
+  const snapshot = React11.useRef(null);
   useEffect(() => {
     if (template && snapshot.current === null) {
       snapshot.current = JSON.stringify(existingDocument?.data ?? {});
@@ -1478,7 +1884,7 @@ function DocumentFormDialog({
     ) })
   ] });
 }
-var STATUS_COLORS2 = {
+var STATUS_COLORS = {
   draft: "bg-warning-soft text-warning-soft-foreground",
   completed: "bg-success-soft text-success-soft-foreground",
   signed: "bg-info-soft text-info-soft-foreground",
@@ -1508,7 +1914,7 @@ function FormViewer({ document: doc, provider, onBack, onEdit }) {
         /* @__PURE__ */ jsx("h3", { className: "font-semibold text-sm truncate", children: doc.title ?? template?.name ?? "" }),
         /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: new Date(doc.createdAt).toLocaleDateString() })
       ] }),
-      /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: `text-[10px] ${STATUS_COLORS2[doc.status] ?? ""}`, children: t(`customForms.status.${doc.status}`) }),
+      /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: `text-[10px] ${STATUS_COLORS[doc.status] ?? ""}`, children: t(`customForms.status.${doc.status}`) }),
       /* @__PURE__ */ jsxs(
         Button,
         {
@@ -1561,7 +1967,7 @@ async function getAllDocumentTypes(personId) {
 }
 var SEARCH_THRESHOLD = 8;
 var normalize = (s) => s.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase();
-function AddDocumentDropdown({ personId, onSelect }) {
+function AddDocumentDropdown({ personId, onSelect, optionFilter, label }) {
   const t = useTranslation();
   const [open, setOpen] = useState(false);
   const [options, setOptions] = useState([]);
@@ -1579,11 +1985,11 @@ function AddDocumentDropdown({ personId, onSelect }) {
     if (loaded || loadingRef.current) return;
     loadingRef.current = true;
     getAllDocumentTypes(personId).then((opts) => {
-      setOptions(opts);
+      setOptions(optionFilter ? opts.filter(optionFilter) : opts);
       setLoaded(true);
       loadingRef.current = false;
     });
-  }, [personId, loaded]);
+  }, [personId, loaded, optionFilter]);
   const filtered = useMemo(() => {
     const q = normalize(query.trim());
     if (!q) return options;
@@ -1635,7 +2041,7 @@ function AddDocumentDropdown({ personId, onSelect }) {
   return /* @__PURE__ */ jsxs(Dropdown, { open, onOpenChange: handleOpenChange, children: [
     /* @__PURE__ */ jsx(DropdownTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { size: "sm", className: "h-8", children: [
       /* @__PURE__ */ jsx(Plus, { className: "h-3.5 w-3.5 mr-1" }),
-      t("customForms.addDocument"),
+      label ?? t("customForms.addDocument"),
       /* @__PURE__ */ jsx(ChevronDown, { className: "h-3 w-3 ml-1 opacity-50" })
     ] }) }),
     /* @__PURE__ */ jsxs(DropdownContent, { align: "end", className: "w-72 p-0", children: [
@@ -1657,7 +2063,7 @@ function AddDocumentDropdown({ personId, onSelect }) {
         )
       ] }),
       /* @__PURE__ */ jsxs("div", { ref: listRef, className: "max-h-[min(60vh,20rem)] overflow-y-auto overscroll-contain p-1", children: [
-        groups.map((group, gi) => /* @__PURE__ */ jsxs(React10.Fragment, { children: [
+        groups.map((group, gi) => /* @__PURE__ */ jsxs(React11.Fragment, { children: [
           gi > 0 && /* @__PURE__ */ jsx(DropdownSeparator, {}),
           /* @__PURE__ */ jsx(DropdownLabel, { className: "text-[10px] uppercase tracking-wider", children: group.label }),
           group.items.map((opt) => {
@@ -1691,8 +2097,17 @@ function AddDocumentDropdown({ personId, onSelect }) {
     ] })
   ] });
 }
-function PersonDocumentsWidget({ item, config, provider, store }) {
+var SURFACE_KINDS = {
+  records: ["form"],
+  files: ["image", "attachment"]
+};
+function PersonDocumentsWidget({ item, config, provider, store, surface = "records" }) {
   const t = useTranslation();
+  const kinds = SURFACE_KINDS[surface];
+  const optionFilter = useCallback(
+    (o) => surface === "records" ? o.id.startsWith("template:") : o.id === "core:image" || o.id === "core:attachment",
+    [surface]
+  );
   const guardDocuments = useLimitGuard("documents_month");
   const [view, setView] = useState({ type: "list" });
   const fileInputRef = useRef(null);
@@ -1799,8 +2214,16 @@ function PersonDocumentsWidget({ item, config, provider, store }) {
   }
   return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: t("customForms.documents") }),
-      /* @__PURE__ */ jsx(AddDocumentDropdown, { personId: item.id, onSelect: handleDocTypeSelect })
+      /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: t(surface === "files" ? "customForms.filesTitle" : "customForms.recordsTitle") }),
+      /* @__PURE__ */ jsx(
+        AddDocumentDropdown,
+        {
+          personId: item.id,
+          onSelect: handleDocTypeSelect,
+          optionFilter,
+          label: t(surface === "files" ? "customForms.addFile" : "customForms.addRecord")
+        }
+      )
     ] }),
     /* @__PURE__ */ jsx(
       DocumentList,
@@ -1808,6 +2231,7 @@ function PersonDocumentsWidget({ item, config, provider, store }) {
         personId: item.id,
         provider,
         store,
+        kinds,
         onView: handleViewDoc,
         onFileDrop: handleFiles
       }
@@ -1882,6 +2306,24 @@ function registerFormsTimelineSource() {
     }
   });
 }
+function registerFormsTabCounts() {
+  registerTabCountProvider({
+    id: "custom_forms:documents",
+    async fetch({ tenantId, personId }) {
+      const db = getSupabaseClientOptional();
+      if (!db) return {};
+      const { data, error } = await db.from("documents").select("kind").eq("tenant_id", tenantId).eq("person_id", personId).eq("is_active", true).neq("status", "archived");
+      if (error) return {};
+      let records = 0;
+      let files = 0;
+      for (const row of data ?? []) {
+        if (row.kind === "image" || row.kind === "attachment") files += 1;
+        else records += 1;
+      }
+      return { documents: records, files };
+    }
+  });
+}
 var SUBMISSIONS = "plg_forms_rep_submissions";
 var CAT = tl("Forms", "Formul\xE1rios");
 var STATUS_LABELS = {
@@ -1977,6 +2419,7 @@ async function getPersonFormRequirements(tenantId, personId) {
     templateName: r.template_name,
     category: r.category,
     validityDays: r.validity_days ?? null,
+    alertWhenMissing: r.alert_when_missing ?? false,
     lastFilledAt: r.last_filled_at ?? null,
     validUntil: r.valid_until ?? null,
     state: r.state
@@ -2011,8 +2454,8 @@ function Linha({ item }) {
 }
 function PersonFormsAlert({ personId, onFill, version = 0, extras, onPending, className }) {
   const tenantId = useOrganizationStore((s) => s.currentOrg?.id);
-  const [rows, setRows] = React10.useState(null);
-  React10.useEffect(() => {
+  const [rows, setRows] = React11.useState(null);
+  React11.useEffect(() => {
     if (!personId || !tenantId) {
       setRows([]);
       return;
@@ -2028,8 +2471,17 @@ function PersonFormsAlert({ personId, onFill, version = 0, extras, onPending, cl
       cancelled = true;
     };
   }, [personId, tenantId, version]);
-  const itens = React10.useMemo(() => [
-    ...(rows ?? []).map((r) => {
+  const itens = React11.useMemo(() => [
+    // O QUE NÃO ALERTA NÃO INTERROMPE. Exigir um formulário põe a bola no
+    // checklist do atendimento; ALERTAR é a segunda decisão do V1
+    // (`alert_when_missing`, desligada por padrão) e é ela que autoriza a
+    // faixa âmbar na frente de quem só queria marcar um horário. Sem este
+    // recorte, uma anamnese importada com a segunda chave desligada — como a
+    // casa já a tinha no V1 — abria "1 item pendente" em todo agendamento.
+    //
+    // Em dia continua aparecendo de qualquer forma: a linha verde é
+    // confirmação, não interrupção, e é ela que faz a âmbar ter crédito.
+    ...(rows ?? []).filter((r) => r.alertWhenMissing || !isOutstanding(r)).map((r) => {
       const pendente = isOutstanding(r);
       return {
         id: r.templateId,
@@ -2046,7 +2498,7 @@ function PersonFormsAlert({ personId, onFill, version = 0, extras, onPending, cl
   const pendentes = itens.filter((i) => i.state !== "done");
   const faltando = pendentes.length;
   const chave = pendentes.map((i) => i.label).join("|");
-  React10.useEffect(() => {
+  React11.useEffect(() => {
     onPending?.(chave ? chave.split("|") : []);
   }, [chave]);
   if (rows === null) return /* @__PURE__ */ jsx(Skeleton, { className: `h-12 w-full ${className ?? ""}` });
@@ -2064,19 +2516,19 @@ function CustomFormsProvider({
   value,
   children
 }) {
-  return React10.createElement(Ctx.Provider, { value }, children);
+  return React11.createElement(Ctx.Provider, { value }, children);
 }
 function FormFillDialog({ templateId, personId, personName, onSaved, onClose, frame = "modal" }) {
-  const provider = React10.useMemo(() => createSafeDataProvider(
+  const provider = React11.useMemo(() => createSafeDataProvider(
     () => createSupabaseFormsProvider(),
     () => createMockFormsProvider()
   ), []);
-  const store = React10.useMemo(() => createCustomFormsStore(provider), [provider]);
-  const config = React10.useMemo(() => resolveConfig(), []);
-  const [template, setTemplate] = React10.useState(null);
-  const [erro, setErro] = React10.useState(null);
-  const [data, setData] = React10.useState({});
-  const [salvando, setSalvando] = React10.useState(false);
+  const store = React11.useMemo(() => createCustomFormsStore(provider), [provider]);
+  const config = React11.useMemo(() => resolveConfig(), []);
+  const [template, setTemplate] = React11.useState(null);
+  const [erro, setErro] = React11.useState(null);
+  const [data, setData] = React11.useState({});
+  const [salvando, setSalvando] = React11.useState(false);
   async function salvar() {
     if (!template) return;
     setSalvando(true);
@@ -2096,7 +2548,7 @@ function FormFillDialog({ templateId, personId, personName, onSaved, onClose, fr
       setSalvando(false);
     }
   }
-  React10.useEffect(() => {
+  React11.useEffect(() => {
     let vivo = true;
     (async () => {
       try {
@@ -2156,16 +2608,19 @@ function registerBuiltInProviders(formsProvider) {
     async getTypes() {
       try {
         const result = await formsProvider.getTemplates({});
-        return result.data.map((tpl) => ({
-          id: `template:${tpl.id}`,
-          label: tpl.name,
-          icon: FileText,
-          group: "Formul\xE1rios",
-          groupOrder: 10,
-          order: 0,
-          description: tpl.description,
-          _templateId: tpl.id
-        }));
+        return result.data.map((tpl) => {
+          const category = normalizeCategory(tpl.category);
+          return {
+            id: `template:${tpl.id}`,
+            label: tpl.name,
+            icon: CATEGORY_ICONS[category] ?? FileText,
+            group: categoryLabel(category),
+            groupOrder: CATEGORY_GROUP_ORDER[category] ?? 50,
+            order: 0,
+            description: tpl.description,
+            _templateId: tpl.id
+          };
+        });
       } catch {
         return [];
       }
@@ -2175,8 +2630,8 @@ function registerBuiltInProviders(formsProvider) {
     id: "core:files",
     getTypes() {
       return [
-        { id: "core:image", label: "Imagem", icon: Image, group: "Arquivos", groupOrder: 90, order: 0 },
-        { id: "core:attachment", label: "Anexo", icon: Paperclip, group: "Arquivos", groupOrder: 90, order: 1 }
+        { id: "core:image", label: tl("Image", "Imagem"), icon: Image, group: tl("Files", "Arquivos"), groupOrder: 90, order: 0 },
+        { id: "core:attachment", label: tl("Attachment", "Anexo"), icon: Paperclip, group: tl("Files", "Arquivos"), groupOrder: 90, order: 1 }
       ];
     }
   });
@@ -2191,7 +2646,85 @@ function createCustomFormsPlugin(options) {
   const store = createCustomFormsStore(provider);
   registerBuiltInProviders(provider);
   registerFormsTimelineSource();
+  registerFormsTabCounts();
+  const contractTemplateEntity = {
+    name: "Modelo de contrato",
+    namePlural: "Modelos de contrato",
+    icon: "FileSignature",
+    displayField: "name",
+    defaultSort: "name",
+    formColumns: 2,
+    facets: [activeFacet({ active: "Ativos", inactive: "Inativos", all: "Todos" })],
+    fieldGroups: [
+      { id: "identity", label: "O contrato", columns: 1 },
+      {
+        id: "when",
+        label: "Quando ele nasce",
+        columns: 1,
+        description: "As duas portas convivem: um or\xE7amento aprovado gera o contrato do pacote, e a execu\xE7\xE3o gera o termo daquele procedimento."
+      },
+      {
+        id: "signature",
+        label: "Assinatura",
+        columns: 1,
+        description: "Os dois primeiros dizem COMO se assina. O terceiro diz o que acontece se ningu\xE9m assinar \u2014 e \xE9 o \xFAnico que bloqueia."
+      },
+      { ...RECORD_GROUP }
+    ],
+    fields: [
+      { key: "name", label: "Nome", type: "text", required: true, showInTable: true, searchable: true, group: "identity" },
+      // Markdown e não editor de página: quem escreve contrato precisa de
+      // parágrafo e negrito. As variáveis ({{cliente.nome}}) são substituídas
+      // na geração.
+      {
+        key: "content",
+        label: "Texto do contrato",
+        type: "markdown",
+        showInTable: false,
+        group: "identity",
+        hint: "Use {{cliente.nome}}, {{servico.nome}} e afins \u2014 a gera\xE7\xE3o substitui."
+      },
+      { key: "generateOnQuoteApproval", label: "Gerar quando um or\xE7amento for aprovado", type: "boolean", showInTable: false, defaultValue: false, group: "when" },
+      { key: "generateOnExecution", label: "Gerar na execu\xE7\xE3o do servi\xE7o", type: "boolean", showInTable: false, defaultValue: false, group: "when" },
+      // Um contrato por atendimento ou um por serviço: é o que decide se a
+      // cliente assina uma folha ou seis.
+      {
+        key: "groupServices",
+        label: "Um contrato para todos os servi\xE7os do atendimento",
+        type: "boolean",
+        showInTable: false,
+        defaultValue: true,
+        group: "when",
+        hint: "Desligado, sai um contrato por servi\xE7o."
+      },
+      { key: "requireScreenSignature", label: "Assinar na tela", type: "boolean", showInTable: true, defaultValue: false, group: "signature" },
+      { key: "requireSelfie", label: "Pedir selfie de quem assina", type: "boolean", showInTable: false, defaultValue: false, group: "signature" },
+      {
+        key: "requireSignatureForExecution",
+        label: "Sem assinatura, n\xE3o executa",
+        type: "boolean",
+        showInTable: true,
+        defaultValue: false,
+        group: "signature",
+        hint: "O \xFAnico que bloqueia: o servi\xE7o n\xE3o pode ser executado sem o contrato assinado."
+      },
+      ...recordRailFields({ tagsTable: "plg_forms_contract_templates", activeLabel: "Ativo" })
+    ],
+    data: {
+      table: "plg_forms_contract_templates",
+      schema: "public",
+      tenantScoped: true,
+      searchColumns: ["name"]
+    }
+  };
   const formRegistries = [
+    {
+      id: "contract-templates",
+      entity: contractTemplateEntity,
+      icon: "FileSignature",
+      description: "Modelos de contrato que o cliente assina",
+      agentHint: "O MODELO do contrato \u2014 n\xE3o \xE9 um contrato gerado nem uma assinatura."
+    },
     {
       id: "form-categories",
       entity: {
@@ -2224,14 +2757,14 @@ function createCustomFormsPlugin(options) {
     }
   ];
   const registries = [...formRegistries, ...options?.settingsRegistries ?? []];
-  const SettingsComponent = () => React10.createElement(PluginSettingsPanel, {
+  const SettingsComponent = () => React11.createElement(PluginSettingsPanel, {
     title: config.labels.settingsLabel,
     customTabs: [
       {
         id: "forms",
         label: config.labels.pageTitle,
         icon: "FileText",
-        content: React10.createElement(CustomFormsSettingsTab, { config, provider, store })
+        content: React11.createElement(CustomFormsSettingsTab, { config, provider, store })
       }
     ],
     registries,
@@ -2239,8 +2772,10 @@ function createCustomFormsPlugin(options) {
     hostPluginId: "custom_forms"
   });
   SettingsComponent.displayName = "CustomFormsSettingsPanel";
-  const PersonDocumentsWidget2 = (props) => React10.createElement(PersonDocumentsWidget, { ...props, config, provider, store });
+  const PersonDocumentsWidget2 = (props) => React11.createElement(PersonDocumentsWidget, { ...props, config, provider, store, surface: "records" });
   PersonDocumentsWidget2.displayName = "PersonDocumentsWidget";
+  const PersonFilesWidget = (props) => React11.createElement(PersonDocumentsWidget, { ...props, config, provider, store, surface: "files" });
+  PersonFilesWidget.displayName = "PersonFilesWidget";
   return {
     id: "custom_forms",
     defaultAgentRole: "setup",
@@ -2279,6 +2814,12 @@ function createCustomFormsPlugin(options) {
         zone: "person.detail.documents",
         component: PersonDocumentsWidget2,
         order: 0
+      },
+      {
+        id: "person-files-tab",
+        zone: "person.detail.files",
+        component: PersonFilesWidget,
+        order: 0
       }
     ],
     registries,