@fayz-ai/plugin-forms 0.14.8 → 0.15.0

package/dist/index.js

@@ -1,772 +1,284 @@
-import { isFieldEmpty, CustomFormsProvider, FormRenderer, sanitizeHtml, createOrUpdateFormTool, alertOf, answerAlerts, yesNoAnswer, prefillFromPerson, printDocument, htmlToPlainText, isMedia } from './chunk-ANOY2YYX.js';
-import React12, { useState, useCallback, useRef, useMemo, useEffect } from 'react';
-import { tl, createSafeDataProvider, describeError, registerTranslations, recordRailFields, RECORD_GROUP, activeFacet, getSupabaseClientOptional, getActiveTenantId, useTranslation, 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 { isFieldEmpty, CustomFormsProvider, FormRenderer, sanitizeHtml, createOrUpdateFormTool, alertOf, answerAlerts, yesNoAnswer, prefillFromPerson, printDocument, htmlToPlainText, isMedia } from './chunk-JRR7A5HN.js';
+import React13, { useState, useCallback, useRef, useMemo, useEffect } from 'react';
+import { tl, describeError, useActiveTenantId, registerTranslations, recordRailFields, RECORD_GROUP, activeFacet, getSupabaseClientOptional, getActiveTenantId, useTranslation, formatCurrency, useDataVersion } from '@fayz-ai/core';
+import { T } from '@fayz-ai/forms/data/tables';
+import { createSafeFormsProvider, createFormsStore, FORM_TEMPLATE_EVENT } from '@fayz-ai/forms/store';
+import { defineSettingsTab, PluginSettingsPanel, registerTimelineSource, registerTabCountProvider, useLimitGuard, invalidateLimit, askAI, PermissionGate, PageActions, invalidateTabCounts, TimelineList } from '@fayz-ai/admin';
+import { FORMS_ZONES } from '@fayz-ai/forms/views/zones';
+import { Button, Modal, ModalContent, ModalHeader, ModalTitle, ModalBody, Skeleton, TooltipProvider, Tooltip, TooltipTrigger, TooltipContent, Input, Badge, Switch, RowActions, PageHeaderActions, Card, DataTable, useSaveBar, Dropdown, DropdownTrigger, DropdownContent, DropdownSeparator, DropdownLabel, ConfirmDialog } from '@fayz-ai/ui';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { ClipboardList, QrCode, Printer, Check, CheckCircle2, Clock, Circle, X, Camera, FileText, FileSignature, FileCheck2, Activity, Stethoscope, Image, Paperclip, AlertTriangle, ChevronUp, ChevronDown, Plus, WandSparkles, Pencil, Archive, Search, ArrowLeft, EyeOff, Eye, Upload } from 'lucide-react';
-import { Skeleton, TooltipProvider, Tooltip, TooltipTrigger, TooltipContent, Modal, ModalContent, ModalHeader, ModalTitle, ModalBody, Button, Input, Badge, Switch, RowActions, PageHeaderActions, Card, DataTable, useSaveBar, Dropdown, DropdownTrigger, DropdownContent, DropdownSeparator, DropdownLabel, ConfirmDialog } from '@fayz-ai/ui';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { shownInChecklist, isOutstanding } from '@fayz-ai/forms/domain/requirement';
+export { isOutstanding } from '@fayz-ai/forms/domain/requirement';
+export { getPersonFormRequirements } from '@fayz-ai/forms/data/supabase';
 
-// src/data/tables.ts
-var T = {
-  documents: "plg_forms_documents",
-  templates: "plg_forms_templates",
-  documentFiles: "plg_forms_document_files",
-  categories: "plg_forms_categories"
-};
-
-// src/data/mock.ts
-function uuid() {
-  return crypto.randomUUID();
-}
-function now() {
-  return (/* @__PURE__ */ new Date()).toISOString();
-}
-function createMockFormsProvider() {
-  const templates = [];
-  const documents = [];
-  const files = [];
+var defaultLabels = () => ({
+  pageTitle: tl("Forms", "Formul\xE1rios"),
+  settingsLabel: tl("Forms", "Formul\xE1rios"),
+  settingsSubtitle: tl("Create and manage custom forms for your business", "Crie e organize os formul\xE1rios da sua empresa"),
+  templates: tl("Templates", "Modelos"),
+  documents: tl("Documents", "Documentos"),
+  newTemplate: tl("New Template", "Novo modelo"),
+  addDocument: tl("Add Document", "Adicionar documento")
+});
+function resolveConfig(options) {
   return {
-    // ── Templates ──────────────────────────────────────────
-    async getTemplates(query) {
-      let filtered = templates.filter((t) => !t.isDeleted && t.isCurrent);
-      if (query.category) {
-        filtered = filtered.filter((t) => t.category === query.category);
-      }
-      if (query.search) {
-        const s = query.search.toLowerCase();
-        filtered = filtered.filter((t) => t.name.toLowerCase().includes(s));
-      }
-      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 getTemplateById(id) {
-      return templates.find((t) => t.id === id && !t.isDeleted) ?? null;
-    },
-    async createTemplate(input) {
-      const template = {
-        id: uuid(),
-        tenantId: "mock-tenant",
-        name: input.name,
-        description: input.description,
-        category: input.category,
-        version: 1,
-        isCurrent: true,
-        schema: input.schema,
-        specialty: input.specialty,
-        tags: input.tags ?? [],
-        metadata: input.metadata ?? {},
-        isActive: true,
-        isDeleted: false,
-        requiredOnAttendance: false,
-        alertWhenMissing: false,
-        validityDays: null,
-        createdAt: now(),
-        updatedAt: now()
-      };
-      templates.push(template);
-      return template;
-    },
-    async updateTemplate(id, input) {
-      const idx = templates.findIndex((t) => t.id === id);
-      if (idx === -1) throw new Error("Template not found");
-      const existing = templates[idx];
-      const updated = {
-        ...existing,
-        ...input,
-        tags: input.tags ?? existing.tags,
-        metadata: input.metadata ?? existing.metadata,
-        schema: input.schema ?? existing.schema,
-        updatedAt: now()
-      };
-      templates[idx] = updated;
-      return updated;
-    },
-    async deleteTemplate(id) {
-      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);
-      if (query.personId) {
-        filtered = filtered.filter((d) => d.personId === query.personId);
-      }
-      if (query.templateId) {
-        filtered = filtered.filter((d) => d.templateId === query.templateId);
-      }
-      if (query.status) {
-        const statuses = Array.isArray(query.status) ? query.status : [query.status];
-        filtered = filtered.filter((d) => statuses.includes(d.status));
-      }
-      if (query.search) {
-        const s = query.search.toLowerCase();
-        filtered = filtered.filter(
-          (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;
-    },
-    async createDocument(input) {
-      const template = templates.find((t) => t.id === input.templateId);
-      const doc = {
-        id: uuid(),
-        tenantId: "mock-tenant",
-        templateId: input.templateId ?? "",
-        templateName: template?.name,
-        templateCategory: template?.category,
-        personId: input.personId,
-        title: input.title,
-        data: input.data ?? {},
-        kind: input.kind ?? (input.templateId ? "form" : "attachment"),
-        status: input.status ?? "draft",
-        metadata: {},
-        isDeleted: false,
-        createdAt: now(),
-        updatedAt: now()
-      };
-      documents.push(doc);
-      return doc;
-    },
-    async updateDocument(id, input) {
-      const idx = documents.findIndex((d) => d.id === id);
-      if (idx === -1) throw new Error("Document not found");
-      const existing = documents[idx];
-      const updated = {
-        ...existing,
-        ...input,
-        data: input.data ?? existing.data,
-        updatedAt: now()
-      };
-      documents[idx] = updated;
-      return updated;
-    },
-    async deleteDocument(id) {
-      const idx = documents.findIndex((d) => d.id === id);
-      if (idx !== -1) documents[idx] = { ...documents[idx], isDeleted: true };
-    },
-    // ── Files ──────────────────────────────────────────────
-    async getDocumentFiles(documentId) {
-      return files.filter((f) => f.documentId === documentId);
-    },
-    async uploadFile(documentId, fieldKey, file) {
-      const docFile = {
-        id: uuid(),
-        tenantId: "mock-tenant",
-        documentId,
-        fieldKey,
-        fileUrl: URL.createObjectURL(file),
-        fileName: file.name,
-        fileSize: file.size,
-        mimeType: file.type,
-        sortOrder: files.filter((f) => f.documentId === documentId && f.fieldKey === fieldKey).length,
-        metadata: {},
-        createdAt: now()
-      };
-      files.push(docFile);
-      return docFile;
-    },
-    async uploadMedia(blob) {
-      return { path: URL.createObjectURL(blob) };
-    },
-    async mediaUrl(path) {
-      return path;
-    },
-    async searchCatalog() {
-      return [];
-    },
-    async deleteFile(fileId) {
-      const idx = files.findIndex((f) => f.id === fileId);
-      if (idx !== -1) files.splice(idx, 1);
-    }
+    labels: { ...defaultLabels(), ...options?.labels }
   };
 }
-function getFormsTenantId() {
-  return getActiveTenantId();
-}
-function getTenantId() {
-  return getFormsTenantId() ?? getActiveTenantId() ?? "";
-}
-function getClient() {
-  const supabase = getSupabaseClientOptional();
-  if (!supabase) throw new Error("Supabase not initialized");
-  return supabase;
-}
-var MEDIA_BUCKET = "attachments";
-var SIGNED_TTL_S = 3600;
-var signedCache = /* @__PURE__ */ new Map();
-var USAGE_FALLBACK_LIMIT = 5e3;
-async function countTemplateUsageClientSide(db2, tenantId2) {
-  try {
-    const { data, error, count } = await db2.from("v_documents").select("template_id, created_at", { count: "exact" }).eq("tenant_id", tenantId2).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;
+function recommendationsOf(template, data) {
+  const by = /* @__PURE__ */ new Map();
+  for (const f of template.schema.fields) {
+    if (f.type !== "recommendation" || !Array.isArray(data[f.id])) continue;
+    for (const l of data[f.id]) {
+      const cur = by.get(l.serviceId);
+      by.set(l.serviceId, cur ? { ...cur, quantity: cur.quantity + l.quantity } : { ...l });
     }
-    return usage;
-  } catch {
-    return {};
   }
+  return [...by.values()];
 }
-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,
-    description: r.description,
-    category: r.category,
-    version: r.version,
-    isCurrent: r.is_current,
-    parentId: r.parent_id,
-    schema: r.schema,
-    specialty: r.specialty,
-    tags: r.tags ?? [],
-    metadata: r.metadata ?? {},
-    isActive: r.is_active,
-    isDeleted: r.is_deleted,
-    createdBy: r.created_by,
-    updatedBy: r.updated_by,
-    createdAt: r.created_at,
-    updatedAt: r.updated_at
-  };
-}
-function mapDocument(r) {
-  return {
-    id: r.id,
-    tenantId: r.tenant_id,
-    templateId: r.template_id ?? "",
-    templateName: r.template_name,
-    templateCategory: r.template_category,
-    personId: r.person_id,
-    personName: r.person_name,
-    title: r.title,
-    data: r.form_data ?? {},
-    status: r.status,
-    signedAt: r.signed_at,
-    signedBy: r.signed_by,
-    notes: r.notes,
-    metadata: r.metadata ?? {},
-    isDeleted: false,
-    createdBy: r.created_by,
-    updatedBy: r.updated_by,
-    createdAt: r.created_at,
-    updatedAt: r.updated_at,
-    // Extra fields from core document
-    kind: r.kind,
-    fileUrl: r.file_url,
-    fileName: r.file_name,
-    fileSize: r.file_size,
-    mimeType: r.mime_type
-  };
-}
-function mapFile(r) {
-  return {
-    id: r.id,
-    tenantId: r.tenant_id,
-    documentId: r.document_id,
-    fieldKey: r.field_key,
-    fileUrl: r.file_url,
-    fileName: r.file_name,
-    fileSize: r.file_size,
-    mimeType: r.mime_type,
-    sortOrder: r.sort_order,
-    metadata: r.metadata ?? {},
-    createdAt: r.created_at
-  };
-}
-function createSupabaseFormsProvider() {
-  return {
-    // ── Templates ──────────────────────────────────────────
-    async getTemplates(query) {
-      const db2 = getClient();
-      let qb = db2.from(T.templates).select("*", { count: "exact" }).eq("tenant_id", getTenantId()).eq("is_current", true).eq("is_deleted", false).eq("is_active", true);
-      if (query.category) qb = qb.eq("category", query.category);
-      if (query.search) qb = qb.ilike("name", `%${query.search}%`);
-      const page = query.page ?? 1;
-      const pageSize = query.pageSize ?? 25;
-      qb = qb.order("updated_at", { ascending: false }).range((page - 1) * pageSize, page * pageSize - 1);
-      const { data, count, error } = await qb;
-      if (error) throw new Error(error.message);
-      return { data: (data ?? []).map(mapTemplate), total: count ?? 0 };
-    },
-    async getTemplateById(id) {
-      const db2 = getClient();
-      const { data, error } = await db2.from(T.templates).select("*").eq("id", id).eq("is_deleted", false).single();
-      if (error || !data) return null;
-      return mapTemplate(data);
-    },
-    async createTemplate(input) {
-      const db2 = getClient();
-      const tenantId2 = getTenantId();
-      const { data, error } = await db2.from(T.templates).insert({
-        tenant_id: tenantId2,
-        name: input.name,
-        description: input.description,
-        category: input.category,
-        schema: input.schema,
-        specialty: input.specialty,
-        tags: input.tags ?? [],
-        metadata: input.metadata ?? {}
-      }).select().single();
-      if (error) throw new Error(error.message);
-      return mapTemplate(data);
-    },
-    async updateTemplate(id, input) {
-      const db2 = getClient();
-      const tenantId2 = getTenantId();
-      const { count } = await db2.from(T.documents).select("document_id", { count: "exact", head: true }).eq("template_id", id);
-      const hasDocuments = (count ?? 0) > 0;
-      if (hasDocuments && input.schema) {
-        const existing = await this.getTemplateById(id);
-        if (!existing) throw new Error("Template not found");
-        const { data: newRow, error: insertError } = await db2.from(T.templates).insert({
-          tenant_id: tenantId2,
-          name: input.name ?? existing.name,
-          description: input.description ?? existing.description,
-          category: input.category ?? existing.category,
-          schema: input.schema,
-          specialty: input.specialty ?? existing.specialty,
-          tags: input.tags ?? existing.tags,
-          metadata: input.metadata ?? existing.metadata,
-          is_active: input.isActive ?? existing.isActive,
-          version: existing.version + 1,
-          is_current: true,
-          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 db2.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() };
-      if (input.name !== void 0) updates.name = input.name;
-      if (input.description !== void 0) updates.description = input.description;
-      if (input.category !== void 0) updates.category = input.category;
-      if (input.schema !== void 0) updates.schema = input.schema;
-      if (input.specialty !== void 0) updates.specialty = input.specialty;
-      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 db2.from(T.templates).update(updates).eq("id", id).select().single();
-      if (error) throw new Error(error.message);
-      return mapTemplate(data);
-    },
-    async deleteTemplate(id) {
-      const db2 = getClient();
-      const { error } = await db2.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 db2 = getClient();
-      const tenantId2 = getTenantId();
-      if (!tenantId2) return {};
-      const { data, error } = await db2.from("v_forms_template_usage").select("template_id, document_count, last_document_at").eq("tenant_id", tenantId2);
-      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(db2, tenantId2);
-    },
-    // ── Documents (public.documents + plg_forms_documents extension) ──
-    async getDocuments(query) {
-      const db2 = getClient();
-      let qb = db2.from("v_documents").select("*", { count: "exact" }).eq("tenant_id", getTenantId()).eq("is_active", true);
-      if (query.personId) qb = qb.eq("person_id", query.personId);
-      if (query.templateId) qb = qb.eq("template_id", query.templateId);
-      if (query.status) {
-        const statuses = Array.isArray(query.status) ? query.status : [query.status];
-        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);
-      const { data, count, error } = await qb;
-      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 db2 = getClient();
-      let qb = db2.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 db2 = getClient();
-      const { data, error } = await db2.from("v_documents").select("*").eq("id", id).single();
-      if (error || !data) return null;
-      return mapDocument(data);
-    },
-    async createDocument(input) {
-      const tenantId2 = getTenantId();
-      const isForm = !!input.templateId;
-      const { data: coreDoc, error: coreError } = await getClient().from("documents").insert({
-        tenant_id: tenantId2,
-        kind: input.kind ?? (isForm ? "form" : "attachment"),
-        person_id: input.personId,
-        title: input.title,
-        status: input.status ?? "draft",
-        file_url: input.fileUrl,
-        file_name: input.fileName,
-        file_size: input.fileSize,
-        mime_type: input.mimeType,
-        subject_type: input.subjectType,
-        subject_id: input.subjectId,
-        metadata: {}
-      }).select().single();
-      if (coreError) throw new Error(coreError.message);
-      if (isForm && input.templateId) {
-        const db2 = getClient();
-        const { error: extError } = await db2.from(T.documents).insert({
-          document_id: coreDoc.id,
-          tenant_id: tenantId2,
-          template_id: input.templateId,
-          data: input.data ?? {},
-          product_id: input.productId ?? null,
-          professional_id: input.professionalId ?? null
-        });
-        if (extError) {
-          await getClient().from("documents").delete().eq("id", coreDoc.id);
-          throw new Error(extError.message);
-        }
-      }
-      const doc = await this.getDocumentById(coreDoc.id);
-      return doc;
-    },
-    async updateDocument(id, input) {
-      const now2 = (/* @__PURE__ */ new Date()).toISOString();
-      const coreUpdates = { updated_at: now2 };
-      if (input.status !== void 0) coreUpdates.status = input.status;
-      if (input.title !== void 0) coreUpdates.title = input.title;
-      if (input.notes !== void 0) coreUpdates.notes = input.notes;
-      const { error: coreError } = await getClient().from("documents").update(coreUpdates).eq("id", id);
-      if (coreError) throw new Error(coreError.message);
-      if (input.data !== void 0) {
-        const db2 = getClient();
-        await db2.from(T.documents).update({ data: input.data, updated_at: now2 }).eq("document_id", id);
-      }
-      const doc = await this.getDocumentById(id);
-      return doc;
-    },
-    async deleteDocument(id) {
-      const { error } = await getClient().from("documents").update({ is_active: false, updated_at: (/* @__PURE__ */ new Date()).toISOString() }).eq("id", id);
-      if (error) throw new Error(error.message);
-    },
-    // ── Files ──────────────────────────────────────────────
-    async getDocumentFiles(documentId) {
-      const db2 = getClient();
-      const { data, error } = await db2.from(T.documentFiles).select("*").eq("document_id", documentId).order("sort_order");
-      if (error) throw new Error(error.message);
-      return (data ?? []).map(mapFile);
-    },
-    async uploadFile(documentId, fieldKey, file) {
-      const db2 = getClient();
-      const tenantId2 = getTenantId();
-      const ext = file.name.split(".").pop() ?? "bin";
-      const storagePath = `${tenantId2}/forms/${documentId}/${fieldKey}/${crypto.randomUUID()}.${ext}`;
-      const { error: uploadError } = await db2.storage.from("documents").upload(storagePath, file, { contentType: file.type });
-      if (uploadError) throw new Error(uploadError.message);
-      const { data: urlData } = db2.storage.from("documents").getPublicUrl(storagePath);
-      const { data, error } = await db2.from(T.documentFiles).insert({
-        tenant_id: tenantId2,
-        document_id: documentId,
-        field_key: fieldKey,
-        file_url: urlData.publicUrl,
-        file_name: file.name,
-        file_size: file.size,
-        mime_type: file.type
-      }).select().single();
-      if (error) throw new Error(error.message);
-      return mapFile(data);
-    },
-    async uploadMedia(blob, folder, fileName) {
-      const tenantId2 = getTenantId();
-      const ext = (fileName.split(".").pop() || "bin").toLowerCase();
-      const path = `${tenantId2}/forms/${folder}/${crypto.randomUUID()}.${ext}`;
-      const { error } = await getClient().storage.from(MEDIA_BUCKET).upload(path, blob, { contentType: blob.type || void 0, upsert: false });
-      if (error) throw new Error(error.message);
-      return { path };
-    },
-    async mediaUrl(path) {
-      const cached = signedCache.get(path);
-      if (cached && cached.until > Date.now()) return cached.url;
-      const { data, error } = await getClient().storage.from(MEDIA_BUCKET).createSignedUrl(path, SIGNED_TTL_S);
-      if (error || !data?.signedUrl) return null;
-      signedCache.set(path, { url: data.signedUrl, until: Date.now() + (SIGNED_TTL_S - 60) * 1e3 });
-      return data.signedUrl;
-    },
-    async searchCatalog(term) {
-      const db2 = getClient();
-      const tenantId2 = getTenantId();
-      const like = term.trim() ? `%${term.trim()}%` : null;
-      let sq = db2.from("products").select("id, name, price, category:categories(name)").eq("tenant_id", tenantId2).eq("kind", "service").eq("is_active", true).order("name").limit(500);
-      if (like) sq = sq.ilike("name", like);
-      let pq = db2.from("service_packages").select("id, name, price").eq("tenant_id", tenantId2).eq("is_active", true).order("name").limit(100);
-      if (like) pq = pq.ilike("name", like);
-      const [sv, pk] = await Promise.all([sq, pq]);
-      if (sv.error) throw new Error(sv.error.message);
-      return [
-        ...(sv.data ?? []).map((r) => ({
-          kind: "service",
-          id: r.id,
-          name: r.name,
-          price: Number(r.price) || 0,
-          group: r.category?.name ?? null
-        })),
-        ...(pk.data ?? []).map((r) => ({
-          kind: "package",
-          id: r.id,
-          name: r.name,
-          price: Number(r.price) || 0,
-          group: null
-        }))
-      ];
-    },
-    async getLatestAnswers(personId, templateIds) {
-      if (!templateIds.length) return [];
-      const { data, error } = await getClient().from(T.documents).select("template_id, data, document:documents!inner(person_id, created_at, updated_at)").in("template_id", templateIds).eq("document.person_id", personId).order("created_at", { ascending: false, referencedTable: "documents" }).limit(50);
-      if (error) throw new Error(error.message);
-      const latest = /* @__PURE__ */ new Map();
-      for (const r of data ?? []) {
-        const at = r.document?.updated_at ?? r.document?.created_at ?? "";
-        const cur = latest.get(r.template_id);
-        if (!cur || at > cur.at) latest.set(r.template_id, { templateId: r.template_id, data: r.data ?? {}, at });
-      }
-      return [...latest.values()];
-    },
-    async getPackageServices(packageId) {
-      const { data, error } = await getClient().from("service_package_items").select("product_id, quantity, unit_price, product:products(name, price, kind)").eq("package_id", packageId).order("sort_order");
-      if (error) throw new Error(error.message);
-      return (data ?? []).filter((r) => r.product_id && (r.product?.kind ?? "service") === "service").map((r) => ({
-        serviceId: r.product_id,
-        name: r.product?.name ?? "",
-        unitPrice: Number(r.unit_price ?? r.product?.price) || 0,
-        quantity: Math.max(1, Number(r.quantity) || 1)
-      }));
-    },
-    async deleteFile(fileId) {
-      const db2 = getClient();
-      const { error } = await db2.from(T.documentFiles).delete().eq("id", fileId);
-      if (error) throw new Error(error.message);
+function FormFillDialog({
+  templateId,
+  personId,
+  personName,
+  onSaved,
+  onClose,
+  frame = "modal",
+  subject,
+  productId,
+  professionalId,
+  recommendationShortcuts,
+  provider: given
+}) {
+  const provider = React13.useMemo(() => given ?? createSafeFormsProvider(), [given]);
+  const store = React13.useMemo(() => createFormsStore(provider), [provider]);
+  const config = React13.useMemo(() => resolveConfig(), []);
+  const [template, setTemplate] = React13.useState(null);
+  const [erro, setErro] = React13.useState(null);
+  const [data, setData] = React13.useState({});
+  const [salvando, setSalvando] = React13.useState(false);
+  const [missing, setMissing] = React13.useState(/* @__PURE__ */ new Set());
+  React13.useEffect(() => {
+    if (!template || missing.size === 0) return;
+    const still = new Set([...missing].filter((id) => {
+      const f = template.schema.fields.find((x) => x.id === id);
+      return f ? isFieldEmpty(f, data[id]) : false;
+    }));
+    if (still.size !== missing.size) setMissing(still);
+    if (still.size === 0) setErro(null);
+  }, [data, template, missing]);
+  async function salvar() {
+    if (!template) return;
+    const faltando = template.schema.fields.filter((f) => f.required && isFieldEmpty(f, data[f.id]));
+    if (faltando.length) {
+      setMissing(new Set(faltando.map((f) => f.id)));
+      const primeiro = [...faltando].sort((a, b) => a.row - b.row || a.col - b.col)[0];
+      requestAnimationFrame(() => document.getElementById(`ff-field-${primeiro.id}`)?.scrollIntoView({ block: "center" }));
+      setErro(faltando.length === 1 ? `Preencha o campo obrigat\xF3rio destacado: ${faltando[0].label}` : `Preencha os ${faltando.length} campos obrigat\xF3rios destacados.`);
+      return;
     }
-  };
-}
-var FORM_TEMPLATE_EVENT = "forms.template.";
-function emitTemplateEvent(action, id, name) {
-  emitDomainEvent(
-    `${FORM_TEMPLATE_EVENT}${action}`,
-    { record_id: id, record_name: name ?? null },
-    { tenantId: getActiveTenantId() ?? null, subject: { type: "form_template", id } }
-  );
-}
-function createCustomFormsStore(provider) {
-  return create((set) => ({
-    templates: [],
-    templatesTotal: 0,
-    templatesLoading: false,
-    templatesError: null,
-    templateUsage: {},
-    documents: [],
-    documentsTotal: 0,
-    documentsLoading: false,
-    documentsError: null,
-    activeTemplate: null,
-    activeTemplateLoading: false,
-    activeDocument: null,
-    activeDocumentLoading: false,
-    async fetchTemplates(query) {
-      set({ templatesLoading: true, templatesError: null });
-      try {
-        const result = await provider.getTemplates(query ?? {});
-        set({ templates: result.data, templatesTotal: result.total });
-      } catch (e) {
-        set({ templatesError: e.message ?? "Failed to fetch templates" });
-      } finally {
-        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 {
-        const template = await provider.getTemplateById(id);
-        set({ activeTemplate: template });
-        return template;
-      } catch {
-        set({ activeTemplate: null });
-        return null;
-      } finally {
-        set({ activeTemplateLoading: false });
-      }
-    },
-    async createTemplate(input) {
-      const template = await provider.createTemplate(input);
-      set((s) => ({ templates: [template, ...s.templates], templatesTotal: s.templatesTotal + 1 }));
-      emitTemplateEvent("created", template.id, template.name);
-      return template;
-    },
-    async updateTemplate(id, input) {
-      const template = await provider.updateTemplate(id, input);
-      set((s) => ({
-        templates: s.templates.map((t) => t.id === id ? template : t),
-        activeTemplate: s.activeTemplate?.id === id ? template : s.activeTemplate
-      }));
-      emitTemplateEvent("updated", template.id, template.name);
-      return template;
-    },
-    async deleteTemplate(id) {
-      await provider.deleteTemplate(id);
-      emitTemplateEvent("deleted", id);
-      set((s) => ({
-        templates: s.templates.filter((t) => t.id !== id),
-        templatesTotal: s.templatesTotal - 1
-      }));
-    },
-    async fetchDocuments(query) {
-      set({ documentsLoading: true, documentsError: null });
+    setErro(null);
+    setSalvando(true);
+    try {
+      const doc = await store.getState().createDocument({
+        templateId: template.id,
+        personId,
+        title: personName ? `${template.name} \u2014 ${personName}` : template.name,
+        data,
+        status: "completed",
+        subjectType: subject?.type,
+        subjectId: subject?.id,
+        productId: productId ?? void 0,
+        professionalId: professionalId ?? void 0
+      });
+      await onSaved?.({ documentId: doc.id, template, data, recommendations: recommendationsOf(template, data) });
+      onClose();
+    } catch (e) {
+      setErro(describeError(e, "N\xE3o foi poss\xEDvel salvar o formul\xE1rio."));
+    } finally {
+      setSalvando(false);
+    }
+  }
+  React13.useEffect(() => {
+    let vivo = true;
+    (async () => {
       try {
-        const result = await provider.getDocuments(query ?? {});
-        set({ documents: result.data, documentsTotal: result.total });
+        const t = await store.getState().fetchTemplateById(templateId);
+        if (vivo) setTemplate(t);
       } catch (e) {
-        set({ documentsError: e.message ?? "Failed to fetch documents" });
-      } finally {
-        set({ documentsLoading: false });
+        if (vivo) setErro(describeError(e, "N\xE3o foi poss\xEDvel abrir o formul\xE1rio."));
       }
-    },
-    async fetchDocumentById(id) {
-      set({ activeDocumentLoading: true });
-      try {
-        const doc = await provider.getDocumentById(id);
-        set({ activeDocument: doc });
-        return doc;
-      } catch {
-        set({ activeDocument: null });
-        return null;
-      } finally {
-        set({ activeDocumentLoading: false });
+    })();
+    return () => {
+      vivo = false;
+    };
+  }, [templateId, store]);
+  const corpo = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-y-auto px-5 py-4", children: [
+      erro && /* @__PURE__ */ jsx("p", { role: "alert", className: "mb-3 rounded-lg bg-destructive/10 px-3 py-2 text-xs text-destructive", children: erro }),
+      !template ? erro ? null : (
+        /* Esqueleto com a FORMA do formulário: três campos e um rótulo. */
+        /* @__PURE__ */ jsx("div", { className: "space-y-4", "aria-busy": "true", children: [0, 1, 2].map((i) => /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+          /* @__PURE__ */ jsx("div", { className: "h-3 w-24 animate-pulse rounded bg-muted/70" }),
+          /* @__PURE__ */ jsx("div", { className: "h-9 w-full animate-pulse rounded-lg bg-muted" })
+        ] }, i)) })
+      ) : /* @__PURE__ */ jsx(CustomFormsProvider, { value: { config, provider, store }, children: /* @__PURE__ */ jsx(
+        FormRenderer,
+        {
+          schema: template.schema,
+          data,
+          onChange: setData,
+          missing,
+          recommendationShortcuts
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "border-t fayz-glass-divider px-5 py-2.5 pb-[calc(0.625rem+env(safe-area-inset-bottom))] sm:pb-2.5 shrink-0", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-2", children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "bare",
+          size: "bare",
+          type: "button",
+          onClick: onClose,
+          className: "rounded-button px-2 py-1.5 text-xs font-medium text-muted-foreground hover:text-foreground",
+          children: "Agora n\xE3o"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "bare",
+          size: "bare",
+          type: "button",
+          onClick: salvar,
+          disabled: !template || salvando,
+          className: "rounded-button bg-foreground px-3 py-1.5 text-xs font-semibold text-background disabled:opacity-40",
+          children: salvando ? "Salvando\u2026" : "Concluir"
+        }
+      )
+    ] }) })
+  ] });
+  if (frame === "inline") return corpo;
+  return /* @__PURE__ */ jsx(Modal, { open: true, onOpenChange: (o) => {
+    if (!o) onClose();
+  }, children: /* @__PURE__ */ jsxs(ModalContent, { size: "2xl", noPadding: true, className: "gap-0", children: [
+    /* @__PURE__ */ jsx(ModalHeader, { className: "border-b px-5 py-3.5", children: /* @__PURE__ */ jsx(ModalTitle, { className: "truncate text-base", children: template?.name ?? "Formul\xE1rio" }) }),
+    /* @__PURE__ */ jsx(ModalBody, { className: "p-0", children: corpo })
+  ] }) });
+}
+var DATE = (iso) => (/* @__PURE__ */ new Date(iso + "T00:00:00")).toLocaleDateString("pt-BR");
+function Linha({ item }) {
+  const Icone = item.state === "done" ? CheckCircle2 : item.state === "late" ? Clock : Circle;
+  const cor = item.state === "done" ? "text-success" : item.state === "late" ? "text-warning" : "text-muted-foreground";
+  return /* @__PURE__ */ jsxs("li", { className: "flex flex-wrap items-center gap-x-2 gap-y-0.5 px-3 py-1.5 text-xs", children: [
+    /* @__PURE__ */ jsx(Icone, { className: `h-3.5 w-3.5 shrink-0 ${cor}`, "aria-hidden": true }),
+    /* @__PURE__ */ jsx("span", { className: item.state === "done" ? "text-foreground" : "font-medium text-foreground", children: item.label }),
+    item.detail && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+      "\u2014 ",
+      item.detail
+    ] }),
+    item.action && // O VERBO NÃO PODE PARECER DESLIGADO. Em `text-primary` sobre o âmbar
+    // da faixa ele saía lavado e, quando quebrava a linha, parecia um
+    // rótulo cinza no canto — a recepção lia "pendente" e não via que
+    // havia o que clicar.
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "bare",
+        size: "bare",
+        type: "button",
+        onClick: item.action.onClick,
+        className: "ml-auto shrink-0 rounded-button bg-foreground px-2 py-0.5 text-[11px] font-semibold text-background hover:opacity-90",
+        children: item.action.label
       }
+    )
+  ] });
+}
+function PersonFormsAlert({ personId, onFill, version = 0, extras, onPending, sendLink, className, provider: given }) {
+  const provider = React13.useMemo(() => given ?? createSafeFormsProvider(), [given]);
+  const tenantId2 = useActiveTenantId();
+  const [rows, setRows] = React13.useState(null);
+  React13.useEffect(() => {
+    if (!personId || !tenantId2) {
+      setRows([]);
+      return;
+    }
+    let cancelled = false;
+    setRows(null);
+    provider.getPersonRequirements(personId).then((r) => {
+      if (!cancelled) setRows(r);
+    }).catch(() => {
+      if (!cancelled) setRows([]);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [personId, tenantId2, version, provider]);
+  const itens = React13.useMemo(() => [
+    ...(rows ?? []).filter(shownInChecklist).map((r) => {
+      const pendente = isOutstanding(r);
+      return {
+        id: r.templateId,
+        label: r.templateName,
+        state: !pendente ? "done" : r.state === "expired" ? "late" : "todo",
+        detail: !pendente ? r.validUntil ? `em dia, v\xE1lido at\xE9 ${DATE(r.validUntil)}` : "em dia" : r.state === "expired" && r.validUntil ? `venceu em ${DATE(r.validUntil)}` : "nunca preenchido",
+        action: pendente && onFill ? { label: "Preencher agora", onClick: () => onFill(r.templateId) } : void 0
+      };
+    }),
+    ...extras ?? []
+  ], [rows, extras, onFill]);
+  const peso = (i) => i.state === "late" ? 0 : i.state === "todo" ? 1 : 2;
+  itens.sort((a, b) => peso(a) - peso(b));
+  const pendentes = itens.filter((i) => i.state !== "done");
+  const faltando = pendentes.length;
+  const chave = pendentes.map((i) => i.label).join("|");
+  React13.useEffect(() => {
+    onPending?.(chave ? chave.split("|") : []);
+  }, [chave]);
+  if (rows === null) return /* @__PURE__ */ jsx(Skeleton, { className: `h-12 w-full ${className ?? ""}` });
+  if (itens.length === 0) return null;
+  return /* @__PURE__ */ jsxs("div", { className: `overflow-hidden rounded-lg border ${faltando ? "border-warning/40 bg-warning/5" : "border-success/30 bg-success/5"} ${className ?? ""}`, children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 border-b border-inherit px-3 py-1.5 text-[11px] font-medium text-foreground", children: [
+      /* @__PURE__ */ jsx(ClipboardList, { className: `h-3.5 w-3.5 ${faltando ? "text-warning" : "text-success"}`, "aria-hidden": true }),
+      faltando === 0 ? "Checagem do paciente \u2014 tudo em dia" : faltando === 1 ? "1 item pendente com o paciente" : `${faltando} itens pendentes com o paciente`,
+      sendLink && /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 300, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
+        /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "bare",
+            size: "bare",
+            type: "button",
+            "aria-label": "Enviar link ao paciente pelo WhatsApp",
+            "aria-disabled": sendLink === "soon",
+            onClick: sendLink === "soon" ? void 0 : sendLink,
+            className: `font-normal ${`ml-auto inline-flex h-6 w-6 items-center justify-center rounded-md transition-colors ${sendLink === "soon" ? "cursor-not-allowed text-muted-foreground/60" : "text-foreground hover:bg-muted"}`}`,
+            children: /* @__PURE__ */ jsx(QrCode, { className: "h-3.5 w-3.5", "aria-hidden": true })
+          }
+        ) }),
+        /* @__PURE__ */ jsx(TooltipContent, { side: "left", children: sendLink === "soon" ? "Enviar pelo WhatsApp (QR Code) \u2014 em breve" : "Enviar pelo WhatsApp (QR Code)" })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsx("ul", { className: "divide-y divide-border/60", children: itens.map((i) => /* @__PURE__ */ jsx(Linha, { item: i }, i.id)) })
+  ] });
+}
+
+// src/components/formsZoneWidgets.ts
+function formsZoneWidgets(provider) {
+  const PersonChecklist = (props) => React13.createElement(PersonFormsAlert, { ...props, provider });
+  const FormFill = (props) => React13.createElement(FormFillDialog, { ...props, provider });
+  return [
+    {
+      id: "forms-person-checklist",
+      zone: FORMS_ZONES.personChecklist,
+      component: PersonChecklist
     },
-    async createDocument(input) {
-      const doc = await provider.createDocument(input);
-      set((s) => ({ documents: [doc, ...s.documents], documentsTotal: s.documentsTotal + 1 }));
-      return doc;
-    },
-    async updateDocument(id, input) {
-      const doc = await provider.updateDocument(id, input);
-      set((s) => ({
-        documents: s.documents.map((d) => d.id === id ? doc : d),
-        activeDocument: s.activeDocument?.id === id ? doc : s.activeDocument
-      }));
-      return doc;
-    },
-    async deleteDocument(id) {
-      await provider.deleteDocument(id);
-      set((s) => ({
-        documents: s.documents.filter((d) => d.id !== id),
-        documentsTotal: s.documentsTotal - 1
-      }));
+    {
+      id: "forms-form-fill",
+      zone: FORMS_ZONES.formFill,
+      component: FormFill
     }
-  }));
+  ];
 }
 
 // src/locales/en.ts
