@fayz-ai/plugin-forms 0.9.0 → 0.9.2

package/dist/index.js

@@ -1,11 +1,11 @@
-import { createOrUpdateFormTool, prefillFromPerson, FormRenderer, printDocument } from './chunk-W2ZNJGQC.js';
+import { createOrUpdateFormTool, prefillFromPerson, FormRenderer, printDocument } from './chunk-RBLXIKWB.js';
 import React2, { useState, useCallback, useRef, useEffect } from 'react';
-import { registerTranslations, createSafeDataProvider, useTranslation, getSupabaseClientOptional, getActiveTenantId } from '@fayz-ai/core';
-import { PluginSettingsPanel, useLimitGuard, invalidateLimit, PermissionGate } from '@fayz-ai/saas';
+import { registerTranslations, createSafeDataProvider, getSupabaseClientOptional, useTranslation, getActiveTenantId } from '@fayz-ai/core';
+import { PluginSettingsPanel, registerTimelineSource, useLimitGuard, invalidateLimit, PermissionGate } from '@fayz-ai/admin';
 import { create } from 'zustand';
 import { FileText, Image, Paperclip, Search, Plus, Pencil, Archive, ArrowLeft, Printer, ChevronDown, Upload, Eye } from 'lucide-react';
 import { Input, Button, Card, CardContent, Badge, useSaveBar, Dropdown, DropdownTrigger, DropdownContent, DropdownSeparator, DropdownLabel, DropdownItem } from '@fayz-ai/ui';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // src/data/tables.ts
 var T = {
@@ -85,6 +85,19 @@ function createMockFormsProvider() {
       const idx = templates.findIndex((t) => t.id === id);
       if (idx !== -1) templates[idx] = { ...templates[idx], isDeleted: true };
     },
+    async getTemplateUsage() {
+      const usage = {};
+      for (const doc of documents) {
+        if (doc.isDeleted || !doc.templateId) continue;
+        const current = usage[doc.templateId] ?? { documentCount: 0, lastDocumentAt: null };
+        current.documentCount += 1;
+        if (!current.lastDocumentAt || doc.createdAt > current.lastDocumentAt) {
+          current.lastDocumentAt = doc.createdAt;
+        }
+        usage[doc.templateId] = current;
+      }
+      return usage;
+    },
     // ── Documents ──────────────────────────────────────────
     async getDocuments(query) {
       let filtered = documents.filter((d) => !d.isDeleted);
@@ -189,6 +202,26 @@ function getClient() {
   if (!supabase) throw new Error("Supabase not initialized");
   return supabase;
 }
+var USAGE_FALLBACK_LIMIT = 5e3;
+async function countTemplateUsageClientSide(db, tenantId) {
+  try {
+    const { data, error, count } = await db.from("v_documents").select("template_id, created_at", { count: "exact" }).eq("tenant_id", tenantId).eq("is_active", true).not("template_id", "is", null).limit(USAGE_FALLBACK_LIMIT);
+    if (error) return {};
+    if (typeof count === "number" && count > USAGE_FALLBACK_LIMIT) return {};
+    const usage = {};
+    for (const row of data ?? []) {
+      const current = usage[row.template_id] ?? { documentCount: 0, lastDocumentAt: null };
+      current.documentCount += 1;
+      if (!current.lastDocumentAt || row.created_at > current.lastDocumentAt) {
+        current.lastDocumentAt = row.created_at;
+      }
+      usage[row.template_id] = current;
+    }
+    return usage;
+  } catch {
+    return {};
+  }
+}
 function mapTemplate(r) {
   return {
     id: r.id,
@@ -336,6 +369,31 @@ function createSupabaseFormsProvider() {
       const { error } = await db.from(T.templates).update({ is_deleted: true, updated_at: (/* @__PURE__ */ new Date()).toISOString() }).eq("id", id);
       if (error) throw new Error(error.message);
     },
+    // Uso por modelo. Caminho principal: `v_forms_template_usage`, que agrega no
+    // banco (004_template_usage.sql) e devolve uma linha por modelo.
+    //
+    // O fallback existe porque um pool provisionado antes daquela migração não
+    // tem a view, e a tela não pode ficar sem o número por causa disso: ele
+    // relê as colunas mínimas dos documentos e agrega aqui. É limitado de
+    // propósito — acima do teto o número seria mentira, e mentir sobre uma
+    // contagem é pior do que omiti-la, então ele desiste em silêncio.
+    async getTemplateUsage() {
+      const db = getClient();
+      const tenantId = getTenantId();
+      if (!tenantId) return {};
+      const { data, error } = await db.from("v_forms_template_usage").select("template_id, document_count, last_document_at").eq("tenant_id", tenantId);
+      if (!error) {
+        const usage = {};
+        for (const row of data ?? []) {
+          usage[row.template_id] = {
+            documentCount: Number(row.document_count ?? 0),
+            lastDocumentAt: row.last_document_at ?? null
+          };
+        }
+        return usage;
+      }
+      return countTemplateUsageClientSide(db, tenantId);
+    },
     // ── Documents (public.documents + plg_forms_documents extension) ──
     async getDocuments(query) {
       const db = getClient();
@@ -451,6 +509,7 @@ function createCustomFormsStore(provider) {
     templatesTotal: 0,
     templatesLoading: false,
     templatesError: null,
+    templateUsage: {},
     documents: [],
     documentsTotal: 0,
     documentsLoading: false,
@@ -470,6 +529,18 @@ function createCustomFormsStore(provider) {
         set({ templatesLoading: false });
       }
     },
+    // Separado de `fetchTemplates` porque é outra pergunta e outro custo: a
+    // lista precisa dos modelos para desenhar, e o uso é um enfeite que chega
+    // depois. Junto, a tela inteira esperaria a agregação; e uma falha na
+    // contagem levaria embora a lista, que não tem nada a ver com isso — daí
+    // ele engolir o erro em vez de escrevê-lo em `templatesError`.
+    async fetchTemplateUsage() {
+      try {
+        set({ templateUsage: await provider.getTemplateUsage() });
+      } catch {
+        set({ templateUsage: {} });
+      }
+    },
     async fetchTemplateById(id) {
       set({ activeTemplateLoading: true });
       try {
@@ -629,6 +700,8 @@ var en = {
   "customForms.archive": "Archive",
   "customForms.archiveDocumentConfirm": "Archive this document? It leaves the active list but is kept on file.",
   "customForms.printPdf": "Print / PDF",
+  "customForms.usageCount": "{{count}} filled in",
+  "customForms.usageLast": "last on {{date}}",
   // Registry
   "registry.form-categories": "Categories",
   "registry.form-categories.description": "Categories for organizing form templates",
@@ -718,6 +791,8 @@ var ptBR = {
   "customForms.archive": "Arquivar",
   "customForms.archiveDocumentConfirm": "Arquivar este documento? Ele sai da lista ativa mas fica guardado.",
   "customForms.printPdf": "Imprimir / PDF",
+  "customForms.usageCount": "{{count}} preenchidos",
+  "customForms.usageLast": "\xFAltimo em {{date}}",
   // Registry
   "registry.form-categories": "Categorias",
   "registry.form-categories.description": "Categorias para organizar modelos de formul\xE1rios",
@@ -761,6 +836,7 @@ function TemplateListView({ store, config, onEdit, onNew }) {
   const [search, setSearch] = useState("");
   const templates = store((s) => s.templates);
   const loading = store((s) => s.templatesLoading);
+  const usage = store((s) => s.templateUsage);
   const orgId = getFormsTenantId();
   useEffect(() => {
     if (!orgId) return;
@@ -769,6 +845,10 @@ function TemplateListView({ store, config, onEdit, onNew }) {
     }, 50);
     return () => clearTimeout(timer);
   }, [orgId, search]);
+  useEffect(() => {
+    if (!orgId) return;
+    void store.getState().fetchTemplateUsage();
+  }, [orgId]);
   const handleArchive = useCallback(async (template) => {
     if (!window.confirm(t("customForms.archiveTemplateConfirm"))) return;
     await store.getState().updateTemplate(template.id, { isActive: false });
@@ -851,6 +931,17 @@ function TemplateListView({ store, config, onEdit, onNew }) {
               "v",
               template.version
             ] })
+          ] }),
+          /* @__PURE__ */ jsxs("p", { className: "mt-2 text-[10px] text-muted-foreground", children: [
+            t("customForms.usageCount", {
+              count: String(usage[template.id]?.documentCount ?? 0)
+            }),
+            usage[template.id]?.lastDocumentAt && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx("span", { className: "px-1", children: "\xB7" }),
+              t("customForms.usageLast", {
+                date: new Date(usage[template.id].lastDocumentAt).toLocaleDateString()
+              })
+            ] })
           ] })
         ] })
       },
