@fayz-ai/plugin-financial 0.19.0 → 0.19.1

package/dist/index.js

@@ -1,10 +1,10 @@
-import * as React23 from 'react';
-import React23__default, { useState, useEffect, useMemo, useRef, useCallback } from 'react';
+import * as React25 from 'react';
+import React25__default, { useState, useEffect, useMemo, useRef, useCallback } from 'react';
 import { recordRailFields, RECORD_GROUP, activeFacet, createConnectionStore, connectionSettings, connectionStatus, settingsStatus, connectionRuns, registerTranslations, getSupabaseClientOptional, createSafeDataProvider, registerMessageDefaults, reportDataError, useTranslation, createPendingCommand, useUnitMode, useActiveUnitId, useDataChanged, countByTenant, tl, resolveDataProvider, getActiveTenantId, emitDataChanged, exportCSV } from '@fayz-ai/core';
-import { INLINE_LINK_TONE, SearchSelect, ModalTask, toast, Button, useInModalTaskHost, useSaveBar, DatePicker, tourAnchor, SubpageHeader, defineKpiWidget, defineChartWidget, defineCustomWidget, defineTableWidget, Modal, ModalContent, ModalHeader, ModalTitle, ModalDescription, ModalBody, DataTable, Card, CardContent, Skeleton, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, MultiSelect, PageTransition, ModulePage, Badge, TooltipProvider, ConfirmDialog, CurrencyInput, Input, PageHeaderActions, Hint, ModalFooter, PageTabs, Tooltip, TooltipTrigger, TooltipContent, Checkbox, DashboardCanvas, ComingSoon, StatTiles, ListView, DateRangeControl, FilterPanel, FilterPanelField, SegmentedControl, RequiredFilter, FilterMenuRow, ModalFlow, Switch, WizardSteps, KpiCard, ChartWidget, CardHeader, CardTitle, TableWidget, useDashboardNavigate, GoldCard } from '@fayz-ai/ui';
+import { INLINE_LINK_TONE, SearchSelect, ModalTask, toast, Button, useInModalTaskHost, useSaveBar, tourAnchor, DatePicker, SubpageHeader, defineKpiWidget, defineChartWidget, defineCustomWidget, defineTableWidget, Modal, ModalContent, ModalHeader, ModalTitle, ModalDescription, ModalBody, DataTable, Card, CardContent, Skeleton, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, MultiSelect, PageTransition, ModulePage, Badge, TooltipProvider, ConfirmDialog, CurrencyInput, Input, PageHeaderActions, Hint, ModalFooter, PageTabs, Tooltip, TooltipTrigger, TooltipContent, Checkbox, Popover, PopoverTrigger, PopoverContent, DashboardCanvas, ComingSoon, StatTiles, ListView, DateRangeControl, FilterPanel, FilterPanelField, SegmentedControl, RequiredFilter, FilterMenuRow, ModalFlow, Switch, WizardSteps, KpiCard, ChartWidget, CardHeader, CardTitle, TableWidget, useDashboardNavigate, GoldCard } from '@fayz-ai/ui';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { createPluginContext, fayzConnectorOAuth, formatCurrency, RightRailPage, createCrudPage, PluginSettingsPanel, dedup, useUnitFilter, useLimitGuard, usePermissionOptional, useLookupCreate, OrderFormSkeleton, OrderFormBlock, OrderFormView, OrderFormItemsCard, OrderFormItemRow, OrderFormAddItemStep, useUnitStore, OrderDetailSkeleton, PageActions, OrderDetailBlock, OrderDetailView, PersonLink, useTenantPluginSettings, useModuleNavigation, usePluginOnboardingGate, useModuleNavAccess, PluginOnboardingGateSkeleton, ModuleActionBar, SettingsGroup, ToggleRow, createArchetypeLookup, invalidateLimit, useAgentSurface, parseViewId, EntitlementGate, UpgradePrompt, useChatStore, adminNavigateTo, revealPage, useAuth, GetStarted, resolveEntityRoute, PermissionGate, createOneShotAsk, shrinkForVision, toInlineFile, askAI, requestChatUpload } from '@fayz-ai/admin';
-import { Landmark, CircleDollarSign, FileText, TriangleAlert, Loader2, Check, X, MoreVertical, Ban, CircleCheckBig, CircleDashed, Paperclip, Camera, DollarSign, CircleAlert, CircleEllipsis, Pencil, Receipt, Gift, Briefcase, Package, CalendarDays, ExternalLink, LayoutList, Layers, FileCheck, ArrowRightLeft, CreditCard, QrCode, Banknote, Undo2, ChevronRight, Wallet, Plus, AlertTriangle, Filter, TrendingUp, Copy, Trash2, Search, ChevronsUpDown, ChevronsDownUp, Building2, ChevronDown, Calendar, User, Unlink, Eye, Inbox, Clock, ClipboardCheck, BookOpen, Info, FolderOpen, Folder, RotateCcw, Calculator, Square, Play, ChevronUp, Printer, CalendarClock, BadgeCheck, Target, Settings, ArrowRight, Users, RefreshCw, Download, Sparkles, Link2, FileSearch, CheckCheck, Pause, ShoppingCart, Car, Home, Utensils, Zap, Film, HeartPulse, Dumbbell, Music, ShoppingBag, ArrowLeft, FileDown, ArrowUpRight, ArrowDownRight, EyeOff } from 'lucide-react';
+import { createPluginContext, fayzConnectorOAuth, formatCurrency, RightRailPage, createCrudPage, PluginSettingsPanel, dedup, useUnitFilter, useLimitGuard, usePermissionOptional, useLookupCreate, OrderFormSkeleton, OrderFormBlock, OrderFormView, OrderFormItemsCard, OrderFormItemRow, OrderFormAddItemStep, useUnitStore, OrderDetailSkeleton, PageActions, OrderDetailBlock, OrderDetailView, PersonLink, useTenantPluginSettings, useModuleNavigation, usePluginOnboardingGate, useModuleNavAccess, PluginOnboardingGateSkeleton, ModuleActionBar, SettingsGroup, ToggleRow, createArchetypeLookup, invalidateLimit, useAgentSurface, parseViewId, EntitlementGate, UpgradePrompt, useChatStore, adminNavigateTo, revealPage, useAuth, GetStarted, resolveEntityRoute, PermissionGate, createOneShotAsk, askAI, requestChatUpload, toInlineFile, shrinkForVision } from '@fayz-ai/admin';
+import { Landmark, CircleDollarSign, FileText, TriangleAlert, Loader2, Check, X, MoreVertical, Ban, CircleDashed, CircleAlert, CircleCheckBig, CircleEllipsis, Pencil, Receipt, Gift, Briefcase, Package, CalendarDays, ExternalLink, DollarSign, LayoutList, Layers, Paperclip, Ticket, FileCheck, ArrowRightLeft, CreditCard, QrCode, Banknote, Undo2, Wallet, Plus, AlertTriangle, Filter, TrendingUp, Copy, Trash2, Search, ChevronsUpDown, ChevronsDownUp, ChevronRight, Building2, ChevronDown, Image, UploadCloud, Calendar, User, Unlink, Eye, Inbox, Clock, ClipboardCheck, BookOpen, Info, FolderOpen, Folder, RotateCcw, ArrowLeft, ChevronLeft, Calculator, Square, Play, ChevronUp, Printer, CalendarClock, BadgeCheck, Target, Settings, ArrowRight, Users, RefreshCw, Download, Camera, Sparkles, Link2, FileSearch, CheckCheck, Pause, ShoppingCart, Car, Home, Utensils, Zap, Film, HeartPulse, Dumbbell, Music, ShoppingBag, FileDown, ArrowUpRight, ArrowDownRight, EyeOff } from 'lucide-react';
 import { createPortal } from 'react-dom';
 import { createStore as createStore$1 } from 'zustand/vanilla';
 import { useStore } from 'zustand';
@@ -105,22 +105,6 @@ function PettyCashView() {
     }
   );
 }