@@ -1053,20 +565,6 @@ var customFormsLocales = {
   en,
   "pt-BR": ptBR
 };
-var defaultLabels = () => ({
-  pageTitle: tl("Forms", "Formul\xE1rios"),
-  settingsLabel: tl("Forms & Documents", "Formul\xE1rios e documentos"),
-  settingsSubtitle: tl("Create and manage custom forms for your business", "Crie e organize os formul\xE1rios da sua empresa"),
-  templates: tl("Templates", "Modelos"),
-  documents: tl("Documents", "Documentos"),
-  newTemplate: tl("New Template", "Novo modelo"),
-  addDocument: tl("Add Document", "Adicionar documento")
-});
-function resolveConfig(options) {
-  return {
-    labels: { ...defaultLabels(), ...options?.labels }
-  };
-}
 var CATEGORY_COLORS = {
   anamnesis: "bg-info-soft text-info-soft-foreground",
   evaluation: "bg-info-soft text-info-soft-foreground",
@@ -1082,7 +580,7 @@ function TemplateListView({ store, config, onEdit, onNew }) {
   const templates = store((s) => s.templates);
   const loading = store((s) => s.templatesLoading);
   const usage = store((s) => s.templateUsage);
-  const orgId = getFormsTenantId();
+  const orgId = getActiveTenantId();
   const createActions = useMemo(() => {
     const permission = { feature: "custom_forms", action: "create" };
     return [
@@ -1275,13 +773,12 @@ function TemplateListView({ store, config, onEdit, onNew }) {
       /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-2 border-b border-border px-3 py-2", children: /* @__PURE__ */ jsxs("div", { className: "relative min-w-[10rem] flex-1", children: [
         /* @__PURE__ */ jsx(Search, { className: "pointer-events-none absolute left-2.5 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }),
         /* @__PURE__ */ jsx(
-          "input",
+          Input,
           {
-            type: "text",
             value: search,
             onChange: (e) => setSearch(e.target.value),
             placeholder: t("common.search"),
-            className: "w-full bg-transparent py-1.5 pl-8 pr-3 text-sm placeholder:text-muted-foreground focus:outline-none"
+            className: "h-auto rounded-none border-0 bg-transparent py-1.5 pl-8 pr-3 shadow-none focus-visible:ring-0 focus-visible:ring-offset-0"
           }
         )
       ] }) }),
@@ -1319,7 +816,7 @@ function CustomFormsSettingsTab({ config, provider, store }) {
     window.location.hash = `#${ROUTE_BASE}/forms`;
     store.getState().fetchTemplates();
   }, [store]);
-  React12.useEffect(() => {
+  React13.useEffect(() => {
     const sync = () => setBuilderTemplateId(readBuilderIdFromHash());
     window.addEventListener("hashchange", sync);
     return () => window.removeEventListener("hashchange", sync);
@@ -1350,11 +847,11 @@ function BuilderWrapper({
   config,
   onBack
 }) {
-  const FormBuilderLazy = React12.lazy(
-    () => import('./FormBuilder-EI7ILXQW.js').then((m) => ({ default: m.FormBuilder }))
+  const FormBuilderLazy = React13.lazy(
+    () => import('./FormBuilder-Q2Q42HAT.js').then((m) => ({ default: m.FormBuilder }))
   );
   return /* @__PURE__ */ jsx(CustomFormsProvider, { value: { config, provider, store }, children: /* @__PURE__ */ jsx(
-    React12.Suspense,
+    React13.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(
@@ -1481,8 +978,10 @@ function DocumentPreview({
       ] }, field.id);
     }) }),
     hidden > 0 && /* @__PURE__ */ jsx(
-      "button",
+      Button,
       {
+        variant: "bare",
+        size: "bare",
         type: "button",
         onClick: onOpen,
         className: "text-xs font-medium text-primary hover:underline",
@@ -1755,11 +1254,13 @@ function DocumentList({ personId, provider, store, onView, onFileDrop, kinds })
     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",
+        Button,
         {
+          variant: "bare",
+          size: "bare",
           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"}`,
+          className: `gap-0 font-normal 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 })
@@ -1769,13 +1270,15 @@ function DocumentList({ personId, provider, store, onView, onFileDrop, kinds })
       );
     }),
     /* @__PURE__ */ jsxs(
-      "button",
+      Button,
       {
+        variant: "bare",
+        size: "bare",
         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"}`,
+        className: `font-normal 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")
@@ -1828,8 +1331,10 @@ function DocumentList({ personId, provider, store, onView, onFileDrop, kinds })
                 if (!doc) return null;
                 return /* @__PURE__ */ jsxs(Fragment, { children: [
                   /* @__PURE__ */ jsx(
-                    "button",
+                    Button,
                     {
+                      variant: "bare",
+                      size: "bare",
                       type: "button",
                       onClick: (e) => {
                         e.stopPropagation();
@@ -1842,8 +1347,10 @@ function DocumentList({ personId, provider, store, onView, onFileDrop, kinds })
                     }
                   ),
                   /* @__PURE__ */ jsx(
-                    "button",
+                    Button,
                     {
+                      variant: "bare",
+                      size: "bare",
                       type: "button",
                       onClick: (e) => {
                         e.stopPropagation();
@@ -1921,7 +1428,7 @@ function DocumentFormDialog({
       provider.getTemplateById(existingDocument.templateId).then(setTemplate);
     }
   }, [existingDocument, template, provider]);
-  const prefilled = React12.useRef(!!initialTemplate || !!existingDocument);
+  const prefilled = React13.useRef(!!initialTemplate || !!existingDocument);
   useEffect(() => {
     if (prefilled.current || !template || existingDocument) return;
     prefilled.current = true;
@@ -1953,7 +1460,7 @@ function DocumentFormDialog({
     },
     [template, existingDocument, data, personId, personName, store, onSaved, guardDocuments]
   );
-  const snapshot = React12.useRef(null);
+  const snapshot = React13.useRef(null);
   useEffect(() => {
     if (template && snapshot.current === null) {
       snapshot.current = JSON.stringify(existingDocument?.data ?? {});
@@ -1973,8 +1480,10 @@ function DocumentFormDialog({
     return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
       existingDocument?.title ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
         /* @__PURE__ */ jsx(
-          "button",
+          Button,
           {
+            variant: "bare",
+            size: "bare",
             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" })
@@ -1996,8 +1505,10 @@ function DocumentFormDialog({
   return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
       /* @__PURE__ */ jsx(
-        "button",
+        Button,
         {
+          variant: "bare",
+          size: "bare",
           onClick: onBack,
           className: "flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground transition-colors",
           children: /* @__PURE__ */ jsx(ArrowLeft, { className: "h-3.5 w-3.5" })
@@ -2043,8 +1554,10 @@ function FormViewer({ document: doc, provider, onBack, onEdit }) {
   return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
       /* @__PURE__ */ jsx(
-        "button",
+        Button,
         {
+          variant: "bare",
+          size: "bare",
           onClick: onBack,
           className: "flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground transition-colors",
           children: /* @__PURE__ */ jsx(ArrowLeft, { className: "h-3.5 w-3.5" })
@@ -2188,7 +1701,7 @@ function AddDocumentDropdown({ personId, onSelect, optionFilter, label }) {
       showSearch && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 border-b px-2.5 py-2", children: [
         /* @__PURE__ */ jsx(Search, { className: "h-3.5 w-3.5 text-muted-foreground shrink-0" }),
         /* @__PURE__ */ jsx(
-          "input",
+          Input,
           {
             ref: inputRef,
             value: query,
@@ -2198,12 +1711,12 @@ function AddDocumentDropdown({ personId, onSelect, optionFilter, label }) {
             },
             onKeyDown: handleInputKeyDown,
             placeholder: t("customForms.searchDocumentTypes"),
-            className: "flex-1 bg-transparent text-sm outline-none placeholder:text-muted-foreground"
+            className: "h-auto rounded-none border-0 bg-transparent p-0 shadow-none focus-visible:ring-0 focus-visible:ring-offset-0"
           }
         )
       ] }),
       /* @__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(React12.Fragment, { children: [
+        groups.map((group, gi) => /* @__PURE__ */ jsxs(React13.Fragment, { children: [
           gi > 0 && /* @__PURE__ */ jsx(DropdownSeparator, {}),
           /* @__PURE__ */ jsx(DropdownLabel, { className: "text-[10px] uppercase tracking-wider", children: group.label }),
           group.items.map((opt) => {
@@ -2211,13 +1724,15 @@ function AddDocumentDropdown({ personId, onSelect, optionFilter, label }) {
             flatIndex += 1;
             const index = flatIndex;
             return /* @__PURE__ */ jsxs(
-              "button",
+              Button,
               {
+                variant: "bare",
+                size: "bare",
                 type: "button",
                 "data-index": index,
                 onClick: () => choose(opt),
                 onMouseEnter: () => setActiveIndex(index),
-                className: `relative flex w-full cursor-default select-none items-center gap-2 rounded-button px-2 py-1.5 text-left text-sm outline-none transition-colors ${index === activeIndex ? "bg-muted" : ""}`,
+                className: `font-normal justify-start relative flex w-full cursor-default select-none items-center gap-2 rounded-button px-2 py-1.5 text-left text-sm outline-none transition-colors ${index === activeIndex ? "bg-muted" : ""}`,
                 children: [
                   /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4 text-muted-foreground shrink-0" }),
                   /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
@@ -2395,8 +1910,10 @@ function FileDocumentViewer({ document: doc, onBack }) {
   return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
       /* @__PURE__ */ jsx(
-        "button",
+        Button,
         {
+          variant: "bare",
+          size: "bare",
           onClick: onBack,
           className: "flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground transition-colors",
           children: /* @__PURE__ */ jsx(ArrowLeft, { className: "h-3.5 w-3.5" })
@@ -2425,9 +1942,9 @@ var TONE = {
   info: { wrap: "border-info/40 bg-info-soft", chip: "bg-info text-white", dot: "bg-info" }
 };
 function PersonAnswerAlerts({ personId, provider }) {
-  const [alerts, setAlerts] = React12.useState([]);
-  const [open, setOpen] = React12.useState(false);
-  React12.useEffect(() => {
+  const [alerts, setAlerts] = React13.useState([]);
+  const [open, setOpen] = React13.useState(false);
+  React13.useEffect(() => {
     if (!personId || !provider.getLatestAnswers) return;
     let alive = true;
     (async () => {
@@ -2465,12 +1982,14 @@ function PersonAnswerAlerts({ personId, provider }) {
   const tone = TONE[alerts[0].severity];
   return /* @__PURE__ */ jsxs("div", { className: `overflow-hidden rounded-lg border-2 ${tone.wrap}`, children: [
     /* @__PURE__ */ jsxs(
-      "button",
+      Button,
       {
+        variant: "bare",
+        size: "bare",
         type: "button",
         onClick: () => setOpen((o) => !o),
         "aria-expanded": open,
-        className: "flex w-full items-center gap-2 px-3 py-2 text-left",
+        className: "font-normal whitespace-normal justify-start flex w-full items-center gap-2 px-3 py-2 text-left",
         children: [
           /* @__PURE__ */ jsx("span", { className: `flex h-7 w-7 shrink-0 items-center justify-center rounded-full ${tone.chip}`, children: /* @__PURE__ */ jsx(AlertTriangle, { className: "h-4 w-4" }) }),
           /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
@@ -2632,267 +2151,8 @@ function buildFormsAnalyticsCards() {
     }
   ];
 }
-async function getPersonFormRequirements(tenantId2, personId) {
-  const client = getFayzSupabaseClient();
-  const { data, error } = await client.rpc("forms_person_requirements", {
-    p_tenant_id: tenantId2,
-    p_person_id: personId
-  });
-  if (error) throw error;
-  return (data ?? []).map((r) => ({
-    templateId: r.template_id,
-    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
-  }));
-}
-var isOutstanding = (r) => r.state !== "valid";
-var DATE = (iso) => (/* @__PURE__ */ new Date(iso + "T00:00:00")).toLocaleDateString("pt-BR");
-function Linha({ item }) {
-  const Icone = item.state === "done" ? CheckCircle2 : item.state === "late" ? Clock : Circle;
-  const cor = item.state === "done" ? "text-success" : item.state === "late" ? "text-warning" : "text-muted-foreground";
-  return /* @__PURE__ */ jsxs("li", { className: "flex flex-wrap items-center gap-x-2 gap-y-0.5 px-3 py-1.5 text-xs", children: [
-    /* @__PURE__ */ jsx(Icone, { className: `h-3.5 w-3.5 shrink-0 ${cor}`, "aria-hidden": true }),
-    /* @__PURE__ */ jsx("span", { className: item.state === "done" ? "text-foreground" : "font-medium text-foreground", children: item.label }),
-    item.detail && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
-      "\u2014 ",
-      item.detail
-    ] }),
-    item.action && // O VERBO NÃO PODE PARECER DESLIGADO. Em `text-primary` sobre o âmbar
-    // da faixa ele saía lavado e, quando quebrava a linha, parecia um
-    // rótulo cinza no canto — a recepção lia "pendente" e não via que
-    // havia o que clicar.
-    /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        onClick: item.action.onClick,
-        className: "ml-auto shrink-0 rounded-button bg-foreground px-2 py-0.5 text-[11px] font-semibold text-background hover:opacity-90",
-        children: item.action.label
-      }
-    )
-  ] });
-}
-function PersonFormsAlert({ personId, onFill, version = 0, extras, onPending, sendLink, className }) {
-  const tenantId2 = useOrganizationStore((s) => s.currentOrg?.id);
-  const [rows, setRows] = React12.useState(null);
-  React12.useEffect(() => {
-    if (!personId || !tenantId2) {
-      setRows([]);
-      return;
-    }
-    let cancelled = false;
-    setRows(null);
-    getPersonFormRequirements(tenantId2, personId).then((r) => {
-      if (!cancelled) setRows(r);
-    }).catch(() => {
-      if (!cancelled) setRows([]);
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, [personId, tenantId2, version]);
-  const itens = React12.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,
-        label: r.templateName,
-        state: !pendente ? "done" : r.state === "expired" ? "late" : "todo",
-        detail: !pendente ? r.validUntil ? `em dia, v\xE1lido at\xE9 ${DATE(r.validUntil)}` : "em dia" : r.state === "expired" && r.validUntil ? `venceu em ${DATE(r.validUntil)}` : "nunca preenchido",
-        action: pendente && onFill ? { label: "Preencher agora", onClick: () => onFill(r.templateId) } : void 0
-      };
-    }),
-    ...extras ?? []
-  ], [rows, extras, onFill]);
-  const peso = (i) => i.state === "late" ? 0 : i.state === "todo" ? 1 : 2;
-  itens.sort((a, b) => peso(a) - peso(b));
-  const pendentes = itens.filter((i) => i.state !== "done");
-  const faltando = pendentes.length;
-  const chave = pendentes.map((i) => i.label).join("|");
-  React12.useEffect(() => {
-    onPending?.(chave ? chave.split("|") : []);
-  }, [chave]);
-  if (rows === null) return /* @__PURE__ */ jsx(Skeleton, { className: `h-12 w-full ${className ?? ""}` });
-  if (itens.length === 0) return null;
-  return /* @__PURE__ */ jsxs("div", { className: `overflow-hidden rounded-lg border ${faltando ? "border-warning/40 bg-warning/5" : "border-success/30 bg-success/5"} ${className ?? ""}`, children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 border-b border-inherit px-3 py-1.5 text-[11px] font-medium text-foreground", children: [
-      /* @__PURE__ */ jsx(ClipboardList, { className: `h-3.5 w-3.5 ${faltando ? "text-warning" : "text-success"}`, "aria-hidden": true }),
-      faltando === 0 ? "Checagem do paciente \u2014 tudo em dia" : faltando === 1 ? "1 item pendente com o paciente" : `${faltando} itens pendentes com o paciente`,
-      sendLink && /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 300, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
-        /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            "aria-label": "Enviar link ao paciente pelo WhatsApp",
-            "aria-disabled": sendLink === "soon",
-            onClick: sendLink === "soon" ? void 0 : sendLink,
-            className: `ml-auto inline-flex h-6 w-6 items-center justify-center rounded-md transition-colors ${sendLink === "soon" ? "cursor-not-allowed text-muted-foreground/60" : "text-foreground hover:bg-muted"}`,
-            children: /* @__PURE__ */ jsx(QrCode, { className: "h-3.5 w-3.5", "aria-hidden": true })
-          }
-        ) }),
-        /* @__PURE__ */ jsx(TooltipContent, { side: "left", children: sendLink === "soon" ? "Enviar pelo WhatsApp (QR Code) \u2014 em breve" : "Enviar pelo WhatsApp (QR Code)" })
-      ] }) })
-    ] }),
-    /* @__PURE__ */ jsx("ul", { className: "divide-y divide-border/60", children: itens.map((i) => /* @__PURE__ */ jsx(Linha, { item: i }, i.id)) })
-  ] });
-}
-function recommendationsOf(template, data) {
-  const by = /* @__PURE__ */ new Map();
-  for (const f of template.schema.fields) {
-    if (f.type !== "recommendation" || !Array.isArray(data[f.id])) continue;
-    for (const l of data[f.id]) {
-      const cur = by.get(l.serviceId);
-      by.set(l.serviceId, cur ? { ...cur, quantity: cur.quantity + l.quantity } : { ...l });
-    }
-  }
-  return [...by.values()];
-}
-function FormFillDialog({
-  templateId,
-  personId,
-  personName,
-  onSaved,
-  onClose,
-  frame = "modal",
-  subject,
-  productId,
-  professionalId,
-  recommendationShortcuts
-}) {
-  const provider = React12.useMemo(() => createSafeDataProvider(
-    () => createSupabaseFormsProvider(),
-    () => createMockFormsProvider()
-  ), []);
-  const store = React12.useMemo(() => createCustomFormsStore(provider), [provider]);
-  const config = React12.useMemo(() => resolveConfig(), []);
-  const [template, setTemplate] = React12.useState(null);
-  const [erro, setErro] = React12.useState(null);
-  const [data, setData] = React12.useState({});
-  const [salvando, setSalvando] = React12.useState(false);
-  const [missing, setMissing] = React12.useState(/* @__PURE__ */ new Set());
-  React12.useEffect(() => {
-    if (!template || missing.size === 0) return;
-    const still = new Set([...missing].filter((id) => {
-      const f = template.schema.fields.find((x) => x.id === id);
-      return f ? isFieldEmpty(f, data[id]) : false;
-    }));
-    if (still.size !== missing.size) setMissing(still);
-    if (still.size === 0) setErro(null);
-  }, [data, template, missing]);
-  async function salvar() {
-    if (!template) return;
-    const faltando = template.schema.fields.filter((f) => f.required && isFieldEmpty(f, data[f.id]));
-    if (faltando.length) {
-      setMissing(new Set(faltando.map((f) => f.id)));
-      const primeiro = [...faltando].sort((a, b) => a.row - b.row || a.col - b.col)[0];
-      requestAnimationFrame(() => document.getElementById(`ff-field-${primeiro.id}`)?.scrollIntoView({ block: "center" }));
-      setErro(faltando.length === 1 ? `Preencha o campo obrigat\xF3rio destacado: ${faltando[0].label}` : `Preencha os ${faltando.length} campos obrigat\xF3rios destacados.`);
-      return;
-    }
-    setErro(null);
-    setSalvando(true);
-    try {
-      const doc = await store.getState().createDocument({
-        templateId: template.id,
-        personId,
-        title: personName ? `${template.name} \u2014 ${personName}` : template.name,
-        data,
-        status: "completed",
-        subjectType: subject?.type,
-        subjectId: subject?.id,
-        productId: productId ?? void 0,
-        professionalId: professionalId ?? void 0
-      });
-      await onSaved?.({ documentId: doc.id, template, data, recommendations: recommendationsOf(template, data) });
-      onClose();
-    } catch (e) {
-      setErro(describeError(e, "N\xE3o foi poss\xEDvel salvar o formul\xE1rio."));
-    } finally {
-      setSalvando(false);
-    }
-  }
-  React12.useEffect(() => {
-    let vivo = true;
-    (async () => {
-      try {
-        const t = await store.getState().fetchTemplateById(templateId);
-        if (vivo) setTemplate(t);
-      } catch (e) {
-        if (vivo) setErro(describeError(e, "N\xE3o foi poss\xEDvel abrir o formul\xE1rio."));
-      }
-    })();
-    return () => {
-      vivo = false;
-    };
-  }, [templateId, store]);
-  const corpo = /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-y-auto px-5 py-4", children: [
-      erro && /* @__PURE__ */ jsx("p", { role: "alert", className: "mb-3 rounded-lg bg-destructive/10 px-3 py-2 text-xs text-destructive", children: erro }),
-      !template ? erro ? null : (
-        /* Esqueleto com a FORMA do formulário: três campos e um rótulo. */
-        /* @__PURE__ */ jsx("div", { className: "space-y-4", "aria-busy": "true", children: [0, 1, 2].map((i) => /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-          /* @__PURE__ */ jsx("div", { className: "h-3 w-24 animate-pulse rounded bg-muted/70" }),
-          /* @__PURE__ */ jsx("div", { className: "h-9 w-full animate-pulse rounded-lg bg-muted" })
-        ] }, i)) })
-      ) : /* @__PURE__ */ jsx(CustomFormsProvider, { value: { config, provider, store }, children: /* @__PURE__ */ jsx(
-        FormRenderer,
-        {
-          schema: template.schema,
-          data,
-          onChange: setData,
-          missing,
-          recommendationShortcuts
-        }
-      ) })
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "border-t fayz-glass-divider px-5 py-2.5 pb-[calc(0.625rem+env(safe-area-inset-bottom))] sm:pb-2.5 shrink-0", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-2", children: [
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          onClick: onClose,
-          className: "rounded-button px-2 py-1.5 text-xs font-medium text-muted-foreground hover:text-foreground",
-          children: "Agora n\xE3o"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          onClick: salvar,
-          disabled: !template || salvando,
-          className: "rounded-button bg-foreground px-3 py-1.5 text-xs font-semibold text-background disabled:opacity-40",
-          children: salvando ? "Salvando\u2026" : "Concluir"
-        }
-      )
-    ] }) })
-  ] });
-  if (frame === "inline") return corpo;
-  return /* @__PURE__ */ jsx(Modal, { open: true, onOpenChange: (o) => {
-    if (!o) onClose();
-  }, children: /* @__PURE__ */ jsxs(ModalContent, { size: "2xl", noPadding: true, className: "gap-0", children: [
-    /* @__PURE__ */ jsx(ModalHeader, { className: "border-b px-5 py-3.5", children: /* @__PURE__ */ jsx(ModalTitle, { className: "truncate text-base", children: template?.name ?? "Formul\xE1rio" }) }),
-    /* @__PURE__ */ jsx(ModalBody, { className: "p-0", children: corpo })
-  ] }) });
-}
-
-// src/lib/contract-render.ts
 var MONTHS = ["janeiro", "fevereiro", "mar\xE7o", "abril", "maio", "junho", "julho", "agosto", "setembro", "outubro", "novembro", "dezembro"];
-var brl = (n) => new Intl.NumberFormat("pt-BR", { style: "currency", currency: "BRL" }).format(n);
+var brl = (n) => formatCurrency(n);
 var pad = (n) => String(n).padStart(2, "0");
 var esc = (s) => s.replace(/[&<>"']/g, (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" })[c]);
 function dateBR(value) {
@@ -2913,7 +2173,7 @@ function itemsTable(items, withDiscount) {
   return `<table><thead><tr>${head.map((h) => `<th>${h}</th>`).join("")}</tr></thead><tbody>${rows.map((r) => `<tr>${r.map((c) => `<td>${c}</td>`).join("")}</tr>`).join("")}</tbody></table>`;
 }
 function renderContractTags(templateHtml, ctx) {
-  const now2 = ctx.now ?? /* @__PURE__ */ new Date();
+  const now = ctx.now ?? /* @__PURE__ */ new Date();
   const c = ctx.client ?? {};
   const u = ctx.unit ?? {};
   const services = ctx.services ?? [];
@@ -2957,9 +2217,9 @@ function renderContractTags(templateHtml, ctx) {
     "Orcamento.ItensAprovados": itemsTable(ctx.approvedItems, true),
     "Indicacoes.Itens": itemsTable(ctx.recommendedItems, false),
     "Indicacoes.Lista": (ctx.recommendedItems ?? []).map((i) => esc(i.description)).join(", "),
-    "Sistema.Data": `${pad(now2.getDate())}/${pad(now2.getMonth() + 1)}/${now2.getFullYear()}`,
-    "Sistema.DataExtenso": `${pad(now2.getDate())} de ${MONTHS[now2.getMonth()]} de ${now2.getFullYear()}`,
-    "Sistema.Hora": `${pad(now2.getHours())}:${pad(now2.getMinutes())}`
+    "Sistema.Data": `${pad(now.getDate())}/${pad(now.getMonth() + 1)}/${now.getFullYear()}`,
+    "Sistema.DataExtenso": `${pad(now.getDate())} de ${MONTHS[now.getMonth()]} de ${now.getFullYear()}`,
+    "Sistema.Hora": `${pad(now.getHours())}:${pad(now.getMinutes())}`
   };
   const built = /* @__PURE__ */ new Set([
     "Orcamento.Itens",
@@ -2983,7 +2243,7 @@ var db = () => {
   if (!c) throw new Error("Supabase not initialized");
   return c;
 };
-var tenantId = () => getFormsTenantId() ?? getActiveTenantId() ?? "";
+var tenantId = () => getActiveTenantId() ?? getActiveTenantId() ?? "";
 var BUCKET = "attachments";
 function toLine(s) {
   const total = s.unitPrice * s.quantity - (s.discount ?? 0);
@@ -3188,8 +2448,8 @@ var CONTRACT_TEXT_CLASS = [
   "[&_th]:border [&_th]:border-border [&_th]:bg-muted/50 [&_th]:px-2 [&_th]:py-1 [&_th]:text-left [&_th]:font-medium"
 ].join(" ");
 function useSigned(path) {
-  const [url, setUrl] = React12.useState(null);
-  React12.useEffect(() => {
+  const [url, setUrl] = React13.useState(null);
+  React13.useEffect(() => {
     let alive = true;
     contractMediaUrl(path).then((u) => {
       if (alive) setUrl(u);
@@ -3202,9 +2462,9 @@ function useSigned(path) {
   return url;
 }
 function SignaturePad({ onChange }) {
-  const ref = React12.useRef(null);
-  const drawing = React12.useRef(false);
-  React12.useEffect(() => {
+  const ref = React13.useRef(null);
+  const drawing = React13.useRef(false);
+  React13.useEffect(() => {
     const c = ref.current;
     if (!c) return;
     const r = window.devicePixelRatio || 1;
@@ -3249,10 +2509,12 @@ function SignaturePad({ onChange }) {
       }
     ),
     /* @__PURE__ */ jsx(
-      "button",
+      Button,
       {
+        variant: "bare",
+        size: "bare",
         type: "button",
-        className: "text-xs text-muted-foreground hover:text-foreground",
+        className: "font-normal text-xs text-muted-foreground hover:text-foreground",
         onClick: () => {
           const c = ref.current;
           if (c) {
@@ -3266,17 +2528,17 @@ function SignaturePad({ onChange }) {
   ] });
 }
 function SelfieCapture({ value, onChange }) {
-  const video = React12.useRef(null);
-  const stream = React12.useRef(null);
-  const [on, setOn] = React12.useState(false);
-  const [erro, setErro] = React12.useState(null);
-  const preview = React12.useMemo(() => value ? URL.createObjectURL(value) : null, [value]);
+  const video = React13.useRef(null);
+  const stream = React13.useRef(null);
+  const [on, setOn] = React13.useState(false);
+  const [erro, setErro] = React13.useState(null);
+  const preview = React13.useMemo(() => value ? URL.createObjectURL(value) : null, [value]);
   const stop = () => {
     stream.current?.getTracks().forEach((t) => t.stop());
     stream.current = null;
     setOn(false);
   };
-  React12.useEffect(() => () => stop(), []);
+  React13.useEffect(() => () => stop(), []);
   async function start() {
     setErro(null);
     try {
@@ -3310,12 +2572,14 @@ function SelfieCapture({ value, onChange }) {
     preview ? /* @__PURE__ */ jsxs("div", { className: "relative w-40", children: [
       /* @__PURE__ */ jsx("img", { src: preview, alt: "Selfie", className: "rounded-lg border" }),
       /* @__PURE__ */ jsx(
-        "button",
+        Button,
         {
+          variant: "bare",
+          size: "bare",
           type: "button",
           "aria-label": "Remover selfie",
           onClick: () => onChange(null),
-          className: "absolute right-1 top-1 flex h-6 w-6 items-center justify-center rounded-full bg-background/90",
+          className: "font-normal absolute right-1 top-1 flex h-6 w-6 items-center justify-center rounded-full bg-background/90",
           children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3" })
         }
       )
@@ -3349,16 +2613,16 @@ function printContract(contract, signatureUrl) {
   setTimeout(() => w.print(), 300);
 }
 function ContractSignPane({ contract, defaultSignerName, onSigned, onClose }) {
-  const [signer, setSigner] = React12.useState(defaultSignerName ?? "");
-  const [signature, setSignature] = React12.useState(null);
-  const [selfie, setSelfie] = React12.useState(null);
-  const [saving, setSaving] = React12.useState(false);
-  const [erro, setErro] = React12.useState(null);
+  const [signer, setSigner] = React13.useState(defaultSignerName ?? "");
+  const [signature, setSignature] = React13.useState(null);
+  const [selfie, setSelfie] = React13.useState(null);
+  const [saving, setSaving] = React13.useState(false);
+  const [erro, setErro] = React13.useState(null);
   const signatureUrl = useSigned(contract.signaturePath);
   const selfieUrl = useSigned(contract.selfiePath);
   const signed = contract.status === "signed";
-  const html = React12.useMemo(() => sanitizeHtml(contract.html), [contract.html]);
-  React12.useEffect(() => {
+  const html = React13.useMemo(() => sanitizeHtml(contract.html), [contract.html]);
+  React13.useEffect(() => {
     setErro(null);
   }, [signature, selfie, signer]);
   const missing = contract.requireSignature && !signature ? "Desenhe a assinatura para confirmar." : contract.requireSelfie && !selfie ? "Tire a selfie para confirmar." : !signer.trim() ? "Informe o nome de quem assina." : null;
@@ -3406,8 +2670,10 @@ function ContractSignPane({ contract, defaultSignerName, onSigned, onClose }) {
     ] }),
     /* @__PURE__ */ jsx("div", { className: "shrink-0 border-t fayz-glass-divider px-5 py-2.5 pb-[calc(0.625rem+env(safe-area-inset-bottom))] sm:pb-2.5", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-2", children: [
       /* @__PURE__ */ jsx(
-        "button",
+        Button,
         {
+          variant: "bare",
+          size: "bare",
           type: "button",
           onClick: onClose,
           className: "rounded-button px-2 py-1.5 text-xs font-medium text-muted-foreground hover:text-foreground",
@@ -3415,8 +2681,10 @@ function ContractSignPane({ contract, defaultSignerName, onSigned, onClose }) {
         }
       ),
       !signed && /* @__PURE__ */ jsx(
-        "button",
+        Button,
         {
+          variant: "bare",
+          size: "bare",
           type: "button",
           onClick: sign,
           disabled: saving,
@@ -3427,6 +2695,22 @@ function ContractSignPane({ contract, defaultSignerName, onSigned, onClose }) {
     ] }) })
   ] });
 }
+var formsV1SettingsTabs = [
+  defineSettingsTab({
+    id: "forms-contract-rules",
+    label: tl("Contract rules", "Regras de contrato"),
+    icon: "FileCheck2",
+    section: "registry",
+    pending: true,
+    defaults: { "contracts.execution_requires_signed_contract": false, "contracts.prepaid_purchase_flow": false },
+    sections: [{
+      fields: [
+        { key: "contracts.execution_requires_signed_contract", type: "boolean", label: tl("A service runs only with the contract signed", "Executar servi\xE7o s\xF3 com contrato assinado") },
+        { key: "contracts.prepaid_purchase_flow", type: "boolean", label: tl("Prepaid purchase flow", "Fluxo de compra pr\xE9-paga") }
+      ]
+    }]
+  })
+];
 
 // src/index.ts
 function registerBuiltInProviders(formsProvider) {
@@ -3466,11 +2750,8 @@ function registerBuiltInProviders(formsProvider) {
 function createCustomFormsPlugin(options) {
   registerTranslations(customFormsLocales);
   const config = resolveConfig(options);
-  const provider = options?.dataProvider ?? createSafeDataProvider(
-    () => createSupabaseFormsProvider(),
-    () => createMockFormsProvider()
-  );
-  const store = createCustomFormsStore(provider);
+  const provider = options?.dataProvider ?? createSafeFormsProvider();
+  const store = createFormsStore(provider);
   registerBuiltInProviders(provider);
   registerFormsTimelineSource();
   registerFormsTabCounts();
@@ -3584,14 +2865,14 @@ function createCustomFormsPlugin(options) {
     }
   ];
   const registries = [...formRegistries, ...options?.settingsRegistries ?? []];
-  const SettingsComponent = () => React12.createElement(PluginSettingsPanel, {
+  const SettingsComponent = () => React13.createElement(PluginSettingsPanel, {
     title: config.labels.settingsLabel,
     customTabs: [
       {
         id: "forms",
         label: config.labels.pageTitle,
         icon: "FileText",
-        content: React12.createElement(CustomFormsSettingsTab, { config, provider, store })
+        content: React13.createElement(CustomFormsSettingsTab, { config, provider, store })
       }
     ],
     registries,
@@ -3599,11 +2880,11 @@ function createCustomFormsPlugin(options) {
     hostPluginId: "custom_forms"
   });
   SettingsComponent.displayName = "CustomFormsSettingsPanel";
-  const PersonDocumentsWidget2 = (props) => React12.createElement(PersonDocumentsWidget, { ...props, config, provider, store, surface: "records" });
+  const PersonDocumentsWidget2 = (props) => React13.createElement(PersonDocumentsWidget, { ...props, config, provider, store, surface: "records" });
   PersonDocumentsWidget2.displayName = "PersonDocumentsWidget";
-  const PersonFilesWidget = (props) => React12.createElement(PersonDocumentsWidget, { ...props, config, provider, store, surface: "files" });
+  const PersonFilesWidget = (props) => React13.createElement(PersonDocumentsWidget, { ...props, config, provider, store, surface: "files" });
   PersonFilesWidget.displayName = "PersonFilesWidget";
-  const PersonAnswerAlertsWidget = (props) => React12.createElement(PersonAnswerAlerts, { personId: props.item?.id, provider });
+  const PersonAnswerAlertsWidget = (props) => React13.createElement(PersonAnswerAlerts, { personId: props.item?.id, provider });
   PersonAnswerAlertsWidget.displayName = "PersonAnswerAlertsWidget";
   return {
     id: "custom_forms",
@@ -3629,6 +2910,7 @@ function createCustomFormsPlugin(options) {
     navigation: [],
     routes: [],
     settings: [
+      ...formsV1SettingsTabs,
       {
         id: "custom_forms",
         label: config.labels.settingsLabel,
@@ -3650,6 +2932,7 @@ function createCustomFormsPlugin(options) {
         component: PersonFilesWidget,
         order: 0
       },
+      ...formsZoneWidgets(provider),
       {
         // Renders nothing unless a form marks an answer as an alert (V1 alert_config).
         id: "person-answer-alerts",
@@ -3722,6 +3005,6 @@ function createCustomFormsPlugin(options) {
   };
 }
 
-export { ContractSignPane, FormFillDialog, PersonFormsAlert, createCustomFormsPlugin, ensureAttendanceContracts, getPersonFormRequirements, isOutstanding, listAttendanceContracts, recommendationsOf, registerDocumentTypeProvider };
+export { ContractSignPane, FormFillDialog, PersonFormsAlert, createCustomFormsPlugin, ensureAttendanceContracts, listAttendanceContracts, recommendationsOf, registerDocumentTypeProvider };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map