@@ -917,7 +1008,7 @@ function BuilderWrapper({
   onBack
 }) {
   const FormBuilderLazy = React2.lazy(
-    () => import('./FormBuilder-7SWZQKFN.js').then((m) => ({ default: m.FormBuilder }))
+    () => import('./FormBuilder-YHJHF6HZ.js').then((m) => ({ default: m.FormBuilder }))
   );
   return /* @__PURE__ */ jsx(
     React2.Suspense,
@@ -1114,6 +1205,21 @@ function DocumentList({ personId, provider, store, onView, onFileDrop }) {
     }
   );
 }
+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: [
+    /* @__PURE__ */ jsx("div", { className: "h-3 w-28 animate-pulse rounded bg-muted" }),
+    /* @__PURE__ */ jsx("div", { className: "h-9 w-full animate-pulse rounded-md bg-muted" })
+  ] }, i)) });
+}
+function DocumentHeaderSkeleton() {
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", "aria-hidden": true, children: [
+    /* @__PURE__ */ jsx("div", { className: "h-3.5 w-3.5 shrink-0 animate-pulse rounded bg-muted" }),
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 space-y-1.5", children: [
+      /* @__PURE__ */ jsx("div", { className: "h-4 w-48 max-w-full animate-pulse rounded bg-muted" }),
+      /* @__PURE__ */ jsx("div", { className: "h-3 w-24 animate-pulse rounded bg-muted" })
+    ] })
+  ] });
+}
 function generateTitle(templateName, personName) {
   const date = (/* @__PURE__ */ new Date()).toLocaleDateString();
   return personName ? `${templateName} \u2014 ${personName} \u2014 ${date}` : `${templateName} \u2014 ${date}`;
@@ -1190,7 +1296,28 @@ function DocumentFormDialog({
     saveLabel: t("customForms.saveAndComplete")
   });
   if (!template) {
-    return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ jsx("div", { className: "h-5 w-5 border-2 border-primary border-t-transparent animate-spin rounded-full" }) });
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+      existingDocument?.title ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: onBack,
+            className: "flex items-center gap-1 text-sm text-muted-foreground transition-colors hover:text-foreground",
+            children: /* @__PURE__ */ jsx(ArrowLeft, { className: "h-3.5 w-3.5" })
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx("h3", { className: "truncate text-sm font-semibold", children: existingDocument.title }),
+          /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: new Date(existingDocument.createdAt).toLocaleDateString() })
+        ] })
+      ] }) : /* @__PURE__ */ jsx(DocumentHeaderSkeleton, {}),
+      /* @__PURE__ */ jsx(
+        DocumentBodySkeleton,
+        {
+          rows: Math.min(Math.max(Object.keys(existingDocument?.data ?? {}).length, 3), 8)
+        }
+      )
+    ] });
   }
   return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