-function DigitizeExpenseView() {
-  return /* @__PURE__ */ jsx(
-    ComingSoon,
-    {
-      title: "Digitalizar Despesa",
-      summary: "Fotografar o boleto ou a nota e deixar a m\xE1quina ler valor, vencimento e fornecedor \u2014 em vez de digitar os quatro campos de novo.",
-      v1Path: "Financeiro \u2192 Contas a Pagar \u2192 Digitalizar Despesa",
-      measured: "1.436 anexos de conta no V1, 55 da Artorius. A Laissa anexa comprovante 25 vezes por m\xEAs \u2014 mas digita os campos \xE0 m\xE3o todas elas.",
-      missing: [
-        "Ler o comprovante e PR\xC9-PREENCHER o formul\xE1rio, deixando o usu\xE1rio confirmar \u2014 n\xE3o gravar sozinho",
-        "Guardar o arquivo junto do t\xEDtulo, que \xE9 o que a contabilidade pede depois",
-        "A Entrada de Notas j\xE1 faz isto para XML de NF-e; aqui \xE9 o mesmo trabalho para o que chega em papel"
-      ]
-    }
-  );
-}
 function ImportPayrollView() {
   return /* @__PURE__ */ jsx(
     ComingSoon,
@@ -924,9 +908,9 @@ function startReceiptCapture(labels) {
   });
 }
 function ReceiptAgentSurface({ onOpenDraft }) {
-  const live = React23.useRef(onOpenDraft);
+  const live = React25.useRef(onOpenDraft);
   live.current = onOpenDraft;
-  const contribution = React23.useMemo(() => ({
+  const contribution = React25.useMemo(() => ({
     id: "financial.payables.receipt",
     pluginId: "financial",
     role: "finance",
@@ -1277,22 +1261,22 @@ function searchBrBanks(query) {
     (b) => qd && qd === q && (b.code.startsWith(qd) || b.code.replace(/^0+/, "").startsWith(qd)) || norm(b.name).includes(q) || b.aliases?.some((a) => norm(a).includes(q))
   );
 }
-function BankLogo({ bank, size = 20 }) {
+function BankLogo({ bank, size: size2 = 20 }) {
   const [broken, setBroken] = useState(false);
   if (!bank?.logo || broken) {
-    return /* @__PURE__ */ jsx(Landmark, { className: "text-muted-foreground", style: { width: size * 0.8, height: size * 0.8 }, "aria-hidden": true });
+    return /* @__PURE__ */ jsx(Landmark, { className: "text-muted-foreground", style: { width: size2 * 0.8, height: size2 * 0.8 }, "aria-hidden": true });
   }
   return /* @__PURE__ */ jsx(
     "img",
     {
       src: bank.logo,
       alt: "",
-      width: size,
-      height: size,
+      width: size2,
+      height: size2,
       loading: "lazy",
       onError: () => setBroken(true),
       className: "shrink-0 object-contain",
-      style: { width: size, height: size }
+      style: { width: size2, height: size2 }
     }
   );
 }
@@ -1420,22 +1404,22 @@ function lineFromInvoice(invoice, payee) {
 var openAmount = (invoice) => Math.max(0, invoice.totalAmount - invoice.paidAmount);
 function CnabRemittanceModal({ invoices, bankAccounts, provider, onClose }) {
   const { currency } = useFinancialConfig();
-  const [step, setStep] = React23__default.useState(0);
-  const [bankAccountId, setBankAccountId] = React23__default.useState("");
-  const [draft, setDraft] = React23__default.useState(null);
-  const [context, setContext] = React23__default.useState(null);
-  const [companyName, setCompanyName] = React23__default.useState("");
-  const [companyDocument, setCompanyDocument] = React23__default.useState("");
-  const [lines, setLines] = React23__default.useState([]);
-  const [companyUnsaved, setCompanyUnsaved] = React23__default.useState(false);
-  const [loadingContext, setLoadingContext] = React23__default.useState(false);
-  const [busy, setBusy] = React23__default.useState(false);
-  const [error, setError] = React23__default.useState("");
+  const [step, setStep] = React25__default.useState(0);
+  const [bankAccountId, setBankAccountId] = React25__default.useState("");
+  const [draft, setDraft] = React25__default.useState(null);
+  const [context, setContext] = React25__default.useState(null);
+  const [companyName, setCompanyName] = React25__default.useState("");
+  const [companyDocument, setCompanyDocument] = React25__default.useState("");
+  const [lines, setLines] = React25__default.useState([]);
+  const [companyUnsaved, setCompanyUnsaved] = React25__default.useState(false);
+  const [loadingContext, setLoadingContext] = React25__default.useState(false);
+  const [busy, setBusy] = React25__default.useState(false);
+  const [error, setError] = React25__default.useState("");
   const eligibleAccounts2 = bankAccounts.filter((account2) => account2.accountType === "bank" && account2.isActive);
   const total = invoices.reduce((sum, invoice) => sum + openAmount(invoice), 0);
   const account = eligibleAccounts2.find((candidate) => candidate.id === bankAccountId);
   const missingBankData = draft ? missingFields(draft, companyDocument) : [];
-  const items = React23__default.useMemo(() => lines.map((line) => ({
+  const items = React25__default.useMemo(() => lines.map((line) => ({
     reference: line.invoice.id,
     amount: openAmount(line.invoice),
     paymentDate: line.paymentDate,
@@ -1460,8 +1444,8 @@ function CnabRemittanceModal({ invoices, bankAccounts, provider, onClose }) {
       postalCode: line.payee.postalCode
     }
   })), [lines]);
-  const gaps = React23__default.useMemo(() => cnabPayeeGaps(items), [items]);
-  const batches = React23__default.useMemo(() => {
+  const gaps = React25__default.useMemo(() => cnabPayeeGaps(items), [items]);
+  const batches = React25__default.useMemo(() => {
     const grouped = /* @__PURE__ */ new Map();
     for (const line of lines) {
       const current = grouped.get(line.paymentForm) ?? { count: 0, total: 0 };
@@ -1877,97 +1861,182 @@ function Field({ label, value, onChange, required, placeholder, className = "" }
     /* @__PURE__ */ jsx("input", { value, onChange: (event) => onChange(event.target.value), placeholder, className: "h-9 w-full rounded-input border bg-background px-3 text-sm outline-none focus:border-primary focus:ring-2 focus:ring-primary/15" })
   ] });
 }
-function AttachmentViewer({ attachments, index, onIndexChange, onClose }) {
-  if (!attachments[index]) return null;
-  const doc = attachments[index];
-  const ehImagem = (doc.mimeType ?? "").startsWith("image/");
-  const ehPdf = (doc.mimeType ?? "") === "application/pdf";
-  const irPara = (delta) => onIndexChange((index + delta + attachments.length) % attachments.length);
-  return createPortal(
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        "data-modal-passthrough": true,
-        className: "pointer-events-auto fixed inset-0 z-[200] flex flex-col bg-black/80 p-4",
-        onClick: () => onClose(),
-        role: "dialog",
-        "aria-modal": "true",
-        "aria-label": doc.fileName,
-        children: /* @__PURE__ */ jsxs(
-          "div",
+var ACCEPT = "image/*,application/pdf";
+var MAX_BYTES = 15 * 1024 * 1024;
+function size(bytes) {
+  if (!bytes) return "";
+  return bytes < 1024 * 1024 ? `${Math.max(1, Math.round(bytes / 1024))} KB` : `${(bytes / 1024 / 1024).toFixed(1)} MB`;
+}
+function InvoiceAttachmentsModal({ invoiceId, onClose, onChanged }) {
+  const provider = useFinancialProvider();
+  const inputRef = useRef(null);
+  const [items, setItems] = useState(null);
+  const [uploading, setUploading] = useState(0);
+  const [over, setOver] = useState(false);
+  const [preview, setPreview] = useState(null);
+  async function load() {
+    try {
+      setItems(await (provider.getInvoiceAttachments?.(invoiceId) ?? Promise.resolve([])));
+    } catch (e) {
+      setItems([]);
+      toast.error(e?.message ?? String(e));
+    }
+  }
+  useEffect(() => {
+    void load();
+  }, [invoiceId]);
+  async function upload(files) {
+    const list = Array.from(files);
+    if (!list.length || !provider.addInvoiceAttachment) return;
+    const invalid = list.filter((f) => !(f.type.startsWith("image/") || f.type === "application/pdf") || f.size > MAX_BYTES);
+    if (invalid.length) toast.error("Envie imagem ou PDF de at\xE9 15 MB.");
+    const ok = list.filter((f) => !invalid.includes(f));
+    if (!ok.length) return;
+    setUploading((n) => n + ok.length);
+    for (const file of ok) {
+      try {
+        await provider.addInvoiceAttachment(invoiceId, file);
+      } catch (e) {
+        toast.error(`${file.name}: ${e?.message ?? String(e)}`);
+      } finally {
+        setUploading((n) => n - 1);
+      }
+    }
+    await load();
+    onChanged?.();
+  }
+  return /* @__PURE__ */ jsx(Modal, { open: true, onOpenChange: (o) => {
+    if (!o) onClose();
+  }, children: /* @__PURE__ */ jsx(ModalContent, { size: preview !== null ? "3xl" : "sm", children: preview !== null && items?.[preview] ? /* @__PURE__ */ jsx(
+    AttachmentPreview,
+    {
+      items,
+      index: preview,
+      onIndex: setPreview,
+      onBack: () => setPreview(null)
+    }
+  ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(ModalHeader, { children: /* @__PURE__ */ jsxs(ModalTitle, { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx(Paperclip, { className: "h-4 w-4 text-muted-foreground", "aria-hidden": true }),
+      "Anexos da conta"
+    ] }) }),
+    /* @__PURE__ */ jsxs(ModalBody, { className: "space-y-3", children: [
+      items === null ? /* @__PURE__ */ jsx("ul", { className: "divide-y rounded-card border", "aria-busy": "true", children: [0, 1].map((i) => /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-3 px-3 py-2.5", children: [
+        /* @__PURE__ */ jsx("div", { className: "h-4 w-4 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-3 w-2/3 animate-pulse rounded bg-muted" }),
+          /* @__PURE__ */ jsx("div", { className: "h-2.5 w-1/3 animate-pulse rounded bg-muted" })
+        ] })
+      ] }, i)) }) : items.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "rounded-card bg-muted/40 px-4 py-5 text-center", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: "Nenhum anexo ainda" }),
+        /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: "Guarde aqui o boleto, a nota ou o comprovante de pagamento \u2014 fica tudo junto da conta." })
+      ] }) : /* @__PURE__ */ jsx("ul", { className: "divide-y rounded-card border", children: items.map((a, i) => {
+        const Icon = (a.mimeType ?? "").startsWith("image/") ? Image : FileText;
+        return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+          "button",
           {
-            className: "mx-auto flex w-full max-w-4xl flex-1 flex-col gap-3 overflow-hidden",
-            onClick: (e) => e.stopPropagation(),
+            type: "button",
+            onClick: () => setPreview(i),
+            className: "flex w-full items-center gap-3 px-3 py-2 text-left transition-colors hover:bg-muted/40",
             children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 text-white", children: [
-                /* @__PURE__ */ jsx(Paperclip, { className: "h-4 w-4 shrink-0 opacity-70", "aria-hidden": true }),
-                /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-                  /* @__PURE__ */ jsx("p", { className: "truncate text-sm font-medium", title: doc.fileName, children: doc.fileName }),
-                  /* @__PURE__ */ jsxs("p", { className: "text-[11px] opacity-60", children: [
-                    attachments.length > 1 ? `${index + 1} de ${attachments.length}` : null,
-                    doc.fileSize ? `${attachments.length > 1 ? " \xB7 " : ""}${Math.round(doc.fileSize / 1024)} KB` : null
-                  ] })
-                ] }),
-                doc.url ? /* @__PURE__ */ jsxs(
-                  "a",
-                  {
-                    href: doc.url,
-                    target: "_blank",
-                    rel: "noreferrer",
-                    className: "inline-flex shrink-0 items-center gap-1 rounded-lg border border-white/20 px-2.5 py-1.5 text-xs font-medium text-white hover:bg-white/10",
-                    children: [
-                      /* @__PURE__ */ jsx(ExternalLink, { className: "h-3.5 w-3.5", "aria-hidden": true }),
-                      " Abrir"
-                    ]
-                  }
-                ) : null,
-                /* @__PURE__ */ jsx(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: () => onClose(),
-                    "aria-label": "Fechar",
-                    className: "shrink-0 rounded-lg border border-white/20 px-2.5 py-1.5 text-xs font-medium text-white hover:bg-white/10",
-                    children: "Fechar"
-                  }
-                )
+              /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4 shrink-0 text-muted-foreground", "aria-hidden": true }),
+              /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+                /* @__PURE__ */ jsx("p", { className: "truncate text-sm", children: a.fileName }),
+                /* @__PURE__ */ jsx("p", { className: "text-[11px] text-muted-foreground", children: a.pending ? "Arquivo ainda n\xE3o dispon\xEDvel" : [size(a.fileSize), a.createdAt?.slice(0, 10).split("-").reverse().join("/")].filter(Boolean).join(" \xB7 ") })
               ] }),
-              /* @__PURE__ */ jsx("div", { className: "flex min-h-0 flex-1 items-center justify-center rounded-xl bg-white/5", children: doc.pending || !doc.url ? /* @__PURE__ */ jsxs("p", { className: "max-w-sm p-8 text-center text-sm text-white/70", children: [
-                "O registro deste anexo atravessou, o arquivo ainda n\xE3o. Ele continua no V1 \u2014 procure por ",
-                /* @__PURE__ */ jsx("span", { className: "font-mono text-xs", children: doc.fileName }),
-                "."
-              ] }) : ehImagem ? /* @__PURE__ */ jsx("img", { src: doc.url, alt: doc.fileName, className: "max-h-full max-w-full object-contain" }) : ehPdf ? /* @__PURE__ */ jsx("iframe", { src: doc.url, title: doc.fileName, className: "h-full w-full rounded-xl bg-white" }) : /* @__PURE__ */ jsxs("p", { className: "p-8 text-center text-sm text-white/70", children: [
-                "Este tipo de arquivo n\xE3o tem pr\xE9-visualiza\xE7\xE3o. Use ",
-                /* @__PURE__ */ jsx("strong", { children: "Abrir" }),
-                "."
-              ] }) }),
-              attachments.length > 1 && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-2", children: [
-                /* @__PURE__ */ jsx(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: () => irPara(-1),
-                    className: "rounded-lg border border-white/20 px-3 py-1.5 text-xs font-medium text-white hover:bg-white/10",
-                    children: "Anterior"
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: () => irPara(1),
-                    className: "rounded-lg border border-white/20 px-3 py-1.5 text-xs font-medium text-white hover:bg-white/10",
-                    children: "Pr\xF3ximo"
-                  }
-                )
-              ] })
+              /* @__PURE__ */ jsx(ChevronRight, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground", "aria-hidden": true })
             ]
           }
-        )
-      }
-    ),
-    document.body
-  );
+        ) }, a.id);
+      }) }),
+      provider.addInvoiceAttachment && /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => inputRef.current?.click(),
+          onDragOver: (e) => {
+            e.preventDefault();
+            setOver(true);
+          },
+          onDragLeave: () => setOver(false),
+          onDrop: (e) => {
+            e.preventDefault();
+            setOver(false);
+            void upload(e.dataTransfer.files);
+          },
+          disabled: uploading > 0,
+          className: `flex w-full flex-col items-center gap-1 rounded-card border-2 border-dashed px-4 py-5 text-center transition-colors ${over ? "border-primary bg-primary/5" : "border-border hover:bg-muted/40"}`,
+          children: [
+            uploading > 0 ? /* @__PURE__ */ jsx(Loader2, { className: "h-5 w-5 animate-spin text-muted-foreground" }) : /* @__PURE__ */ jsx(UploadCloud, { className: "h-5 w-5 text-muted-foreground", "aria-hidden": true }),
+            /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: uploading > 0 ? "Enviando\u2026" : "Solte arquivos aqui ou clique para escolher" }),
+            /* @__PURE__ */ jsx("span", { className: "text-[11px] text-muted-foreground", children: "Imagem ou PDF, at\xE9 15 MB" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          ref: inputRef,
+          type: "file",
+          accept: ACCEPT,
+          multiple: true,
+          className: "hidden",
+          onChange: (e) => {
+            const f = e.target.files;
+            if (f) void upload(f);
+            e.target.value = "";
+          }
+        }
+      )
+    ] })
+  ] }) }) });
+}
+function AttachmentPreview({ items, index, onIndex, onBack }) {
+  const doc = items[index];
+  const isImage = (doc.mimeType ?? "").startsWith("image/");
+  const isPdf = doc.mimeType === "application/pdf";
+  const go = (d) => onIndex((index + d + items.length) % items.length);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(ModalHeader, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 pr-8", children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: onBack,
+          className: "inline-flex shrink-0 items-center gap-1 rounded-md px-1.5 py-1 text-sm text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+          children: [
+            /* @__PURE__ */ jsx(ArrowLeft, { className: "h-4 w-4", "aria-hidden": true }),
+            " Voltar"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(ModalTitle, { className: "min-w-0 flex-1 truncate text-sm font-medium", title: doc.fileName, children: doc.fileName }),
+      items.length > 1 && /* @__PURE__ */ jsxs("span", { className: "flex shrink-0 items-center gap-1 text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ jsx("button", { type: "button", onClick: () => go(-1), "aria-label": "Anterior", className: "rounded-md p-1 hover:bg-muted", children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" }) }),
+        index + 1,
+        " de ",
+        items.length,
+        /* @__PURE__ */ jsx("button", { type: "button", onClick: () => go(1), "aria-label": "Pr\xF3ximo", className: "rounded-md p-1 hover:bg-muted", children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" }) })
+      ] }),
+      doc.url && /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: doc.url,
+          target: "_blank",
+          rel: "noreferrer",
+          "aria-label": "Abrir em nova aba",
+          className: "shrink-0 rounded-md p-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+          children: /* @__PURE__ */ jsx(ExternalLink, { className: "h-4 w-4" })
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsx(ModalBody, { children: /* @__PURE__ */ jsx("div", { className: "flex h-[65vh] items-center justify-center overflow-hidden rounded-card bg-muted/40", children: doc.pending || !doc.url ? /* @__PURE__ */ jsxs("p", { className: "max-w-sm p-8 text-center text-sm text-muted-foreground", children: [
+      "O registro deste anexo atravessou, o arquivo ainda n\xE3o. Ele continua no V1 \u2014 procure por",
+      " ",
+      /* @__PURE__ */ jsx("span", { className: "font-mono text-xs", children: doc.fileName }),
+      "."
+    ] }) : isImage ? /* @__PURE__ */ jsx("img", { src: doc.url, alt: doc.fileName, className: "max-h-full max-w-full object-contain" }) : isPdf ? /* @__PURE__ */ jsx("iframe", { src: doc.url, title: doc.fileName, className: "h-full w-full bg-white" }) : /* @__PURE__ */ jsx("p", { className: "p-8 text-center text-sm text-muted-foreground", children: "Este tipo de arquivo n\xE3o tem pr\xE9-visualiza\xE7\xE3o. Use o bot\xE3o de abrir." }) }) })
+  ] });
 }
 var KIND_LABELS = {
   supplier: "Fornecedor",
@@ -1994,7 +2063,7 @@ function FinancialCounterpartySearchSelect({
   onEdit,
   disabled
 }) {
-  const search = React23.useCallback(async (query) => {
+  const search = React25.useCallback(async (query) => {
     const results = await lookup.search(query);
     return results.map((result) => ({
       id: result.id,
@@ -2197,7 +2266,7 @@ function useInvoiceColumns(currency, paymentMethods2, paymentMethodTypes, bankAc
             },
             children: [
               /* @__PURE__ */ jsx(Paperclip, { className: "h-4 w-4", "aria-hidden": true }),
-              n > 1 && /* @__PURE__ */ jsx("span", { className: "absolute -right-0.5 -top-0.5 flex h-4 min-w-4 items-center justify-center rounded-full bg-primary px-1 text-[10px] font-semibold leading-none text-primary-foreground tabular-nums", children: n })
+              n > 0 && /* @__PURE__ */ jsx("span", { className: "absolute -right-0.5 -top-0.5 flex h-4 min-w-4 items-center justify-center rounded-full bg-primary px-1 text-[10px] font-semibold leading-none text-primary-foreground tabular-nums", children: n })
             ]
           }
         ) });
@@ -2345,13 +2414,8 @@ function InvoiceListView({ direction, onNew, onNewReceipt, onEdit }) {
     }).finally(() => setConsolidating(null));
   }, [provider, t2, fetchInvoices, query, onEdit]);
   const filtered = invoices.filter((inv) => inv.direction === direction);
-  const [viewer, setViewer] = useState(null);
-  const openAttachments = useCallback((invoiceId) => {
-    if (!provider.getInvoiceAttachments) return;
-    provider.getInvoiceAttachments(invoiceId).then((attachments) => {
-      if (attachments.length) setViewer({ attachments, index: 0 });
-    }).catch(() => toast.error("N\xE3o foi poss\xEDvel abrir os anexos"));
-  }, [provider]);
+  const [attachmentsOf, setAttachmentsOf] = useState(null);
+  const openAttachments = useCallback((invoiceId) => setAttachmentsOf(invoiceId), []);
   const columns = useInvoiceColumns(currency, paymentMethods2, paymentMethodTypes, bankAccounts, consolidar, consolidating, openAttachments);
   const contactLookup = useMemo(() => createFinancialCounterpartyLookup(direction), [direction]);
   const tags = useMemo(
@@ -2695,7 +2759,9 @@ function InvoiceListView({ direction, onNew, onNewReceipt, onEdit }) {
     },
     ...onNewReceiptGated ? [{
       id: "receipt",
-      label: t2("financial.quickTx.sendReceipt"),
+      // Same flow for payables and receivables: the photo is the request and
+      // the assistant returns the form filled in.
+      label: t2(direction === "debit" ? "financial.quickTx.digitizeExpense" : "financial.quickTx.digitizeReceipt"),
       description: t2("financial.quickTx.receiptCapture"),
       icon: Camera,
       intent: "secondary",
@@ -2705,10 +2771,20 @@ function InvoiceListView({ direction, onNew, onNewReceipt, onEdit }) {
       // preenchido. Ver receipt-agent.ts.
       onSelect: () => startReceiptCapture({
         ask: t2("financial.receipt.ask"),
-        uploadLabel: t2("financial.quickTx.sendReceipt"),
+        uploadLabel: t2(direction === "debit" ? "financial.quickTx.digitizeExpense" : "financial.quickTx.digitizeReceipt"),
         uploadHint: t2("financial.quickTx.receiptCapture"),
         prompt: t2("financial.receipt.prompt")
       })
+    }] : [],
+    ...direction === "debit" ? [{
+      id: "payroll",
+      label: t2("financial.invoice.importPayroll"),
+      description: t2("financial.invoice.importPayrollSoon"),
+      icon: Users,
+      intent: "secondary",
+      disabled: true,
+      onSelect: () => {
+      }
     }] : []
   ] : [];
   return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
@@ -2738,13 +2814,14 @@ function InvoiceListView({ direction, onNew, onNewReceipt, onEdit }) {
         onEmptyAction: onNewGated
       }
     ),
-    viewer && /* @__PURE__ */ jsx(
-      AttachmentViewer,
+    attachmentsOf && /* @__PURE__ */ jsx(
+      InvoiceAttachmentsModal,
       {
-        attachments: viewer.attachments,
-        index: viewer.index,
-        onIndexChange: (index) => setViewer((v) => v ? { ...v, index } : v),
-        onClose: () => setViewer(null)
+        invoiceId: attachmentsOf,
+        onClose: () => setAttachmentsOf(null),
+        onChanged: () => {
+          void fetchInvoices(query);
+        }
       }
     ),
     filtered.length > 0 && !invoicesLoading && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-6 rounded-lg border bg-muted/30 px-5 py-3 text-sm", children: [
@@ -3825,9 +3902,9 @@ var SUBMIT_DRAFT = {
   parameters: { type: "object", properties: {} }
 };
 function PayableDraftSurface({ config, draft }) {
-  const live = React23.useRef(draft);
+  const live = React25.useRef(draft);
   live.current = draft;
-  const lookup = React23.useMemo(
+  const lookup = React25.useMemo(
     () => config.contactLookup ?? createArchetypeLookup({
       archetype: "person",
       kind: "supplier",
@@ -3836,7 +3913,7 @@ function PayableDraftSurface({ config, draft }) {
     }),
     [config.contactLookup]
   );
-  React23.useEffect(() => {
+  React25.useEffect(() => {
     liveDraft = {
       describe: () => live.current.describe(),
       setSupplier: (name, id) => live.current.setSupplier(name, id),
@@ -3847,7 +3924,7 @@ function PayableDraftSurface({ config, draft }) {
       liveDraft = null;
     };
   }, []);
-  const contribution = React23.useMemo(() => ({
+  const contribution = React25.useMemo(() => ({
     id: "financial.payables.draft",
     pluginId: "financial",
     role: "finance",
@@ -3922,7 +3999,7 @@ function PayableDraftSurface({ config, draft }) {
 }
 function createFinancialAgentMount(deps) {
   const FinancialAgentMount = () => {
-    const contribution = React23.useMemo(() => ({
+    const contribution = React25.useMemo(() => ({
       id: "financial.payables.global",
       pluginId: "financial",
       role: "finance",
@@ -4017,13 +4094,24 @@ function CardVisual({
   lastFour: lastFour2,
   color,
   brandId,
-  size = "sm"
+  size: size2 = "sm"
 }) {
   const brand = useBrandName(brandId);
   const last = (lastFour2 ?? "").trim();
   if (!last && !color && !brand) return null;
   const bg = color && /^#[0-9a-fA-F]{6}$/.test(color) ? color : void 0;
-  const lg = size === "lg";
+  const lg = size2 === "lg";
+  if (size2 === "xs") {
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: "inline-flex h-4 w-4 shrink-0 items-center justify-center rounded-[3px] border align-middle text-[6px] font-semibold leading-none tabular-nums",
+        style: bg ? { backgroundColor: bg, color: ink(bg), borderColor: "transparent" } : void 0,
+        title: [brand, last && `\u2022\u2022\u2022\u2022 ${last}`].filter(Boolean).join(" "),
+        children: last
+      }
+    );
+  }
   return /* @__PURE__ */ jsxs(
     "span",
     {
@@ -4093,7 +4181,9 @@ function eligibleAccountsFor(bankAccounts, direction, type) {
   const active = bankAccounts.filter((a) => a.isActive !== false);
   if (direction === "debit") {
     if (txType === "credit_card") return active.filter((a) => a.accountType === "card_payable");
-    return active.filter((a) => !["card_payable", "card_receivable_credit", "card_receivable_debit"].includes(a.accountType));
+    const own = (type?.allowedAccountTypes?.length ? type.allowedAccountTypes : ACCOUNT_TYPES_FOR_TX2[txType])?.filter((k) => !k.startsWith("card_"));
+    const kinds = own?.length ? own : ["bank", "cash_physical", "cash_session"];
+    return active.filter((a) => kinds.includes(a.accountType));
   }
   const allowed = type?.allowedAccountTypes && type.allowedAccountTypes.length ? type.allowedAccountTypes : ACCOUNT_TYPES_FOR_TX2[txType];
   if (!allowed || !allowed.length) return bankAccounts;
@@ -4415,10 +4505,10 @@ function PaymentModal({ movement, receiptUrl, onClose, onPaid }) {
   const payMovement = useFinancialStore((s) => s.payMovement);
   const remaining = movement.amount - movement.paidAmount;
   const [saving, setSaving] = useState(false);
-  const command = React23__default.useRef(createPendingCommand(() => createIdempotencyKey("financial:payment"), (input) => input.movementId));
+  const command = React25__default.useRef(createPendingCommand(() => createIdempotencyKey("financial:payment"), (input) => input.movementId));
   const [pending2, setPending] = useState(false);
   const [visible, setVisible] = useState(false);
-  React23__default.useEffect(() => {
+  React25__default.useEffect(() => {
     requestAnimationFrame(() => setVisible(true));
   }, []);
   const source = movement.metadata ?? {};
@@ -4537,6 +4627,32 @@ function PaymentModal({ movement, receiptUrl, onClose, onPaid }) {
     document.body
   );
 }
+var METHOD_ICONS = {
+  cash: Banknote,
+  pix: QrCode,
+  credit_card: CreditCard,
+  debit_card: CreditCard,
+  bank_transfer: ArrowRightLeft,
+  check: FileCheck,
+  boleto: Receipt,
+  voucher: Ticket
+};
+function MethodIcon({ type }) {
+  const Icon = METHOD_ICONS[type?.transactionType ?? ""] ?? Wallet;
+  return /* @__PURE__ */ jsx(Icon, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground", "aria-hidden": true });
+}
+function AccountIcon({ account }) {
+  if (!account) return null;
+  if (account.accountType === "card_payable" && (account.lastFour || account.color || account.cardBrandId)) {
+    return /* @__PURE__ */ jsx(CardVisual, { size: "xs", lastFour: account.lastFour ?? void 0, color: account.color ?? void 0, brandId: account.cardBrandId ?? void 0 });
+  }
+  if (account.accountType.startsWith("card_")) return /* @__PURE__ */ jsx(CreditCard, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground", "aria-hidden": true });
+  if (account.accountType === "cash_physical" || account.accountType === "cash_session") {
+    return /* @__PURE__ */ jsx(Banknote, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground", "aria-hidden": true });
+  }
+  const bank = findBrBank(account.bankCode, account.bankName ?? account.name);
+  return bank?.logo ? /* @__PURE__ */ jsx(BankLogo, { bank, size: 16 }) : /* @__PURE__ */ jsx(Landmark, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground", "aria-hidden": true });
+}
 var NONE = "__none__";
 var TRIGGER_CLASS = `h-auto w-auto justify-start gap-1 rounded-none border-0 bg-transparent p-0 text-xs font-normal shadow-none ring-offset-0 focus:ring-0 focus:ring-offset-0 [&>svg]:h-3 [&>svg]:w-3 ${INLINE_LINK_TONE.dashed}`;
 function InstallmentSourceFields({
@@ -4559,7 +4675,7 @@ function InstallmentSourceFields({
     onChange({ payMethodTypeId: typeId || void 0, payAccountId: typeId ? conta : void 0 });
   }
   const tone = (filled) => filled ? "text-foreground" : "text-destructive border-b border-dashed border-destructive";
-  return /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-3", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 flex-col items-start gap-0.5", children: [
     /* @__PURE__ */ jsxs(
       Select,
       {
@@ -4576,37 +4692,202 @@ function InstallmentSourceFields({
             }
           ),
           /* @__PURE__ */ jsxs(SelectContent, { children: [
-            paymentMethodTypes.map((tp) => /* @__PURE__ */ jsx(SelectItem, { value: tp.id, children: tp.name }, tp.id)),
+            paymentMethodTypes.map((tp) => /* @__PURE__ */ jsx(SelectItem, { value: tp.id, children: /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx(MethodIcon, { type: tp }),
+              tp.name
+            ] }) }, tp.id)),
             value.payMethodTypeId && /* @__PURE__ */ jsx(SelectItem, { value: NONE, className: "text-muted-foreground", children: t2("financial.invoiceForm.clear") })
           ] })
         ]
       }
     ),
-    /* @__PURE__ */ jsxs(
-      Select,
+    /* @__PURE__ */ jsx(
+      AccountPicker,
       {
-        value: value.payAccountId ?? "",
+        accounts,
+        value: value.payAccountId,
         disabled: disabled || !value.payMethodTypeId,
-        onValueChange: (raw) => onChange({ ...value, payAccountId: raw === NONE ? void 0 : raw }),
+        title: value.payMethodTypeId ? void 0 : t2("financial.invoiceForm.selectMethodFirst"),
+        placeholder: t2("financial.payment.account"),
+        ariaLabel: t2("financial.invoiceForm.paidFrom"),
+        clearLabel: t2("financial.invoiceForm.clear"),
+        className: `${INLINE_LINK_TONE.dashed} ${tone(!!selectedAccount)}`,
+        onChange: (id) => onChange({ ...value, payAccountId: id })
+      }
+    )
+  ] });
+}
+var norm2 = (v) => v.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase();
+function AccountPicker({ accounts, value, onChange, disabled, title, placeholder, ariaLabel, clearLabel, className }) {
+  const [open, setOpen] = React25__default.useState(false);
+  const [q, setQ] = React25__default.useState("");
+  const selected = accounts.find((a) => a.id === value);
+  const list = q ? accounts.filter((a) => norm2(a.name).includes(norm2(q))) : accounts;
+  const pick = (id) => {
+    onChange(id);
+    setOpen(false);
+    setQ("");
+  };
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: (o) => {
+    setOpen(o);
+    if (!o) setQ("");
+  }, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        disabled,
+        title,
+        "aria-label": ariaLabel,
+        className: `inline-flex max-w-full items-center gap-1 text-xs disabled:cursor-not-allowed disabled:opacity-50 ${className ?? ""}`,
         children: [
-          /* @__PURE__ */ jsx(
-            SelectTrigger,
-            {
-              "aria-label": t2("financial.invoiceForm.paidFrom"),
-              title: value.payMethodTypeId ? void 0 : t2("financial.invoiceForm.selectMethodFirst"),
-              className: `${TRIGGER_CLASS} ${tone(!!selectedAccount)}`,
-              children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t2("financial.payment.account") })
-            }
-          ),
-          /* @__PURE__ */ jsxs(SelectContent, { children: [
-            accounts.map((a) => /* @__PURE__ */ jsx(SelectItem, { value: a.id, children: a.name }, a.id)),
-            value.payAccountId && /* @__PURE__ */ jsx(SelectItem, { value: NONE, className: "text-muted-foreground", children: t2("financial.invoiceForm.clear") })
-          ] })
+          selected ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(AccountIcon, { account: selected }),
+            /* @__PURE__ */ jsx("span", { className: "truncate", children: selected.name })
+          ] }) : placeholder,
+          /* @__PURE__ */ jsx(ChevronDown, { className: "h-3 w-3 shrink-0 opacity-50", "aria-hidden": true })
         ]
       }
-    )
+    ) }),
+    /* @__PURE__ */ jsxs(PopoverContent, { align: "start", className: "w-64 p-1", children: [
+      /* @__PURE__ */ jsxs("div", { className: "relative mb-1", children: [
+        /* @__PURE__ */ jsx(Search, { className: "pointer-events-none absolute left-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground", "aria-hidden": true }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            autoFocus: true,
+            value: q,
+            onChange: (e) => setQ(e.target.value),
+            onKeyDown: (e) => {
+              if (e.key === "Enter" && list[0]) {
+                e.preventDefault();
+                pick(list[0].id);
+              }
+            },
+            placeholder: "Buscar conta\u2026",
+            className: "h-8 w-full rounded-md border-0 bg-muted/50 pl-7 pr-2 text-xs outline-none focus:ring-0"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "max-h-64 overflow-y-auto", children: list.length === 0 ? /* @__PURE__ */ jsx("p", { className: "px-2 py-3 text-center text-xs text-muted-foreground", children: "Nenhuma conta encontrada" }) : list.map((a) => /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => pick(a.id),
+          className: `flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-sm transition-colors hover:bg-muted ${a.id === value ? "font-medium" : ""}`,
+          children: [
+            /* @__PURE__ */ jsx(AccountIcon, { account: a }),
+            /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: a.name }),
+            a.id === value && /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5 shrink-0", "aria-hidden": true })
+          ]
+        },
+        a.id
+      )) }),
+      value && /* @__PURE__ */ jsx("button", { type: "button", onClick: () => pick(void 0), className: "mt-1 w-full rounded-md px-2 py-1.5 text-left text-xs text-muted-foreground hover:bg-muted", children: clearLabel })
+    ] })
   ] });
 }
+var STATUS = {
+  open: { bg: "bg-info-soft text-info-soft-foreground", icon: CircleDashed, labelKey: "financial.invoice.statusOpen" },
+  pending: { bg: "bg-warning-soft text-warning-soft-foreground", icon: CircleDashed, labelKey: "financial.invoice.statusPending" },
+  partial: { bg: "bg-warning-soft text-warning-soft-foreground", icon: CircleEllipsis, labelKey: "financial.invoice.statusPartial" },
+  paid: { bg: "bg-success-soft text-success-soft-foreground", icon: CircleCheckBig, labelKey: "financial.invoice.statusPaid" },
+  overdue: { bg: "bg-destructive-soft text-destructive-soft-foreground", icon: CircleAlert, labelKey: "financial.invoice.statusOverdue" },
+  draft: { bg: "bg-muted text-muted-foreground", icon: CircleDashed, labelKey: "financial.invoice.statusDraft" },
+  cancelled: { bg: "bg-muted text-muted-foreground", icon: Ban, labelKey: "financial.invoice.statusCancelled" }
+};
+function InstallmentStatusBadge({ status }) {
+  const t2 = useTranslation();
+  const s = STATUS[status ?? ""] ?? STATUS.pending;
+  const Icon = s.icon;
+  return /* @__PURE__ */ jsxs("span", { className: `inline-flex shrink-0 items-center gap-0.5 rounded-full px-1.5 py-0.5 text-[9px] font-medium capitalize ${s.bg}`, children: [
+    /* @__PURE__ */ jsx(Icon, { className: "h-2 w-2" }),
+    " ",
+    t2(s.labelKey)
+  ] });
+}
+function InstallmentRow({
+  number,
+  amount,
+  status,
+  dueDate,
+  onDueDateChange,
+  dueExtra,
+  source,
+  actions,
+  onClick
+}) {
+  const t2 = useTranslation();
+  const stop = (e) => e.stopPropagation();
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `flex flex-wrap items-center gap-3 px-4 py-3 ${onClick ? "cursor-pointer transition-colors hover:bg-muted/20" : ""}`,
+      onClick,
+      children: [
+        /* @__PURE__ */ jsxs("span", { className: "w-6 shrink-0 text-xs font-medium text-muted-foreground", children: [
+          "#",
+          number
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col items-start gap-0.5", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx("span", { className: "shrink-0 text-sm font-medium tabular-nums", children: amount }),
+            status && /* @__PURE__ */ jsx(InstallmentStatusBadge, { status })
+          ] }),
+          /* @__PURE__ */ jsxs("span", { className: "flex shrink-0 items-center gap-1 whitespace-nowrap text-[10px] text-muted-foreground", onClick: stop, children: [
+            t2("financial.payment.due"),
+            onDueDateChange ? /* @__PURE__ */ jsx(DatePicker, { value: dueDate, variant: "inline", format: "numeric", onChange: onDueDateChange }) : dueDate,
+            dueExtra
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "w-44 shrink-0", onClick: stop, children: source }),
+        (actions || onClick) && /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-1.5", onClick: stop, children: [
+          actions,
+          onClick && /* @__PURE__ */ jsx(ChevronRight, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground", "aria-hidden": true })
+        ] })
+      ]
+    }
+  );
+}
+var BTN = "inline-flex shrink-0 items-center gap-1 px-3 py-1.5 text-xs font-medium transition-colors active:shadow-button-inset disabled:pointer-events-none disabled:opacity-40";
+function InstallmentPayButton({ onClick, disabled, title, children, variant = "primary" }) {
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      onClick,
+      disabled,
+      title,
+      className: variant === "primary" ? `${BTN} rounded-button border border-primary bg-primary text-primary-foreground shadow-button-primary hover:bg-primary/90` : `${BTN} rounded-lg border bg-card shadow-button hover:bg-muted`,
+      children: [
+        /* @__PURE__ */ jsx(DollarSign, { className: "h-3 w-3" }),
+        children
+      ]
+    }
+  );
+}
+function InstallmentActionButton({ onClick, icon: Icon, children }) {
+  return /* @__PURE__ */ jsxs("button", { type: "button", onClick, className: `${BTN} rounded-lg border bg-card shadow-button hover:bg-muted`, children: [
+    /* @__PURE__ */ jsx(Icon, { className: "h-3 w-3" }),
+    children
+  ] });
+}
+function InstallmentReceiptButton({ onClick, title, attached, pending: pending2, count }) {
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      onClick,
+      title,
+      "aria-label": title,
+      className: `inline-flex shrink-0 items-center gap-1 rounded-lg border bg-card px-2.5 py-1.5 text-xs font-medium shadow-button transition-colors hover:bg-muted active:shadow-button-inset ${attached ? "text-success" : pending2 ? "text-primary" : ""}`,
+      children: [
+        /* @__PURE__ */ jsx(Paperclip, { className: "h-3 w-3" }),
+        !!count && /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: count })
+      ]
+    }
+  );
+}
 
 // src/views/focusItem.ts
 var CHAVE = "fayz:financial:focus-item";
@@ -4631,9 +4912,9 @@ function consumirItemParaAbrir(invoiceId) {
   }
 }
 function useStockedItemTypes(itemTypes, entityLookups) {
-  const [empty, setEmpty] = React23__default.useState(null);
+  const [empty, setEmpty] = React25__default.useState(null);
   const backed = itemTypes.filter((type) => entityLookups[type.value]?.count).map((type) => type.value).sort().join(",");
-  React23__default.useEffect(() => {
+  React25__default.useEffect(() => {
     const kinds = backed ? backed.split(",") : [];
     if (!kinds.length) {
       setEmpty(null);
@@ -4654,7 +4935,7 @@ function useStockedItemTypes(itemTypes, entityLookups) {
       cancelled = true;
     };
   }, [backed]);
-  return React23__default.useMemo(
+  return React25__default.useMemo(
     () => empty?.size ? itemTypes.filter((type) => !empty.has(type.value)) : itemTypes,
     [itemTypes, empty]
   );
@@ -4902,14 +5183,14 @@ function InvoiceFormView({ direction, editId, onSaved, focusReceipt = false, fro
     };
   }, [giftCardsEnabled, provider]);
   const entityLookups = useMemo(() => giftCardLookup ? { ...config.entityLookups, gift_card: giftCardLookup } : config.entityLookups, [config.entityLookups, giftCardLookup]);
-  const translatedItemTypes = React23__default.useMemo(
+  const translatedItemTypes = React25__default.useMemo(
     () => itemTypesRaw.map((tp) => {
       const traduzido = t2(`financial.itemType.${tp.value}`);
       return traduzido === `financial.itemType.${tp.value}` ? tp : { ...tp, label: traduzido };
     }),
     [itemTypesRaw, t2]
   );
-  const offeredItemTypes = React23__default.useMemo(
+  const offeredItemTypes = React25__default.useMemo(
     () => availableInvoiceItemTypes(
       giftCardsEnabled && !translatedItemTypes.some((type) => type.value === "gift_card") ? [...translatedItemTypes, { value: "gift_card", label: t2("financial.itemType.gift_card"), icon: "Gift" }] : translatedItemTypes,
       Object.keys(entityLookups),
@@ -4930,6 +5211,7 @@ function InvoiceFormView({ direction, editId, onSaved, focusReceipt = false, fro
   const guardMovements = useLimitGuard("movements_month");
   const can = usePermissionOptional();
   const isEdit = !!editId;
+  const [attachmentsOpen, setAttachmentsOpen] = useState(false);
   useEffect(() => {
     void fetchBankAccounts();
     void fetchPaymentMethods();
@@ -5205,13 +5487,13 @@ function InvoiceFormView({ direction, editId, onSaved, focusReceipt = false, fro
     if (isEdit || totalAmount <= 0 || installments.length > 0) return;
     generateInstallments(1);
   }, [isEdit, totalAmount, installments.length]);
-  const fromCard = React23__default.useMemo(
+  const fromCard = React25__default.useMemo(
     () => fromCardId ? bankAccounts.find((a) => a.id === fromCardId) : void 0,
     [fromCardId, bankAccounts]
   );
   const cardLast4 = (fromCard?.accountNumber ?? "").replace(/\D/g, "").slice(-4);
   const nomeJaTemOsDigitos = !!cardLast4 && (fromCard?.name ?? "").replace(/\D/g, "").endsWith(cardLast4);
-  const cardMethodName = React23__default.useMemo(() => {
+  const cardMethodName = React25__default.useMemo(() => {
     const id = installments[0]?.payMethodTypeId;
     const escolhida = id ? paymentMethodTypes.find((tp) => tp.id === id) : void 0;
     return (escolhida ?? paymentMethodTypes.find((tp) => tp.transactionType === "credit_card"))?.name;
@@ -5532,7 +5814,6 @@ function InvoiceFormView({ direction, editId, onSaved, focusReceipt = false, fro
         const saved = savedMovements[i];
         const isPaid2 = saved?.status === "paid";
         const isPartial = saved?.status === "partial";
-        const StatusIcon = isPaid2 ? CircleCheckBig : CircleDashed;
         const canAttach = isEdit ? !!saved && !isPaid2 : true;
         const semFonte = Math.abs(inst.amount) < 5e-3 && !isPaid2 && !isPartial;
         const fonteTravada = isPaid2 || isPartial;
@@ -5540,75 +5821,61 @@ function InvoiceFormView({ direction, editId, onSaved, focusReceipt = false, fro
         const contaEscolhida = bankAccounts.find((a) => a.id === inst.payAccountId);
         const faltaParaPagar = !inst.payMethodTypeId ? t2("financial.payment.methodRequired") : !inst.payAccountId ? t2("financial.payment.accountRequired") : null;
         return /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-3 px-3 py-2", children: [
-            /* @__PURE__ */ jsxs("span", { className: "w-6 shrink-0 text-xs font-medium text-muted-foreground", children: [
-              "#",
-              i + 1
-            ] }),
-            /* @__PURE__ */ jsx("span", { className: "shrink-0 text-sm font-semibold tabular-nums", children: money4(inst.amount) }),
-            saved && /* @__PURE__ */ jsxs("span", { className: `inline-flex shrink-0 items-center gap-1 rounded-full px-1.5 py-0.5 text-[10px] font-medium ${isPaid2 ? "bg-success-soft text-success-soft-foreground" : isPartial ? "bg-warning-soft text-warning-soft-foreground" : "bg-muted text-muted-foreground"}`, children: [
-              /* @__PURE__ */ jsx(StatusIcon, { className: "h-2.5 w-2.5" }),
-              t2(isPaid2 ? "financial.invoice.statusPaid" : isPartial ? "financial.invoice.statusPartial" : "financial.invoice.statusPending")
-            ] }),
-            semFonte ? (
-              // Parcela zerada (brinde, 100% de desconto) não sai por forma
-              // nenhuma — pedir a forma ali só confunde.
-              /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xs text-muted-foreground", children: "\u2014" })
-            ) : fonteTravada ? /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-xs text-muted-foreground", children: [formaEscolhida?.name, contaEscolhida?.name].filter(Boolean).join(" \xB7 ") }) : /* @__PURE__ */ jsx(
-              InstallmentSourceFields,
-              {
-                direction,
-                value: { payMethodTypeId: inst.payMethodTypeId, payAccountId: inst.payAccountId },
-                onChange: (next) => patch(next)
-              }
-            ),
-            /* @__PURE__ */ jsxs("div", { className: "ml-auto flex items-center gap-1.5", children: [
-              !hasPayments ? /* @__PURE__ */ jsx(
-                DatePicker,
-                {
-                  value: inst.dueDate,
-                  variant: "inline",
-                  format: "numeric",
-                  onChange: (v) => patch({ dueDate: v })
-                }
-              ) : /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: inst.dueDate }),
-              canAttach && /* @__PURE__ */ jsx(
-                "button",
+          /* @__PURE__ */ jsx(
+            InstallmentRow,
+            {
+              number: i + 1,
+              amount: money4(inst.amount),
+              status: saved?.status,
+              dueDate: inst.dueDate,
+              onDueDateChange: !hasPayments ? (v) => patch({ dueDate: v }) : void 0,
+              source: semFonte ? (
+                // A zero-value line (gift, 100% discount) has no method to ask for.
+                /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "\u2014" })
+              ) : fonteTravada ? /* @__PURE__ */ jsx("span", { className: "truncate text-xs text-muted-foreground", children: [formaEscolhida?.name, contaEscolhida?.name].filter(Boolean).join(" \xB7 ") }) : /* @__PURE__ */ jsx(
+                InstallmentSourceFields,
                 {
-                  type: "button",
-                  onClick: () => {
-                    if (!inst.receiptUrl && pendingReceipt) {
-                      patch({ receiptUrl: pendingReceipt });
-                      setPendingReceipt(void 0);
-                      return;
-                    }
-                    setReceiptTarget(i);
-                    receiptPicker.open();
-                  },
-                  title: !inst.receiptUrl && pendingReceipt ? t2("financial.receipt.attachRead") : t2("financial.quickTx.receiptCapture"),
-                  "aria-label": !inst.receiptUrl && pendingReceipt ? t2("financial.receipt.attachRead") : t2("financial.quickTx.receiptCapture"),
-                  className: `flex h-7 w-7 shrink-0 items-center justify-center rounded-md transition-colors ${inst.receiptUrl ? "text-success hover:bg-success-soft" : pendingReceipt ? "text-primary hover:bg-primary/10" : "text-muted-foreground hover:bg-muted hover:text-foreground"}`,
-                  children: inst.receiptUrl ? /* @__PURE__ */ jsx(Paperclip, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsx(Camera, { className: "h-3.5 w-3.5" })
+                  direction,
+                  value: { payMethodTypeId: inst.payMethodTypeId, payAccountId: inst.payAccountId },
+                  onChange: (next) => patch(next)
                 }
               ),
-              !isPaid2 && (saved || !isEdit && !!contactId && items.length > 0 && inst.amount > 0) && /* @__PURE__ */ jsxs(
-                Button,
-                {
-                  size: "sm",
-                  variant: "outline",
-                  disabled: saving || !!faltaParaPagar,
-                  title: faltaParaPagar ?? void 0,
-                  onClick: () => {
-                    void pagarParcela(i);
-                  },
-                  children: [
-                    /* @__PURE__ */ jsx(DollarSign, { className: "mr-1 h-3.5 w-3.5" }),
-                    t2("financial.invoice.pay")
-                  ]
-                }
-              )
-            ] })
-          ] }),
+              actions: /* @__PURE__ */ jsxs(Fragment, { children: [
+                (canAttach || isEdit) && /* @__PURE__ */ jsx(
+                  InstallmentReceiptButton,
+                  {
+                    attached: !!inst.receiptUrl,
+                    pending: !inst.receiptUrl && !!pendingReceipt,
+                    title: !inst.receiptUrl && pendingReceipt ? t2("financial.receipt.attachRead") : t2("financial.quickTx.receiptCapture"),
+                    onClick: () => {
+                      if (isEdit && editId) {
+                        setAttachmentsOpen(true);
+                        return;
+                      }
+                      if (!inst.receiptUrl && pendingReceipt) {
+                        patch({ receiptUrl: pendingReceipt });
+                        setPendingReceipt(void 0);
+                        return;
+                      }
+                      setReceiptTarget(i);
+                      receiptPicker.open();
+                    }
+                  }
+                ),
+                !isPaid2 && (saved || !isEdit && !!contactId && items.length > 0 && inst.amount > 0) && /* @__PURE__ */ jsx(
+                  InstallmentPayButton,
+                  {
+                    disabled: saving || !!faltaParaPagar,
+                    title: faltaParaPagar ?? void 0,
+                    onClick: () => {
+                      void pagarParcela(i);
+                    },
+                    children: t2("financial.invoice.pay")
+                  }
+                )
+              ] })
+            }
+          ),
           !isEdit && inst.receiptUrl && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2 border-t bg-muted/20 px-3 py-2", children: [
             /* @__PURE__ */ jsx(
               "img",
@@ -5920,6 +6187,7 @@ function InvoiceFormView({ direction, editId, onSaved, focusReceipt = false, fro
       }
     ),
     receiptPicker.input,
+    attachmentsOpen && editId && /* @__PURE__ */ jsx(InvoiceAttachmentsModal, { invoiceId: editId, onClose: () => setAttachmentsOpen(false) }),
     payingMovement && /* @__PURE__ */ jsx(
       PaymentModal,
       {
@@ -6015,6 +6283,11 @@ function groupPaymentsByBill(bills, payments) {
   }
   return { byBillId, unattributed };
 }
+var reversalOf = (m) => m.metadata?.reversal_of;
+function reversiblePayments(payments) {
+  const reversed = new Set(payments.map(reversalOf).filter(Boolean));
+  return payments.filter((m) => !reversalOf(m) && !reversed.has(m.id));
+}
 
 // src/lib/payment-how.ts
 var NOT_A_HOLDER = /* @__PURE__ */ new Set(["person", "system"]);
@@ -6062,6 +6335,7 @@ function PaymentReceiptModal({
   const { currency } = useFinancialConfig();
   const fmt = (n) => formatCurrency(n, currency);
   const ordenados = [...payments].sort((a, b) => (a.paymentDate ?? "").localeCompare(b.paymentDate ?? "") || (a.createdAt ?? "").localeCompare(b.createdAt ?? ""));
+  const estornaveis = new Set(reversiblePayments(ordenados).map((m) => m.id));
   const total = ordenados.reduce((soma, m) => soma + (ehEstorno(m) ? -1 : 1) * (m.paidAmount || m.amount), 0);
   return /* @__PURE__ */ jsx(Modal, { open: true, onOpenChange: (o) => {
     if (!o) onClose();
@@ -6101,7 +6375,7 @@ function PaymentReceiptModal({
             ] }),
             /* @__PURE__ */ jsx("span", { className: "text-xs", children: payment.notes })
           ] }),
-          onReverse && !estorno && /* @__PURE__ */ jsxs("div", { className: "space-y-1 border-t border-border/60 pt-2", children: [
+          onReverse && estornaveis.has(payment.id) && /* @__PURE__ */ jsxs("div", { className: "space-y-1 border-t border-border/60 pt-2", children: [
             /* @__PURE__ */ jsx(Hint, { label: t2("financial.paymentReceipt.unlinkUnavailable"), children: /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", className: "w-full", disabled: true, children: [
               /* @__PURE__ */ jsx(Unlink, { className: "h-3.5 w-3.5", "aria-hidden": true }),
               t2("financial.paymentReceipt.unlink")
@@ -6133,14 +6407,6 @@ var ITEM_ICONS = {
   gift_card: Gift,
   other: Receipt
 };
-var HOW_ICONS = {
-  cash: Banknote,
-  pix: QrCode,
-  credit_card: CreditCard,
-  debit_card: CreditCard,
-  bank_transfer: ArrowRightLeft,
-  check: FileCheck
-};
 var STATUS_COLORS = {
   open: { bg: "bg-info-soft text-info-soft-foreground", icon: CircleDashed, labelKey: "financial.invoice.statusOpen", tone: "info" },
   pending: { bg: "bg-warning-soft text-warning-soft-foreground", icon: CircleDashed, labelKey: "financial.invoice.statusPending", tone: "warning" },
@@ -6174,7 +6440,6 @@ function InvoiceDetailView({ invoiceId, direction, onBack, onEdit, backLabel, em
   const unitName = useUnitStore((st) => unitMode && invoice?.unitId ? st.byId[invoice.unitId]?.name : void 0);
   const [items, setItems] = useState([]);
   const [attachments, setAttachments] = useState([]);
-  const [viewing, setViewing] = useState(null);
   const [movements, setMovements] = useState([]);
   const [payments, setPayments] = useState([]);
   const [holders, setHolders] = useState(/* @__PURE__ */ new Map());
@@ -6184,13 +6449,8 @@ function InvoiceDetailView({ invoiceId, direction, onBack, onEdit, backLabel, em
   const [receiptBill, setReceiptBill] = useState(null);
   const [reverseReason, setReverseReason] = useState("");
   const [payingMovement, setPayingMovement] = useState(null);
-  const [receiptFor, setReceiptFor] = useState(null);
+  const [attachmentsOpen, setAttachmentsOpen] = useState(false);
   const [pendingReceipt, setPendingReceipt] = useState();
-  const receiptPicker = useReceiptPicker((dataUrl) => {
-    setPendingReceipt(dataUrl);
-    setPayingMovement(receiptFor);
-    setReceiptFor(null);
-  });
   const [menuOpen, setMenuOpen] = useState(false);
   const [confirmCancel, setConfirmCancel] = useState(false);
   const [cancelling, setCancelling] = useState(false);
@@ -6221,6 +6481,17 @@ function InvoiceDetailView({ invoiceId, direction, onBack, onEdit, backLabel, em
       void loadData();
     }
   }
+  async function patchInvoiceDate(invoiceDate) {
+    if (!invoice || !invoiceDate || invoiceDate === invoice.invoiceDate) return;
+    const antes = invoice;
+    setInvoice({ ...invoice, invoiceDate });
+    try {
+      await provider.updateInvoice(invoice.id, { invoiceDate });
+    } catch (e) {
+      setInvoice(antes);
+      toast.error(e?.message ?? String(e));
+    }
+  }
   const reqRef = useRef(0);
   async function loadData() {
     const req = ++reqRef.current;
@@ -6311,8 +6582,8 @@ function InvoiceDetailView({ invoiceId, direction, onBack, onEdit, backLabel, em
       setCancelling(false);
     }
   }
-  const [chartNames, setChartNames] = React23__default.useState(/* @__PURE__ */ new Map());
-  React23__default.useEffect(() => {
+  const [chartNames, setChartNames] = React25__default.useState(/* @__PURE__ */ new Map());
+  React25__default.useEffect(() => {
     let cancelled2 = false;
     void provider.getChartOfAccounts().then((rows) => {
       if (!cancelled2) setChartNames(new Map(rows.map((r) => [r.id, r.name])));
@@ -6432,7 +6703,14 @@ function InvoiceDetailView({ invoiceId, direction, onBack, onEdit, backLabel, em
           { id: "total", label: t2("financial.invoice.total"), value: formatCurrency(invoice.totalAmount, currency), icon: DollarSign },
           { id: "items", label: t2("financial.invoice.items"), value: items.length, icon: LayoutList },
           { id: "installments", label: t2("financial.invoice.installments"), value: `${invoice.totalInstallments}x`, icon: Layers },
-          { id: "date", label: t2("financial.invoice.date"), value: invoice.invoiceDate, icon: CalendarDays }
+          {
+            id: "date",
+            label: t2("financial.invoice.date"),
+            icon: CalendarDays,
+            value: invoice.status !== "cancelled" ? /* @__PURE__ */ jsx(DatePicker, { value: invoice.invoiceDate, variant: "inline", format: "numeric", onChange: (v) => {
+              void patchInvoiceDate(v);
+            } }) : invoice.invoiceDate
+          }
         ],
         customerLabel: direction === "debit" ? t2("financial.invoice.payTo") : t2("financial.invoice.receiveFrom"),
         unit: unitName ? { label: t2("financial.invoice.unit"), value: unitName } : void 0,
@@ -6450,7 +6728,7 @@ function InvoiceDetailView({ invoiceId, direction, onBack, onEdit, backLabel, em
               "button",
               {
                 type: "button",
-                onClick: () => setViewing(0),
+                onClick: () => setAttachmentsOpen(true),
                 title: attachments.map((a) => a.fileName).join("\n"),
                 className: "mb-2 inline-flex items-center gap-1 rounded-md px-1.5 py-1 text-xs text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
                 children: [
@@ -6465,14 +6743,12 @@ function InvoiceDetailView({ invoiceId, direction, onBack, onEdit, backLabel, em
                 const isPaid2 = mov.status === "paid";
                 const isPartial = mov.status === "partial";
                 const hasPaidDetails = isPaid2 || isPartial;
-                const movStatus = STATUS_COLORS[mov.status] ?? STATUS_COLORS.pending;
-                const MovIcon = movStatus.icon;
                 const instPayments = settlements.byBillId.get(mov.id) ?? [];
                 const hows = instPayments.map((payment) => describePayment(payment, howCtx));
                 const paymentSummary = [...new Set(hows.map((how2) => [how2.method, how2.account?.name].filter(Boolean).join(" \xB7 ")).filter(Boolean))].join(" / ");
                 const how = hows[0];
                 const howCard = how?.account?.accountType === "card_payable" ? how.account : void 0;
-                const HowIcon = HOW_ICONS[how?.typeKind ?? ""] ?? (how ? CreditCard : null);
+                const HowIcon = METHOD_ICONS[how?.typeKind ?? ""] ?? (how ? CreditCard : null);
                 const srcMeta = mov.metadata ?? {};
                 const srcStr = (v) => typeof v === "string" && v ? v : void 0;
                 const srcTypeId = srcStr(srcMeta.payMethodTypeId);
@@ -6480,66 +6756,41 @@ function InvoiceDetailView({ invoiceId, direction, onBack, onEdit, backLabel, em
                 const editavel = !hasPaidDetails && invoice.status !== "cancelled";
                 const canChooseSource = editavel && Math.abs(mov.amount) >= 5e-3;
                 const faltaParaPagar = !srcTypeId ? t2("financial.payment.methodRequired") : !srcAccountId ? t2("financial.payment.accountRequired") : null;
-                return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
-                  "div",
+                const ativa = invoice.status !== "cancelled";
+                return /* @__PURE__ */ jsx(
+                  InstallmentRow,
                   {
-                    className: `flex items-center gap-3 px-4 py-3 ${hasPaidDetails ? "cursor-pointer hover:bg-muted/20 transition-colors" : ""}`,
+                    number: mov.installmentNumber ?? 1,
+                    amount: formatCurrency(mov.amount, currency),
+                    status: mov.status,
+                    dueDate: mov.dueDate,
+                    onDueDateChange: editavel ? (v) => {
+                      void patchDueDate(mov, v);
+                    } : void 0,
+                    dueExtra: /* @__PURE__ */ jsxs(Fragment, { children: [
+                      mov.paidAmount > 0 && !isPaid2 && ` \xB7 ${t2("financial.invoice.paidLabel")} ${formatCurrency(mov.paidAmount, currency)}`,
+                      mov.paymentDate && ` \xB7 ${t2("financial.invoice.paidOn")} ${mov.paymentDate}`
+                    ] }),
                     onClick: hasPaidDetails ? () => setReceiptBill(mov) : void 0,
-                    children: [
-                      /* @__PURE__ */ jsxs("span", { className: "text-xs font-medium text-muted-foreground w-6 shrink-0", children: [
-                        "#",
-                        mov.installmentNumber
-                      ] }),
-                      /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-wrap items-center gap-x-2 gap-y-0.5", children: [
-                        /* @__PURE__ */ jsx("span", { className: "shrink-0 text-sm font-medium tabular-nums", children: formatCurrency(mov.amount, currency) }),
-                        /* @__PURE__ */ jsxs("span", { className: `inline-flex shrink-0 items-center gap-0.5 rounded-full px-1.5 py-0.5 text-[9px] font-medium capitalize ${movStatus.bg}`, children: [
-                          /* @__PURE__ */ jsx(MovIcon, { className: "h-2 w-2" }),
-                          " ",
-                          t2(movStatus.labelKey)
-                        ] }),
-                        /* @__PURE__ */ jsxs(
-                          "span",
-                          {
-                            className: "flex shrink-0 items-center gap-1 whitespace-nowrap text-[10px] text-muted-foreground",
-                            onClick: (e) => e.stopPropagation(),
-                            children: [
-                              t2("financial.payment.due"),
-                              editavel ? /* @__PURE__ */ jsx(
-                                DatePicker,
-                                {
-                                  value: mov.dueDate,
-                                  variant: "inline",
-                                  format: "numeric",
-                                  onChange: (v) => {
-                                    void patchDueDate(mov, v);
-                                  }
-                                }
-                              ) : mov.dueDate,
-                              mov.paidAmount > 0 && !isPaid2 && ` \xB7 ${t2("financial.invoice.paidLabel")} ${formatCurrency(mov.paidAmount, currency)}`,
-                              mov.paymentDate && ` \xB7 ${t2("financial.invoice.paidOn")} ${mov.paymentDate}`
-                            ]
-                          }
-                        )
-                      ] }),
-                      canChooseSource && /* @__PURE__ */ jsx("div", { onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx(
-                        InstallmentSourceFields,
-                        {
-                          direction,
-                          value: { payMethodTypeId: srcTypeId, payAccountId: srcAccountId },
-                          onChange: (next) => {
-                            void patchSource(mov, {
-                              payMethodTypeId: next.payMethodTypeId ?? null,
-                              payAccountId: next.payAccountId ?? null
-                            });
-                          }
+                    source: canChooseSource ? /* @__PURE__ */ jsx(
+                      InstallmentSourceFields,
+                      {
+                        direction,
+                        value: { payMethodTypeId: srcTypeId, payAccountId: srcAccountId },
+                        onChange: (next) => {
+                          void patchSource(mov, {
+                            payMethodTypeId: next.payMethodTypeId ?? null,
+                            payAccountId: next.payAccountId ?? null
+                          });
                         }
-                      ) }),
+                      }
+                    ) : void 0,
+                    actions: /* @__PURE__ */ jsxs(Fragment, { children: [
                       paymentSummary && /* @__PURE__ */ jsx(
                         "button",
                         {
                           type: "button",
-                          onClick: (e) => {
-                            e.stopPropagation();
+                          onClick: () => {
                             if (hasPaidDetails) setReceiptBill(mov);
                           },
                           title: paymentSummary,
@@ -6548,72 +6799,38 @@ function InvoiceDetailView({ invoiceId, direction, onBack, onEdit, backLabel, em
                           children: howCard ? /* @__PURE__ */ jsx(CardVisual, { lastFour: howCard.lastFour ?? void 0, color: howCard.color ?? void 0, brandId: howCard.cardBrandId ?? void 0 }) : HowIcon ? /* @__PURE__ */ jsx(HowIcon, { className: "h-4 w-4", "aria-hidden": true }) : null
                         }
                       ),
-                      !isPaid2 && invoice.status !== "cancelled" && /* @__PURE__ */ jsx(
-                        "button",
+                      /* @__PURE__ */ jsx(
+                        InstallmentReceiptButton,
                         {
-                          onClick: (e) => {
-                            e.stopPropagation();
-                            setReceiptFor(mov);
-                            receiptPicker.open();
-                          },
-                          title: t2("financial.quickTx.receiptCapture"),
-                          "aria-label": t2("financial.quickTx.receiptCapture"),
-                          className: "inline-flex shrink-0 items-center gap-1 rounded-lg border bg-card px-2.5 py-1.5 text-xs font-medium shadow-button transition-colors hover:bg-muted active:shadow-button-inset",
-                          children: /* @__PURE__ */ jsx(Camera, { className: "h-3 w-3" })
+                          title: "Anexos",
+                          attached: attachments.length > 0,
+                          count: attachments.length,
+                          onClick: () => setAttachmentsOpen(true)
                         }
                       ),
-                      !isPaid2 && !isPartial && invoice.status !== "cancelled" && /* @__PURE__ */ jsxs(
-                        "button",
+                      !isPaid2 && !isPartial && ativa && /* @__PURE__ */ jsxs(
+                        InstallmentPayButton,
                         {
-                          onClick: (e) => {
-                            e.stopPropagation();
-                            setPayingMovement(mov);
-                          },
+                          onClick: () => setPayingMovement(mov),
                           disabled: !!faltaParaPagar,
                           title: faltaParaPagar ?? void 0,
-                          className: "inline-flex items-center gap-1 rounded-button bg-primary border border-primary px-3 py-1.5 text-xs font-medium text-primary-foreground hover:bg-primary/90 shadow-button-primary active:shadow-button-inset transition-colors shrink-0 disabled:opacity-40 disabled:pointer-events-none",
                           children: [
-                            /* @__PURE__ */ jsx(DollarSign, { className: "h-3 w-3" }),
                             t2("financial.invoice.pay"),
                             " ",
                             remaining < mov.amount ? formatCurrency(remaining, currency) : ""
                           ]
                         }
                       ),
-                      isPaid2 && instPayments.length > 0 && invoice.status !== "cancelled" && /* @__PURE__ */ jsxs(
-                        "button",
-                        {
-                          onClick: (e) => {
-                            e.stopPropagation();
-                            setReversing(instPayments[instPayments.length - 1]);
-                          },
-                          className: "inline-flex items-center gap-1 rounded-lg border px-3 py-1.5 text-xs font-medium hover:bg-muted bg-card shadow-button active:shadow-button-inset transition-colors shrink-0",
-                          children: [
-                            /* @__PURE__ */ jsx(Undo2, { className: "h-3 w-3" }),
-                            t2("financial.invoice.reverse")
-                          ]
-                        }
-                      ),
-                      isPartial && invoice.status !== "cancelled" && /* @__PURE__ */ jsxs(
-                        "button",
-                        {
-                          onClick: (e) => {
-                            e.stopPropagation();
-                            setPayingMovement(mov);
-                          },
-                          className: "inline-flex items-center gap-1 rounded-lg border px-3 py-1.5 text-xs font-medium hover:bg-muted bg-card shadow-button active:shadow-button-inset transition-colors shrink-0",
-                          children: [
-                            /* @__PURE__ */ jsx(DollarSign, { className: "h-3 w-3" }),
-                            t2("financial.invoice.pay"),
-                            " ",
-                            formatCurrency(remaining, currency)
-                          ]
-                        }
-                      ),
-                      hasPaidDetails && /* @__PURE__ */ jsx(ChevronRight, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground", "aria-hidden": true })
-                    ]
-                  }
-                ) }, mov.id);
+                      isPaid2 && reversiblePayments(instPayments).length > 0 && ativa && /* @__PURE__ */ jsx(InstallmentActionButton, { icon: Undo2, onClick: () => setReversing(reversiblePayments(instPayments).at(-1)), children: t2("financial.invoice.reverse") }),
+                      isPartial && ativa && /* @__PURE__ */ jsxs(InstallmentPayButton, { variant: "outline", onClick: () => setPayingMovement(mov), children: [
+                        t2("financial.invoice.pay"),
+                        " ",
+                        formatCurrency(remaining, currency)
+                      ] })
+                    ] })
+                  },
+                  mov.id
+                );
               }) }),
               settlements.unattributed.length > 0 && /* @__PURE__ */ jsxs("div", { className: "border-t bg-warning-soft/40 px-4 py-2.5", children: [
                 /* @__PURE__ */ jsx("p", { className: "text-[11px] font-medium text-foreground", children: t2("financial.invoice.unlinkedPayments") }),
@@ -6632,14 +6849,14 @@ function InvoiceDetailView({ invoiceId, direction, onBack, onEdit, backLabel, em
         extraSections: sideBlocks
       }
     ),
-    receiptPicker.input,
-    viewing !== null && /* @__PURE__ */ jsx(
-      AttachmentViewer,
+    attachmentsOpen && /* @__PURE__ */ jsx(
+      InvoiceAttachmentsModal,
       {
-        attachments,
-        index: viewing,
-        onIndexChange: setViewing,
-        onClose: () => setViewing(null)
+        invoiceId: invoice.id,
+        onClose: () => setAttachmentsOpen(false),
+        onChanged: () => {
+          void loadData();
+        }
       }
     ),
     receiptBill && /* @__PURE__ */ jsx(
@@ -7362,7 +7579,7 @@ function CashRegistersView({ variant = "page" } = {}) {
   const [tab, setTab] = useState("open");
   const [reviewRows, setReviewRows] = useState(null);
   const [reviewError, setReviewError] = useState(null);
-  const loadReviews = React23__default.useCallback(async () => {
+  const loadReviews = React25__default.useCallback(async () => {
     try {
       setReviewError(null);
       setReviewRows(await provider.getCashSessionReviews?.() ?? []);
@@ -7962,7 +8179,7 @@ function StatementsView({ onNavigate }) {
       "extrato"
     );
   };
-  const headerActions = React23__default.useMemo(() => [{
+  const headerActions = React25__default.useMemo(() => [{
     id: "new-transfer",
     label: t2("financial.statements.newTransfer"),
     icon: ArrowRightLeft,
@@ -8158,15 +8375,15 @@ function CommissionsView() {
   const fetchCommissions = useFinancialStore((s) => s.fetchCommissions);
   const generateCommissions = useFinancialStore((s) => s.generateCommissions);
   const provider = useFinancialProvider();
-  const [from, setFrom] = React23__default.useState(firstOfMonth());
-  const [to, setTo] = React23__default.useState(today2());
-  const [preset, setPreset] = React23__default.useState("this_month");
-  const [running, setRunning] = React23__default.useState(false);
-  const [lastRun, setLastRun] = React23__default.useState(null);
-  const [generation, setGeneration] = React23__default.useState(null);
-  const [busy, setBusy] = React23__default.useState(null);
-  const [error, setError] = React23__default.useState(null);
-  const loadGeneration = React23__default.useCallback(async () => {
+  const [from, setFrom] = React25__default.useState(firstOfMonth());
+  const [to, setTo] = React25__default.useState(today2());
+  const [preset, setPreset] = React25__default.useState("this_month");
+  const [running, setRunning] = React25__default.useState(false);
+  const [lastRun, setLastRun] = React25__default.useState(null);
+  const [generation, setGeneration] = React25__default.useState(null);
+  const [busy, setBusy] = React25__default.useState(null);
+  const [error, setError] = React25__default.useState(null);
+  const loadGeneration = React25__default.useCallback(async () => {
     try {
       const gens = await provider.getCommissionGenerations?.() ?? [];
       const doPeriodo = gens.filter((g) => g.periodStart === from && g.periodEnd === to);
@@ -8174,11 +8391,11 @@ function CommissionsView() {
     } catch {
     }
   }, [provider, from, to]);
-  React23__default.useEffect(() => {
+  React25__default.useEffect(() => {
     void fetchCommissions({ periodStart: from, periodEnd: to });
     void loadGeneration();
   }, [fetchCommissions, loadGeneration, from, to]);
-  const byPerson = React23__default.useMemo(() => {
+  const byPerson = React25__default.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     for (const c of commissions2) {
       const key = c.personId;
@@ -8231,7 +8448,7 @@ function CommissionsView() {
       setBusy(null);
     }
   }
-  const headerActions = React23__default.useMemo(() => [{
+  const headerActions = React25__default.useMemo(() => [{
     id: "commission-rules",
     label: "Configurar regras de comiss\xE3o",
     icon: Settings,
@@ -8679,13 +8896,13 @@ function money3(v) {
 function GoalsView() {
   const { labels } = useFinancialConfig();
   const provider = useFinancialProvider();
-  const [units, setUnits] = React23__default.useState([]);
-  const [unitId, setUnitId] = React23__default.useState("");
-  const [year, setYear] = React23__default.useState((/* @__PURE__ */ new Date()).getFullYear());
-  const [rows, setRows] = React23__default.useState(null);
-  const [editing, setEditing] = React23__default.useState(null);
-  const [error, setError] = React23__default.useState(null);
-  React23__default.useEffect(() => {
+  const [units, setUnits] = React25__default.useState([]);
+  const [unitId, setUnitId] = React25__default.useState("");
+  const [year, setYear] = React25__default.useState((/* @__PURE__ */ new Date()).getFullYear());
+  const [rows, setRows] = React25__default.useState(null);
+  const [editing, setEditing] = React25__default.useState(null);
+  const [error, setError] = React25__default.useState(null);
+  React25__default.useEffect(() => {
     void (async () => {
       const cat = await provider.getCommissionCatalogs?.();
       const us = cat?.units ?? [];
@@ -8693,7 +8910,7 @@ function GoalsView() {
       setUnitId((cur) => cur || us[0]?.id || "");
     })();
   }, [provider]);
-  const load = React23__default.useCallback(async () => {
+  const load = React25__default.useCallback(async () => {
     if (!unitId) return;
     setRows(null);
     try {
@@ -8704,7 +8921,7 @@ function GoalsView() {
       setRows([]);
     }
   }, [provider, unitId, year]);
-  React23__default.useEffect(() => {
+  React25__default.useEffect(() => {
     void load();
   }, [load]);
   const totalRealizado = (rows ?? []).reduce((s, r) => s + r.achievedAmount, 0);
@@ -8835,11 +9052,11 @@ function GoalDialog({
   onSaved
 }) {
   const provider = useFinancialProvider();
-  const [target, setTarget] = React23__default.useState(String(goal.targetAmount || ""));
-  const [sup, setSup] = React23__default.useState(String(goal.superAmount || ""));
-  const [hyper, setHyper] = React23__default.useState(String(goal.hyperAmount || ""));
-  const [saving, setSaving] = React23__default.useState(false);
-  const [error, setError] = React23__default.useState(null);
+  const [target, setTarget] = React25__default.useState(String(goal.targetAmount || ""));
+  const [sup, setSup] = React25__default.useState(String(goal.superAmount || ""));
+  const [hyper, setHyper] = React25__default.useState(String(goal.hyperAmount || ""));
+  const [saving, setSaving] = React25__default.useState(false);
+  const [error, setError] = React25__default.useState(null);
   const t2 = Number(target) || 0;
   const s = Number(sup) || 0;
   const h = Number(hyper) || 0;
@@ -8930,21 +9147,21 @@ function GiftCardsView() {
   const provider = useFinancialProvider();
   const { currency } = useFinancialConfig();
   const can = usePermissionOptional();
-  const [enabled, setEnabled] = React23__default.useState(null);
-  const [cards, setCards] = React23__default.useState(null);
-  const [error, setError] = React23__default.useState(null);
-  const [issuing, setIssuing] = React23__default.useState(false);
-  const [issued, setIssued] = React23__default.useState(null);
-  const [activating, setActivating] = React23__default.useState(null);
-  const [search, setSearch] = React23__default.useState("");
-  const [state, setState] = React23__default.useState("");
-  const [minValue, setMinValue] = React23__default.useState("");
-  const [maxValue, setMaxValue] = React23__default.useState("");
-  const [from, setFrom] = React23__default.useState("");
-  const [to, setTo] = React23__default.useState("");
-  const money4 = React23__default.useCallback((v) => formatCurrency(v, currency), [currency]);
-  const seq = React23__default.useRef(0);
-  const load = React23__default.useCallback(async () => {
+  const [enabled, setEnabled] = React25__default.useState(null);
+  const [cards, setCards] = React25__default.useState(null);
+  const [error, setError] = React25__default.useState(null);
+  const [issuing, setIssuing] = React25__default.useState(false);
+  const [issued, setIssued] = React25__default.useState(null);
+  const [activating, setActivating] = React25__default.useState(null);
+  const [search, setSearch] = React25__default.useState("");
+  const [state, setState] = React25__default.useState("");
+  const [minValue, setMinValue] = React25__default.useState("");
+  const [maxValue, setMaxValue] = React25__default.useState("");
+  const [from, setFrom] = React25__default.useState("");
+  const [to, setTo] = React25__default.useState("");
+  const money4 = React25__default.useCallback((v) => formatCurrency(v, currency), [currency]);
+  const seq = React25__default.useRef(0);
+  const load = React25__default.useCallback(async () => {
     const mine = ++seq.current;
     setCards(null);
     setError(null);
@@ -8965,7 +9182,7 @@ function GiftCardsView() {
       setCards([]);
     }
   }, [provider, search, state, minValue, maxValue, from, to]);
-  React23__default.useEffect(() => {
+  React25__default.useEffect(() => {
     void (async () => {
       try {
         setEnabled(await provider.giftCardsEnabled?.() === true);
@@ -8974,10 +9191,10 @@ function GiftCardsView() {
       }
     })();
   }, [provider]);
-  React23__default.useEffect(() => {
+  React25__default.useEffect(() => {
     if (enabled) void load();
   }, [enabled, load]);
-  const columns = React23__default.useMemo(() => [
+  const columns = React25__default.useMemo(() => [
     {
       accessorKey: "code",
       header: "C\xF3digo",
@@ -9158,12 +9375,12 @@ function IssueDialog({
   onIssued
 }) {
   const provider = useFinancialProvider();
-  const [quantity, setQuantity] = React23__default.useState("10");
-  const [amount, setAmount] = React23__default.useState("100");
-  const [expiresAt, setExpiresAt] = React23__default.useState("");
-  const [note, setNote] = React23__default.useState("");
-  const [saving, setSaving] = React23__default.useState(false);
-  const [error, setError] = React23__default.useState(null);
+  const [quantity, setQuantity] = React25__default.useState("10");
+  const [amount, setAmount] = React25__default.useState("100");
+  const [expiresAt, setExpiresAt] = React25__default.useState("");
+  const [note, setNote] = React25__default.useState("");
+  const [saving, setSaving] = React25__default.useState(false);
+  const [error, setError] = React25__default.useState(null);
   const q = Math.trunc(Number(quantity)) || 0;
   const a = Number(amount) || 0;
   const total = q * a;
@@ -10438,11 +10655,11 @@ function ReconciliationView() {
       setBusy(false);
     }
   }
-  const RefreshIcon = React23__default.useMemo(
+  const RefreshIcon = React25__default.useMemo(
     () => ({ className }) => /* @__PURE__ */ jsx(RefreshCw, { className: `${className ?? ""} ${loading ? "animate-spin" : ""}` }),
     [loading]
   );
-  const headerActions = React23__default.useMemo(() => [{
+  const headerActions = React25__default.useMemo(() => [{
     id: "refresh",
     label: t2("financial.reconciliation.refresh"),
     icon: RefreshIcon,
@@ -10867,13 +11084,13 @@ function RecurringBillsList({ direction, onNavigate }) {
   const provider = useFinancialProvider();
   const { currency } = useFinancialConfig();
   const can = usePermissionOptional();
-  const [rows, setRows] = React23__default.useState(null);
-  const [search, setSearch] = React23__default.useState("");
-  const [status, setStatus] = React23__default.useState("all");
-  const [changing, setChanging] = React23__default.useState(null);
+  const [rows, setRows] = React25__default.useState(null);
+  const [search, setSearch] = React25__default.useState("");
+  const [status, setStatus] = React25__default.useState("all");
+  const [changing, setChanging] = React25__default.useState(null);
   const isPayable = direction === "payable";
   const prefix = isPayable ? "payables" : "receivables";
-  const load = React23__default.useCallback(async () => {
+  const load = React25__default.useCallback(async () => {
     setRows(null);
     try {
       setRows(await provider.getRecurringBills?.(direction) ?? []);
@@ -10882,10 +11099,10 @@ function RecurringBillsList({ direction, onNavigate }) {
       toast.error(error?.message ?? "N\xE3o foi poss\xEDvel carregar as recorr\xEAncias.");
     }
   }, [provider, direction]);
-  React23__default.useEffect(() => {
+  React25__default.useEffect(() => {
     void load();
   }, [load]);
-  const filtered = React23__default.useMemo(() => {
+  const filtered = React25__default.useMemo(() => {
     const term = search.trim().toLowerCase();
     const visiveis = (rows ?? []).filter((row) => {
       if (status === "active" && !row.isActive) return false;
@@ -10895,7 +11112,7 @@ function RecurringBillsList({ direction, onNavigate }) {
     });
     return [...visiveis].sort((a, b) => Number(b.isActive) - Number(a.isActive) || (a.dueDay ?? 0) - (b.dueDay ?? 0) || a.description.localeCompare(b.description));
   }, [rows, search, status]);
-  const porMes = React23__default.useMemo(() => {
+  const porMes = React25__default.useMemo(() => {
     const fator = { weekly: 52 / 12, monthly: 1, quarterly: 1 / 3, yearly: 1 / 12 };
     const ativas = filtered.filter((row) => row.isActive);
     return {
@@ -10916,7 +11133,7 @@ function RecurringBillsList({ direction, onNavigate }) {
       setChanging(null);
     }
   }
-  const columns = React23__default.useMemo(() => [
+  const columns = React25__default.useMemo(() => [
     {
       accessorKey: "description",
       header: "Descri\xE7\xE3o",
@@ -11013,40 +11230,40 @@ function RecurringBillFormView({ direction, valueId, onBack }) {
   const provider = useFinancialProvider();
   const { locations, currency, itemTypes: configuredItemTypes, entityLookups } = useFinancialConfig();
   const isPayable = direction === "payable";
-  const [value, setValue] = React23__default.useState(null);
-  const [loaded, setLoaded] = React23__default.useState(!valueId);
-  const [contact, setContact] = React23__default.useState(null);
-  const [counterpartyAccounting, setCounterpartyAccounting] = React23__default.useState({
+  const [value, setValue] = React25__default.useState(null);
+  const [loaded, setLoaded] = React25__default.useState(!valueId);
+  const [contact, setContact] = React25__default.useState(null);
+  const [counterpartyAccounting, setCounterpartyAccounting] = React25__default.useState({
     allowedAccountIds: [],
     limitAccounts: false,
     addItemsAutomatically: false
   });
-  const accountingPolicyRequest = React23__default.useRef(0);
-  const counterpartyLookup = React23__default.useMemo(
+  const accountingPolicyRequest = React25__default.useRef(0);
+  const counterpartyLookup = React25__default.useMemo(
     () => createFinancialCounterpartyLookup(isPayable ? "debit" : "credit"),
     [isPayable]
   );
   const contactCreate = useLookupCreate(counterpartyLookup, (created) => {
     setContact({ id: created.id, name: created.label });
   });
-  const initialItem = React23__default.useRef(newRecurringItem());
-  const [items, setItems] = React23__default.useState([initialItem.current]);
-  const [expandedItemId, setExpandedItemId] = React23__default.useState(initialItem.current._id);
-  const [addingItem, setAddingItem] = React23__default.useState(false);
-  const [frequency, setFrequency] = React23__default.useState("monthly");
-  const [dueDay, setDueDay] = React23__default.useState("1");
-  const [startsOn, setStartsOn] = React23__default.useState(today3());
-  const [endsOn, setEndsOn] = React23__default.useState("");
-  const [unitId, setUnitId] = React23__default.useState(locations[0]?.id ?? "");
-  const [availableLocations, setAvailableLocations] = React23__default.useState(locations);
-  const [notes, setNotes] = React23__default.useState("");
-  const [isActive, setIsActive] = React23__default.useState(true);
-  const [accounts, setAccounts] = React23__default.useState([]);
-  const [costCenters, setCostCenters] = React23__default.useState([]);
-  const [saving, setSaving] = React23__default.useState(false);
-  const [ending, setEnding] = React23__default.useState(false);
-  const [error, setError] = React23__default.useState(null);
-  React23__default.useEffect(() => {
+  const initialItem = React25__default.useRef(newRecurringItem());
+  const [items, setItems] = React25__default.useState([initialItem.current]);
+  const [expandedItemId, setExpandedItemId] = React25__default.useState(initialItem.current._id);
+  const [addingItem, setAddingItem] = React25__default.useState(false);
+  const [frequency, setFrequency] = React25__default.useState("monthly");
+  const [dueDay, setDueDay] = React25__default.useState("1");
+  const [startsOn, setStartsOn] = React25__default.useState(today3());
+  const [endsOn, setEndsOn] = React25__default.useState("");
+  const [unitId, setUnitId] = React25__default.useState(locations[0]?.id ?? "");
+  const [availableLocations, setAvailableLocations] = React25__default.useState(locations);
+  const [notes, setNotes] = React25__default.useState("");
+  const [isActive, setIsActive] = React25__default.useState(true);
+  const [accounts, setAccounts] = React25__default.useState([]);
+  const [costCenters, setCostCenters] = React25__default.useState([]);
+  const [saving, setSaving] = React25__default.useState(false);
+  const [ending, setEnding] = React25__default.useState(false);
+  const [error, setError] = React25__default.useState(null);
+  React25__default.useEffect(() => {
     if (locations.length > 0) {
       setAvailableLocations(locations);
       return;
@@ -11061,7 +11278,7 @@ function RecurringBillFormView({ direction, valueId, onBack }) {
       cancelled = true;
     };
   }, [locations]);
-  React23__default.useEffect(() => {
+  React25__default.useEffect(() => {
     let cancelled = false;
     void Promise.all([
       provider.getChartOfAccounts(),
@@ -11108,21 +11325,21 @@ function RecurringBillFormView({ direction, valueId, onBack }) {
       cancelled = true;
     };
   }, [provider, direction, valueId]);
-  const offeredItemTypes = React23__default.useMemo(() => availableInvoiceItemTypes(
+  const offeredItemTypes = React25__default.useMemo(() => availableInvoiceItemTypes(
     configuredItemTypes,
     Object.keys(entityLookups),
     configuredItemTypes.find((item) => item.value === "other")?.label ?? "Outro",
     direction
   ), [configuredItemTypes, entityLookups, direction]);
   const itemTypes = useStockedItemTypes(offeredItemTypes, entityLookups);
-  const selectableAccounts = React23__default.useMemo(() => {
+  const selectableAccounts = React25__default.useMemo(() => {
     const postable = postableAccounts(accounts);
     if (!counterpartyAccounting.limitAccounts) return postable;
     const allowed = new Set(counterpartyAccounting.allowedAccountIds);
     return postable.filter((account) => allowed.has(account.id));
   }, [accounts, counterpartyAccounting]);
   const hasItemLookups = itemTypes.some((item) => entityLookups[item.value]);
-  const amount = React23__default.useMemo(() => items.reduce(
+  const amount = React25__default.useMemo(() => items.reduce(
     (sum, item) => sum + item.quantity * item.unitPrice - (item.discount ?? 0) + (item.surcharge ?? 0),
     0
   ), [items]);
@@ -11130,8 +11347,8 @@ function RecurringBillFormView({ direction, valueId, onBack }) {
   const numericDueDay = Math.trunc(Number(dueDay));
   const invalid = items.length === 0 ? "Adicione pelo menos um item." : items.some((item) => !item.description.trim()) ? "Informe a descri\xE7\xE3o de todos os itens." : !contact?.id ? `Selecione ${isPayable ? "quem recebe" : "quem paga"}.` : !(amount > 0) ? "Informe um valor maior que zero." : numericDueDay < 1 || numericDueDay > 31 ? "O dia do vencimento vai de 1 a 31." : !startsOn ? "Informe o in\xEDcio da recorr\xEAncia." : endsOn && endsOn < startsOn ? "O t\xE9rmino n\xE3o pode vir antes do in\xEDcio." : null;
   const fields = { items, contactId: contact?.id ?? "", frequency, dueDay, startsOn, endsOn, unitId, notes, isActive };
-  const snapshot = React23__default.useRef(null);
-  React23__default.useEffect(() => {
+  const snapshot = React25__default.useRef(null);
+  React25__default.useEffect(() => {
     if (loaded && snapshot.current === null) snapshot.current = JSON.stringify(fields);
   }, [loaded]);
   const dirty = snapshot.current !== null && JSON.stringify(fields) !== snapshot.current;
@@ -11521,16 +11738,8 @@ function buildNav(config, activeView, navigate, t2) {
       children: [
         { id: "payables-new", kind: "action", label: t2("financial.nav.new"), active: activeView.startsWith("payables-new"), onClick: () => navigate("payables-new") },
         { id: "payables-list", label: t2("financial.nav.list"), active: activeView === "payables-list", onClick: () => navigate("payables-list") },
-        { id: "payables-recurring", label: t2("financial.nav.recurring"), active: activeView.startsWith("payables-recurring"), onClick: () => navigate("payables-recurring") },
-        // As do V1 que ainda não existem aqui — ver ./GapScreens.
-        //
-        // «Da minha caixinha» SAIU do menu. No V1 ela é `{caixaAberto && …}`:
-        // aparece enquanto a sessão daquela pessoa está aberta e some quando
-        // ela fecha. Como aba fixa ela prometia uma tela que quase ninguém vê
-        // — e pagar do dinheiro da gaveta é uma FORMA de pagamento do mesmo
-        // lançamento, não um cadastro à parte. A rota segue de pé.
-        { id: "payables-digitize", label: "Digitalizar Despesa", active: activeView === "payables-digitize", onClick: () => navigate("payables-digitize") },
-        { id: "payables-payroll", label: "Importar Folha", active: activeView === "payables-payroll", onClick: () => navigate("payables-payroll") }
+        { id: "payables-recurring", label: t2("financial.nav.recurring"), active: activeView.startsWith("payables-recurring"), onClick: () => navigate("payables-recurring") }
+        // Digitize expense and import payroll live in the list's create menu, not here.
       ]
     });
   }
@@ -11780,8 +11989,9 @@ function FinancialPage({ config: appConfig, provider, store: store6, registries
       // tamanho do buraco, medido no banco do V1.
       case "payables-petty-cash":
         return /* @__PURE__ */ jsx(PettyCashView, {});
+      // Digitizing is the list's receipt capture now — the old link lands on the list.
       case "payables-digitize":
-        return /* @__PURE__ */ jsx(DigitizeExpenseView, {});
+        return /* @__PURE__ */ jsx(PayablesView, { intent: { view: "payables", mode: "list" }, onNavigate: navigate, previousView, back });
       case "payables-payroll":
         return /* @__PURE__ */ jsx(ImportPayrollView, {});
       case "cash-reviewers":
@@ -11988,7 +12198,7 @@ function BalanceHero() {
   const summary = useFinancialStore((s) => s.summary);
   const navigate = useDashboardNavigate();
   useEnsureSummary();
-  const [hidden, setHidden] = React23__default.useState(false);
+  const [hidden, setHidden] = React25__default.useState(false);
   const money4 = (v) => hidden ? "\u2022\u2022\u2022\u2022\u2022\u2022" : formatCurrency(v ?? 0, currency);
   const inflow = summary?.monthlyInflow ?? 0;
   const outflow = summary?.monthlyOutflow ?? 0;
@@ -12061,7 +12271,7 @@ function categorizeSpend(notes) {
 function SpendByCategoryChart() {
   const t2 = useTranslation();
   const provider = useFinancialProvider();
-  const [rows, setRows] = React23__default.useState([]);
+  const [rows, setRows] = React25__default.useState([]);
   useEffect(() => {
     let alive = true;
     void (async () => {
@@ -12104,7 +12314,7 @@ function UpcomingBills() {
   const { currency } = useFinancialConfig();
   const provider = useFinancialProvider();
   const dueLabel = useDueLabel();
-  const [bills, setBills] = React23__default.useState([]);
+  const [bills, setBills] = React25__default.useState([]);
   useEffect(() => {
     let alive = true;
     void (async () => {
@@ -13778,6 +13988,33 @@ function createSupabaseFinancialProvider() {
         };
       });
     },
+    async addInvoiceAttachment(invoiceId, file) {
+      const { pub } = getClients();
+      const tenantId = getTenantId();
+      if (!tenantId) throw new Error("Conta sem empresa ativa");
+      const safe = file.name.replace(/[^\w.\-]+/g, "_");
+      const path = `${tenantId}/financial_invoice/${invoiceId}/${Date.now()}_${safe}`;
+      const { error: upErr } = await pub.storage.from("attachments").upload(path, file, { contentType: file.type || void 0 });
+      if (upErr) throw upErr;
+      const { error } = await pub.from("documents").insert({
+        tenant_id: tenantId,
+        kind: "attachment",
+        status: "active",
+        subject_type: "financial_invoice",
+        subject_id: invoiceId,
+        file_name: file.name,
+        file_size: file.size,
+        mime_type: file.type || null,
+        storage_provider: "supabase",
+        storage_bucket: "attachments",
+        storage_path: path
+      });
+      if (error) {
+        await pub.storage.from("attachments").remove([path]).catch(() => {
+        });
+        throw error;
+      }
+    },
     async createInvoice(input) {
       const { core, pub } = getClients();
       const tenantId = getTenantId();
@@ -16252,21 +16489,21 @@ function ChartOfAccountsTree({ entity, mockData, dataProvider, embedded }) {
   const canCreate = can("financial", "create");
   const canEdit = can("financial", "edit");
   const canDelete = can("financial", "delete");
-  const provider = React23__default.useMemo(
+  const provider = React25__default.useMemo(
     () => dataProvider ?? resolveDataProvider(entity, mockData ?? []),
     [entity, mockData, dataProvider]
   );
   const table = entity.data?.table;
-  const [nodes, setNodes] = React23__default.useState(null);
-  const [loadError, setLoadError] = React23__default.useState(null);
-  const [expanded, setExpanded] = React23__default.useState(/* @__PURE__ */ new Set());
-  const [query, setQuery] = React23__default.useState("");
-  const [showInactive, setShowInactive] = React23__default.useState(true);
-  const [editing, setEditing] = React23__default.useState(null);
-  const [confirmDelete, setConfirmDelete] = React23__default.useState(null);
-  const [busy, setBusy] = React23__default.useState(false);
-  const initialized = React23__default.useRef(false);
-  const reload = React23__default.useCallback(async () => {
+  const [nodes, setNodes] = React25__default.useState(null);
+  const [loadError, setLoadError] = React25__default.useState(null);
+  const [expanded, setExpanded] = React25__default.useState(/* @__PURE__ */ new Set());
+  const [query, setQuery] = React25__default.useState("");
+  const [showInactive, setShowInactive] = React25__default.useState(true);
+  const [editing, setEditing] = React25__default.useState(null);
+  const [confirmDelete, setConfirmDelete] = React25__default.useState(null);
+  const [busy, setBusy] = React25__default.useState(false);
+  const initialized = React25__default.useRef(false);
+  const reload = React25__default.useCallback(async () => {
     try {
       const rows = await loadAll(provider);
       setNodes(rows);
@@ -16281,17 +16518,17 @@ function ChartOfAccountsTree({ entity, mockData, dataProvider, embedded }) {
       setNodes((prev) => prev ?? []);
     }
   }, [provider]);
-  React23__default.useEffect(() => {
+  React25__default.useEffect(() => {
     void reload();
   }, [reload]);
-  const shown = React23__default.useMemo(
+  const shown = React25__default.useMemo(
     () => (nodes ?? []).filter((n) => showInactive || n.isActive),
     [nodes, showInactive]
   );
-  const tree = React23__default.useMemo(() => buildChartTree(shown), [shown]);
-  const fullTree = React23__default.useMemo(() => buildChartTree(nodes ?? []), [nodes]);
-  const search = React23__default.useMemo(() => searchVisibleIds(tree, query), [tree, query]);
-  const groupIds = React23__default.useMemo(
+  const tree = React25__default.useMemo(() => buildChartTree(shown), [shown]);
+  const fullTree = React25__default.useMemo(() => buildChartTree(nodes ?? []), [nodes]);
+  const search = React25__default.useMemo(() => searchVisibleIds(tree, query), [tree, query]);
+  const groupIds = React25__default.useMemo(
     () => [...tree.byId.values()].filter((n) => isGroupNode(tree, n)).map((n) => n.id),
     [tree]
   );
@@ -16387,7 +16624,7 @@ function ChartOfAccountsTree({ entity, mockData, dataProvider, embedded }) {
     const ok = await run(() => provider.remove(node.id), t2("financial.chartTree.deleted", { name: node.name }));
     if (ok) setConfirmDelete(null);
   }
-  const parentOptions = React23__default.useCallback((q, selfId) => {
+  const parentOptions = React25__default.useCallback((q, selfId) => {
     const blocked = selfId ? descendantIds(fullTree, selfId).add(selfId) : /* @__PURE__ */ new Set();
     const needle = q.trim().toLowerCase();
     return [...fullTree.byId.values()].filter((n) => !blocked.has(n.id) && isGroupNode(fullTree, n)).filter((n) => !needle || accountLabel(n).toLowerCase().includes(needle)).sort((a, b) => a.code.localeCompare(b.code, void 0, { numeric: true })).slice(0, 50).map((n) => ({ id: n.id, label: accountLabel(n) }));
@@ -16690,7 +16927,7 @@ var chartOfAccountsSeed = [
   { id: "coa-4.2", code: "4.2", name: "Utilities", nodeType: "leaf", accountType: "expense", parentId: "coa-4", isActive: true },
   { id: "coa-4.3", code: "4.3", name: "Payroll", nodeType: "leaf", accountType: "expense", parentId: "coa-4", isActive: true }
 ];
-var ChartOfAccountsRegistryView = (props) => React23__default.createElement(ChartOfAccountsTree, { ...props, entity: chartOfAccountsEntity, mockData: chartOfAccountsSeed });
+var ChartOfAccountsRegistryView = (props) => React25__default.createElement(ChartOfAccountsTree, { ...props, entity: chartOfAccountsEntity, mockData: chartOfAccountsSeed });
 ChartOfAccountsRegistryView.displayName = "ChartOfAccountsRegistryView";
 var costCenterEntity = {
   name: "Cost Center",
@@ -16788,7 +17025,7 @@ var bankAccountEntity = {
       labelWhen: (v) => v.kind === "card_payable" ? "Banco emissor" : void 0,
       visibleWhen: (v) => hasIssuer(v.kind),
       group: "bank",
-      renderInput: ({ value, values, onChange, setValue }) => React23__default.createElement(BankPicker, {
+      renderInput: ({ value, values, onChange, setValue }) => React25__default.createElement(BankPicker, {
         code: values.bankCode ?? "",
         name: value ?? "",
         onChange: (next) => {
@@ -17657,10 +17894,10 @@ function CashSessionHeaderControl({ config, provider, store: store6 }) {
   const fetchCashSessions = useStore(store6, (s) => s.fetchCashSessions);
   const open = useStore(store6, (s) => s.cashSessionModalOpen);
   const setOpen = useStore(store6, (s) => s.setCashSessionModalOpen);
-  React23__default.useEffect(() => {
+  React25__default.useEffect(() => {
     void fetchCashSessions?.();
   }, [fetchCashSessions]);
-  React23__default.useEffect(() => {
+  React25__default.useEffect(() => {
     if (!open) return;
     const close = () => setOpen(false);
     window.addEventListener("hashchange", close);
@@ -17780,7 +18017,7 @@ var en = {
   "financial.invoice.items": "Items",
   "financial.invoice.keepInvoice": "Keep Invoice",
   "financial.invoice.new": "New",
-  "financial.invoice.newManual": "Fill it in by hand",
+  "financial.invoice.newManual": "Create",
   "financial.invoiceForm.createContact": "Create",
   "financial.invoiceForm.alreadyPaid": "Already paid",
   "financial.invoiceForm.paidWith": "Payment method",
@@ -18519,6 +18756,10 @@ var en = {
   "financial.quickTx.receiptRemove": "Remove receipt",
   "financial.quickTx.receiptInvalid": "Please choose an image file",
   "financial.quickTx.sendReceipt": "Send receipt",
+  "financial.quickTx.digitizeExpense": "Digitize expense",
+  "financial.quickTx.digitizeReceipt": "Digitize receipt",
+  "financial.invoice.importPayroll": "Import payroll",
+  "financial.invoice.importPayrollSoon": "Coming soon",
   "financial.receipt.ask": "Send the receipt photo\u2026",
   "financial.receipt.attachRead": "Attach the receipt the assistant read",
   "financial.receipt.fromReceipt": "From the receipt",
@@ -18670,7 +18911,7 @@ var ptBR = {
   "financial.invoice.items": "Itens",
   "financial.invoice.keepInvoice": "Manter Fatura",
   "financial.invoice.new": "Nova",
-  "financial.invoice.newManual": "Cadastrar manualmente",
+  "financial.invoice.newManual": "Cadastrar",
   "financial.invoiceForm.createContact": "Cadastrar",
   "financial.invoiceForm.alreadyPaid": "J\xE1 foi pago",
   "financial.invoiceForm.paidWith": "Forma de pagamento",
@@ -19412,6 +19653,10 @@ var ptBR = {
   "financial.quickTx.receiptRemove": "Remover recibo",
   "financial.quickTx.receiptInvalid": "Escolha um arquivo de imagem",
   "financial.quickTx.sendReceipt": "Enviar recibo",
+  "financial.quickTx.digitizeExpense": "Digitalizar despesa",
+  "financial.quickTx.digitizeReceipt": "Digitalizar comprovante",
+  "financial.invoice.importPayroll": "Importar folha",
+  "financial.invoice.importPayrollSoon": "Em breve",
   "financial.receipt.ask": "Mande a foto do recibo\u2026",
   "financial.receipt.attachRead": "Anexar o recibo que o assistente leu",
   "financial.receipt.fromReceipt": "Do recibo",
@@ -19577,14 +19822,14 @@ function CommissionRuleDialog({
   onClose,
   onSaved
 }) {
-  const [name, setName] = React23__default.useState(rule?.name ?? "");
-  const [description, setDescription] = React23__default.useState(rule?.description ?? "");
-  const [priority, setPriority] = React23__default.useState(String(rule?.priority ?? 1));
-  const [isActive, setIsActive] = React23__default.useState(rule?.isActive ?? true);
-  const [isDefault, setIsDefault] = React23__default.useState(rule?.isDefault ?? !hasDefault);
-  const [saving, setSaving] = React23__default.useState(false);
-  const [error, setError] = React23__default.useState(null);
-  const initial = React23__default.useMemo(() => {
+  const [name, setName] = React25__default.useState(rule?.name ?? "");
+  const [description, setDescription] = React25__default.useState(rule?.description ?? "");
+  const [priority, setPriority] = React25__default.useState(String(rule?.priority ?? 1));
+  const [isActive, setIsActive] = React25__default.useState(rule?.isActive ?? true);
+  const [isDefault, setIsDefault] = React25__default.useState(rule?.isDefault ?? !hasDefault);
+  const [saving, setSaving] = React25__default.useState(false);
+  const [error, setError] = React25__default.useState(null);
+  const initial = React25__default.useMemo(() => {
     const get = (t2, key = "ids") => rule?.criteria.find((c) => c.criteriaType === t2)?.criteriaValue?.[key] ?? [];
     return {
       services: get("service"),
@@ -19595,12 +19840,12 @@ function CommissionRuleDialog({
       ranges: get("time_range", "ranges")
     };
   }, [rule]);
-  const [services, setServices] = React23__default.useState(initial.services);
-  const [categories, setCategories] = React23__default.useState(initial.categories);
-  const [professionals, setProfessionals] = React23__default.useState(initial.professionals);
-  const [units, setUnits] = React23__default.useState(initial.units);
-  const [weekdays, setWeekdays] = React23__default.useState(initial.weekdays);
-  const [ranges, setRanges] = React23__default.useState(initial.ranges);
+  const [services, setServices] = React25__default.useState(initial.services);
+  const [categories, setCategories] = React25__default.useState(initial.categories);
+  const [professionals, setProfessionals] = React25__default.useState(initial.professionals);
+  const [units, setUnits] = React25__default.useState(initial.units);
+  const [weekdays, setWeekdays] = React25__default.useState(initial.weekdays);
+  const [ranges, setRanges] = React25__default.useState(initial.ranges);
   const criteriaCount = [services, categories, professionals, units].filter((a) => a.length > 0).length + (weekdays.length ? 1 : 0) + (ranges.length ? 1 : 0);
   async function handleSave() {
     if (!name.trim()) {
@@ -19843,11 +20088,11 @@ function blankFunction(order) {
   };
 }
 function CommissionFunctionsDialog({ rule, provider, onClose, onSaved }) {
-  const [functions, setFunctions] = React23__default.useState(
+  const [functions, setFunctions] = React25__default.useState(
     rule.functions.length ? rule.functions : [blankFunction(0)]
   );
-  const [saving, setSaving] = React23__default.useState(false);
-  const [error, setError] = React23__default.useState(null);
+  const [saving, setSaving] = React25__default.useState(false);
+  const [error, setError] = React25__default.useState(null);
   function patch(i, changes) {
     setFunctions((fs) => fs.map((f, j) => j === i ? { ...f, ...changes } : f));
   }
@@ -20131,19 +20376,19 @@ function functionChip(fn) {
   return fn.valueType === "percentage" ? `${who}: ${fn.valueAmount}%` : `${who}: R$ ${fn.valueAmount.toFixed(2)}`;
 }
 function CommissionRulesView({ provider }) {
-  const [rules, setRules] = React23__default.useState(null);
-  const [catalogs, setCatalogs] = React23__default.useState({
+  const [rules, setRules] = React25__default.useState(null);
+  const [catalogs, setCatalogs] = React25__default.useState({
     services: [],
     categories: [],
     professionals: [],
     units: []
   });
-  const [error, setError] = React23__default.useState(null);
-  const [funnel, setFunnel] = React23__default.useState({});
-  const [editing, setEditing] = React23__default.useState(null);
-  const [functionsFor, setFunctionsFor] = React23__default.useState(null);
-  const [deleting, setDeleting] = React23__default.useState(null);
-  const load = React23__default.useCallback(async () => {
+  const [error, setError] = React25__default.useState(null);
+  const [funnel, setFunnel] = React25__default.useState({});
+  const [editing, setEditing] = React25__default.useState(null);
+  const [functionsFor, setFunctionsFor] = React25__default.useState(null);
+  const [deleting, setDeleting] = React25__default.useState(null);
+  const load = React25__default.useCallback(async () => {
     try {
       setError(null);
       const [r, c] = await Promise.all([
@@ -20157,17 +20402,17 @@ function CommissionRulesView({ provider }) {
       setRules([]);
     }
   }, [provider]);
-  React23__default.useEffect(() => {
+  React25__default.useEffect(() => {
     void load();
   }, [load]);
   const funnelActive = Object.values(funnel).some(Boolean);
-  const visible = React23__default.useMemo(() => {
+  const visible = React25__default.useMemo(() => {
     if (!rules) return [];
     const ranked = rankRules(rules);
     if (!funnelActive) return ranked;
     return ranked.filter((r) => r.isDefault || ruleMatches(r, funnel, catalogs));
   }, [rules, funnel, funnelActive, catalogs]);
-  const winner = React23__default.useMemo(() => {
+  const winner = React25__default.useMemo(() => {
     if (!funnelActive) return null;
     return visible.find((r) => r.isActive && !r.isDefault) ?? visible.find((r) => r.isActive && r.isDefault) ?? null;
   }, [visible, funnelActive]);
@@ -20182,7 +20427,7 @@ function CommissionRulesView({ provider }) {
     await provider.duplicateCommissionRule?.(rule.id);
     await load();
   }
-  const headerActions = React23__default.useMemo(() => [{
+  const headerActions = React25__default.useMemo(() => [{
     id: "new-rule",
     label: "Adicionar regra",
     icon: Plus,
@@ -20964,7 +21209,7 @@ function PersonStatementWidget({ person, provider, config }) {
   ] });
 }
 function SupplierFinancialSettings({ person, provider }) {
-  const initial = React23__default.useMemo(() => counterpartyAccountingPolicy(person), [person]);
+  const initial = React25__default.useMemo(() => counterpartyAccountingPolicy(person), [person]);
   const [accounts, setAccounts] = useState([]);
   const [costCenters, setCostCenters] = useState([]);
   const [defaultAccountId, setDefaultAccountId] = useState(initial.defaultAccountId ?? "");
@@ -44175,6 +44420,76 @@ DROP TRIGGER IF EXISTS payee_accounts_one_default ON public.payee_accounts;
 CREATE TRIGGER payee_accounts_one_default
   BEFORE INSERT OR UPDATE OF is_default ON public.payee_accounts
   FOR EACH ROW EXECUTE FUNCTION public.trg_payee_accounts_one_default();
+`;
+var MIGRATION_116_UM_ESTORNO_NAO_SE_ESTORNA = `-- ---------------------------------------------------------------------------
+-- 116 \u2014 um estorno n\xE3o se estorna.
+--
+-- \`financial_reverse_movement\` aceitava qualquer \`payment\`, inclusive a linha
+-- que ela mesma lan\xE7a como contrapartida. A tela mirava \xABo \xFAltimo pagamento da
+-- parcela\xBB, que depois do primeiro estorno \xC9 o estorno: cada clique estornava o
+-- estorno anterior, o dinheiro ia e voltava, e o pagamento vivo continuava l\xE1 \u2014
+-- a conta seguia \xABpaga\xBB para sempre. Agora o banco recusa com uma mensagem que
+-- a tela mostra.
+--
+-- Idempotente: s\xF3 rep\xF5e a fun\xE7\xE3o.
+-- ---------------------------------------------------------------------------
+
+CREATE OR REPLACE FUNCTION public.financial_reverse_movement(p_movement_id uuid, p_reason text, p_idempotency_key text DEFAULT NULL::text) RETURNS jsonb
+    LANGUAGE plpgsql SECURITY DEFINER
+    SET search_path TO ''
+    AS $$
+DECLARE
+  v_tenant uuid := public.plg_financial_require_tenant();
+  v_m public.plg_financial_movements%ROWTYPE;
+  v_rev uuid;
+BEGIN
+  IF nullif(btrim(coalesce(p_reason, '')), '') IS NULL THEN
+    RAISE EXCEPTION 'financial_reverse_movement: a reason is required' USING ERRCODE = '22023';
+  END IF;
+  SELECT * INTO v_m FROM public.plg_financial_movements WHERE id = p_movement_id AND tenant_id = v_tenant;
+  IF NOT FOUND THEN
+    RAISE EXCEPTION 'financial_reverse_movement: movement % not found', p_movement_id USING ERRCODE = 'P0002';
+  END IF;
+  PERFORM public.plg_financial_require_permission('financial.edit', v_m.unit_id);
+  IF v_m.movement_kind NOT IN ('payment', 'transfer') OR v_m.debit_account_id IS NULL THEN
+    RAISE EXCEPTION 'financial_reverse_movement: % is not a money event', p_movement_id USING ERRCODE = '55000';
+  END IF;
+  IF v_m.reverses_id IS NOT NULL THEN
+    RAISE EXCEPTION 'Este lan\xE7amento j\xE1 \xE9 um estorno e n\xE3o pode ser estornado.' USING ERRCODE = '55000';
+  END IF;
+  IF v_m.reversed_by_id IS NOT NULL THEN
+    RETURN jsonb_build_object('reversal_id', v_m.reversed_by_id, 'movement_id', v_m.id, 'replayed', true);
+  END IF;
+  IF p_idempotency_key IS NOT NULL THEN
+    PERFORM public.plg_financial_claim_idempotency(v_tenant, p_idempotency_key);
+    SELECT m.id INTO v_rev FROM public.plg_financial_movements m WHERE m.tenant_id = v_tenant AND m.idempotency_key = p_idempotency_key;
+    IF v_rev IS NOT NULL THEN
+      RETURN jsonb_build_object('reversal_id', v_rev, 'movement_id', v_m.id, 'replayed', true);
+    END IF;
+  END IF;
+
+  INSERT INTO public.plg_financial_movements
+    (tenant_id, unit_id, invoice_id, financial_invoice_id, financial_invoice_installment_id, direction, movement_kind, amount, paid_amount, status,
+     due_date, payment_date, installment_number, method, cash_session_id, bank_account_id, reason, notes, metadata,
+     idempotency_key, created_by, reverses_id, debit_account_id, credit_account_id)
+  VALUES
+    (v_m.tenant_id, v_m.unit_id, v_m.invoice_id, v_m.financial_invoice_id, v_m.financial_invoice_installment_id,
+     CASE WHEN v_m.direction = 'credit' THEN 'debit' ELSE 'credit' END, v_m.movement_kind, v_m.amount, v_m.amount, 'paid',
+     current_date, current_date, v_m.installment_number, v_m.method, v_m.cash_session_id, v_m.bank_account_id, btrim(p_reason),
+     'Estorno de ' || v_m.id::text,
+     jsonb_build_object('source', 'financial_reverse_movement', 'reversal_of', v_m.id, 'reason', btrim(p_reason)),
+     p_idempotency_key, auth.uid(), v_m.id, v_m.credit_account_id, v_m.debit_account_id)
+  RETURNING id INTO v_rev;
+
+  UPDATE public.plg_financial_movements SET reversed_by_id = v_rev, reason = coalesce(reason, btrim(p_reason)), updated_at = now()
+   WHERE id = v_m.id;
+  IF v_m.financial_invoice_installment_id IS NOT NULL THEN PERFORM public.plg_financial_sync_mirror(v_m.financial_invoice_installment_id); END IF;
+
+  PERFORM public.plg_financial_audit(v_tenant, 'financial.movement.reverse', 'plg_financial_movements', v_m.id::text,
+    jsonb_build_object('reversal_id', v_rev, 'amount', v_m.amount, 'reason', btrim(p_reason), 'idempotency_key', p_idempotency_key));
+  RETURN jsonb_build_object('reversal_id', v_rev, 'movement_id', v_m.id, 'replayed', false);
+END $$;
+
 `;
 var MIGRATIONS = [
   { id: "000_baseline", sql: MIGRATION_000_BASELINE },
@@ -44292,7 +44607,8 @@ var MIGRATIONS = [
   { id: "112_a_linha_do_extrato_nao_e_um_lancamento_ainda", sql: MIGRATION_112_A_LINHA_DO_EXTRATO_NAO_E_UM_LANCAMENTO_AINDA },
   { id: "113_so_a_conta_integrada_aparece_na_conciliacao", sql: MIGRATION_113_SO_A_CONTA_INTEGRADA_APARECE_NA_CONCILIACAO },
   { id: "114_a_parcela_diz_por_qual_conta_ela_foi_paga", sql: MIGRATION_114_A_PARCELA_DIZ_POR_QUAL_CONTA_ELA_FOI_PAGA },
-  { id: "115_a_remessa_aponta_para_a_conta_que_existe", sql: MIGRATION_115_A_REMESSA_APONTA_PARA_A_CONTA_QUE_EXISTE }
+  { id: "115_a_remessa_aponta_para_a_conta_que_existe", sql: MIGRATION_115_A_REMESSA_APONTA_PARA_A_CONTA_QUE_EXISTE },
+  { id: "116_um_estorno_nao_se_estorna", sql: MIGRATION_116_UM_ESTORNO_NAO_SE_ESTORNA }
 ];
 var STANDALONE_CONFIG = resolveConfig();
 registerTranslations(financialLocales);
@@ -44302,8 +44618,8 @@ function ReceivePaymentModal({
   onClose,
   onPaid
 }) {
-  const provider = React23__default.useMemo(() => createSafeFinancialProvider(), []);
-  const store6 = React23__default.useMemo(() => createFinancialStore(provider), [provider]);
+  const provider = React25__default.useMemo(() => createSafeFinancialProvider(), []);
+  const store6 = React25__default.useMemo(() => createFinancialStore(provider), [provider]);
   return /* @__PURE__ */ jsx(FinancialContextProvider, { config: STANDALONE_CONFIG, provider, store: store6, children: /* @__PURE__ */ jsx(
     PaymentModal,
     {
@@ -44321,7 +44637,7 @@ function createFinancialSettingsPlugin(options) {
     ...financialRegistries.filter((r) => RECEIVING_REGISTRIES.includes(r.id)),
     ...options?.extraRegistries ?? []
   ];
-  const SettingsTab = () => React23__default.createElement(PluginSettingsPanel, {
+  const SettingsTab = () => React25__default.createElement(PluginSettingsPanel, {
     title: "Pagamentos",
     registries,
     hostPluginId: "financial",
@@ -44378,27 +44694,27 @@ function ClientAccountPanel({
   currency = BRL
 }) {
   const provider = useFinancialProvider();
-  const [account, setAccount] = React23__default.useState(null);
-  const [busy, setBusy] = React23__default.useState(false);
-  const [viewInvoiceId, setViewInvoiceId] = React23__default.useState(null);
-  const [comprando, setComprando] = React23__default.useState(false);
-  const [buscaServico, setBuscaServico] = React23__default.useState("");
-  const [catalogo, setCatalogo] = React23__default.useState([]);
-  const [escolhidos, setEscolhidos] = React23__default.useState([]);
-  const [comprandoBusy, setComprandoBusy] = React23__default.useState(false);
-  const [erroCompra, setErroCompra] = React23__default.useState(null);
-  const load = React23__default.useCallback(async () => {
+  const [account, setAccount] = React25__default.useState(null);
+  const [busy, setBusy] = React25__default.useState(false);
+  const [viewInvoiceId, setViewInvoiceId] = React25__default.useState(null);
+  const [comprando, setComprando] = React25__default.useState(false);
+  const [buscaServico, setBuscaServico] = React25__default.useState("");
+  const [catalogo, setCatalogo] = React25__default.useState([]);
+  const [escolhidos, setEscolhidos] = React25__default.useState([]);
+  const [comprandoBusy, setComprandoBusy] = React25__default.useState(false);
+  const [erroCompra, setErroCompra] = React25__default.useState(null);
+  const load = React25__default.useCallback(async () => {
     if (!personId) return;
     setAccount(await provider.getClientAccount(personId));
   }, [personId, provider]);
-  React23__default.useEffect(() => {
+  React25__default.useEffect(() => {
     void load();
   }, [load]);
   const viewInvoice = account?.invoices.find((i) => i.id === viewInvoiceId) ?? null;
   const viewEditable = invoiceOpensForEditing(viewInvoice?.status);
   const forThis = account?.invoices.filter((i) => orderId && i.orderId === orderId) ?? [];
   const hasForThis = forThis.length > 0;
-  React23__default.useEffect(() => {
+  React25__default.useEffect(() => {
     if (!comprando) return;
     let vivo = true;
     const t2 = setTimeout(async () => {
@@ -44673,8 +44989,8 @@ function ClientAccountPanel({
   ] });
 }
 function ClientAccountInline(props) {
-  const provider = React23__default.useMemo(() => createSafeFinancialProvider(), []);
-  const store6 = React23__default.useMemo(() => createFinancialStore(provider), [provider]);
+  const provider = React25__default.useMemo(() => createSafeFinancialProvider(), []);
+  const store6 = React25__default.useMemo(() => createFinancialStore(provider), [provider]);
   return /* @__PURE__ */ jsx(FinancialContextProvider, { config: STANDALONE_CONFIG, provider, store: store6, children: /* @__PURE__ */ jsx(ClientAccountPanel, { ...props }) });
 }
 function ClientAccountModal({
@@ -44723,11 +45039,11 @@ function createFinancialPlugin(options) {
   const settingsRegistries = registries.filter((r) => r.id !== "bank-accounts");
   const AccountsRegistryPage = createCrudPage(financialAccountEntity, { feature: "financial" });
   AccountsRegistryPage.displayName = "FinancialAccountsRegistryPage";
-  const PersonStatementBound = (props) => React23__default.createElement(PersonStatementWidget, { person: props.item, provider, config });
+  const PersonStatementBound = (props) => React25__default.createElement(PersonStatementWidget, { person: props.item, provider, config });
   PersonStatementBound.displayName = "FinancialPersonStatement";
-  const SupplierFinancialSettingsBound = (props) => React23__default.createElement(SupplierFinancialSettings, { person: props.item, provider });
+  const SupplierFinancialSettingsBound = (props) => React25__default.createElement(SupplierFinancialSettings, { person: props.item, provider });
   SupplierFinancialSettingsBound.displayName = "FinancialSupplierSettings";
-  const PageComponent = () => React23__default.createElement(FinancialPage, { config, provider, store: store6, registries });
+  const PageComponent = () => React25__default.createElement(FinancialPage, { config, provider, store: store6, registries });
   const AgentMount = createFinancialAgentMount({ config, provider });
   return {
     id: "financial",
@@ -44785,7 +45101,7 @@ function createFinancialPlugin(options) {
     // tem — lá é um ícone no cabeçalho, de qualquer tela.
     headerControls: config.modules.cashRegisters ? [{
       id: "financial.cash-session",
-      component: (() => React23__default.createElement(CashSessionHeaderControl, { config, provider, store: store6 })),
+      component: (() => React25__default.createElement(CashSessionHeaderControl, { config, provider, store: store6 })),
       order: 90,
       permission: { feature: "financial", action: "read" }
     }] : [],
@@ -45016,9 +45332,9 @@ function createFinancialPlugin(options) {
         // lado, e a corrida de "Plugins" não é partida ao meio.
         group: "Financeiro",
         component: (() => {
-          const FinancialSettingsTab = () => React23__default.createElement(PluginSettingsPanel, {
+          const FinancialSettingsTab = () => React25__default.createElement(PluginSettingsPanel, {
             title: "Financial Settings",
-            generalSettings: React23__default.createElement(FinancialGeneralSettings, { config }),
+            generalSettings: React25__default.createElement(FinancialGeneralSettings, { config }),
             registries: settingsRegistries,
             hostPluginId: "financial",
             routeBase: "/settings/financial"
@@ -45043,7 +45359,7 @@ function createFinancialPlugin(options) {
         icon: "HandCoins",
         group: "Financeiro",
         component: (() => {
-          const CommissionRulesTab = () => React23__default.createElement(CommissionRulesView, { provider });
+          const CommissionRulesTab = () => React25__default.createElement(CommissionRulesView, { provider });
           CommissionRulesTab.displayName = "CommissionRulesTab";
           return CommissionRulesTab;
         })(),