@@ -1239,9 +1366,6 @@ function FormViewer({ document: doc, provider, onBack, onEdit }) {
     }, 50);
     return () => clearTimeout(timer);
   }, [doc.templateId, provider]);
-  if (!template) {
-    return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ jsx("div", { className: "h-5 w-5 border-2 border-primary border-t-transparent animate-spin rounded-full" }) });
-  }
   return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
       /* @__PURE__ */ jsx(
@@ -1253,7 +1377,7 @@ function FormViewer({ document: doc, provider, onBack, onEdit }) {
         }
       ),
       /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-        /* @__PURE__ */ jsx("h3", { className: "font-semibold text-sm truncate", children: doc.title ?? template.name }),
+        /* @__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}`) }),
@@ -1263,7 +1387,8 @@ function FormViewer({ document: doc, provider, onBack, onEdit }) {
           variant: "outline",
           size: "sm",
           className: "h-8",
-          onClick: () => printDocument(template, doc),
+          disabled: !template,
+          onClick: () => template && printDocument(template, doc),
           children: [
             /* @__PURE__ */ jsx(Printer, { className: "h-3 w-3 mr-1" }),
             t("customForms.printPdf")
@@ -1275,7 +1400,7 @@ function FormViewer({ document: doc, provider, onBack, onEdit }) {
         t("common.edit")
       ] })
     ] }),
-    /* @__PURE__ */ jsx("div", { className: "rounded-xl border p-4", children: /* @__PURE__ */ jsx(
+    template ? /* @__PURE__ */ jsx("div", { className: "rounded-xl border p-4", children: /* @__PURE__ */ jsx(
       FormRenderer,
       {
         schema: template.schema,
@@ -1284,11 +1409,15 @@ function FormViewer({ document: doc, provider, onBack, onEdit }) {
         },
         readOnly: true
       }
-    ) })
+    ) }) : (
+      // O documento já diz quantos campos tem: o esqueleto sai da altura certa
+      // em vez de chutar, e a chegada do conteúdo não mexe no scroll.
+      /* @__PURE__ */ jsx(DocumentBodySkeleton, { rows: Math.min(Math.max(Object.keys(doc.data ?? {}).length, 3), 8) })
+    )
   ] });
 }
 
-// src/document-types.ts
+// src/lib/document-types.ts
 var providers = [];
 function registerDocumentTypeProvider(provider) {
   if (providers.find((p) => p.id === provider.id)) return;
@@ -1514,6 +1643,34 @@ function FileDocumentViewer({ document: doc, onBack }) {
     ] }) })
   ] });
 }
+function registerFormsTimelineSource() {
+  registerTimelineSource({
+    id: "documents",
+    label: "Documentos",
+    icon: "FileText",
+    tone: "primary",
+    async fetch(args) {
+      const db = getSupabaseClientOptional();
+      if (!db) return [];
+      let query = db.from("v_documents").select("id, title, kind, status, template_name, created_at").eq("tenant_id", args.tenantId).eq("person_id", args.personId).eq("is_active", true).order("created_at", { ascending: false }).limit(args.limit);
+      if (args.before) query = query.lt("created_at", args.before);
+      const { data, error } = await query;
+      if (error) return [];
+      return (data ?? []).map((row) => ({
+        id: `document:${row.id}`,
+        sourceId: "documents",
+        occurredAt: row.created_at,
+        title: row.title ?? row.template_name ?? "Documento",
+        // O modelo só entra como descrição quando o título não veio dele —
+        // senão a linha diria a mesma coisa duas vezes.
+        description: row.template_name && row.template_name !== row.title ? row.template_name : void 0,
+        badge: row.status ?? void 0,
+        icon: row.kind === "image" ? "Image" : row.kind === "attachment" ? "Paperclip" : "FileText",
+        targetTab: "documents"
+      }));
+    }
+  });
+}
 function registerBuiltInProviders(formsProvider) {
   registerDocumentTypeProvider({
     id: "custom_forms:templates",
@@ -1554,6 +1711,7 @@ function createCustomFormsPlugin(options) {
   );
   const store = createCustomFormsStore(provider);
   registerBuiltInProviders(provider);
+  registerFormsTimelineSource();
   const formRegistries = [
     {
       id: "form-categories",
@@ -1590,9 +1748,6 @@ function createCustomFormsPlugin(options) {
   const SettingsComponent = () => React2.createElement(PluginSettingsPanel, {
     title: config.labels.settingsLabel,
     subtitle: config.labels.settingsSubtitle,
-    // The settings shell already renders the section label as the page H1;
-    // hide the panel's own duplicate title (keeps the subtitle).
-    hideTitle: true,
     customTabs: [
       {
         id: "forms",
@@ -1701,6 +1856,8 @@ function createCustomFormsPlugin(options) {
         audits: true
       }
     ],
+    // Where a submitted form is supposed to land.
+    integrations: ["mailchimp", "rd-station", "zapier"],
     locales: customFormsLocales
   };
 }