@fayz-ai/plugin-financial 0.1.2 → 0.1.4

package/dist/index.js

@@ -1,9 +1,9 @@
-import React11, { useState, useMemo, useEffect, useRef } from 'react';
+import React14, { useState, useEffect, useMemo, useCallback, useRef } from 'react';
 import { createSafeDataProvider, registerTranslations, useTranslation, getSupabaseClientOptional, getActiveTenantId } from '@fayz-ai/core';
-import { toast, defineKpiWidget, defineChartWidget, defineCustomWidget, defineTableWidget, PageTransition, ModulePage, Button, DashboardCanvas, SubpageHeader, DatePicker, DataTable, CurrencyInput, useSaveBar, SearchSelect, ListView, KpiCard, ChartWidget, Card, CardHeader, CardTitle, CardContent, TableWidget } from '@fayz-ai/ui';
-import { createPluginContext, dedup, useModuleNavigation, ModuleActionBar, SettingsGroup, ToggleRow, parseViewId, formatCurrency, PersonLink } from '@fayz-ai/saas';
+import { toast, defineKpiWidget, defineChartWidget, defineCustomWidget, defineTableWidget, DataTable, PageTransition, ModulePage, Button, DashboardCanvas, SubpageHeader, DatePicker, TooltipProvider, Tooltip, TooltipTrigger, TooltipContent, CurrencyInput, useSaveBar, SearchSelect, ListView, KpiCard, ChartWidget, Card, CardHeader, CardTitle, CardContent, TableWidget } from '@fayz-ai/ui';
+import { createPluginContext, PluginSettingsPanel, dedup, useModuleNavigation, ModuleActionBar, SettingsGroup, ToggleRow, formatCurrency, parseViewId, PersonLink } from '@fayz-ai/saas';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { DollarSign, Landmark, CreditCard, BookOpen, Check, ChevronRight, Receipt, ChevronDown, Clock, X, Calculator, StickyNote, Play, Square, ChevronUp, MoreVertical, Ban, LayoutList, Plus, CircleDashed, CircleAlert, CircleCheckBig, CircleEllipsis, Pencil, FileText, User, Calendar, Hash, CalendarDays, ExternalLink, Building2, Search, Tag, Trash2, FileCheck, ArrowRightLeft, QrCode, Banknote, ArrowUpRight, ArrowDownRight, AlertTriangle } from 'lucide-react';
+import { Wallet, DollarSign, Landmark, CreditCard, BookOpen, Check, ChevronRight, RefreshCw, ArrowDownCircle, ArrowUpCircle, Sparkles, Link2, ArrowRightLeft, Receipt, ChevronDown, Clock, CheckCheck, X, Calculator, StickyNote, Play, Square, ChevronUp, MoreVertical, Ban, LayoutList, Plus, CircleDashed, CircleAlert, CircleCheckBig, CircleEllipsis, Pencil, FileText, User, Calendar, Hash, CalendarDays, ExternalLink, Building2, Search, Tag, Trash2, FileCheck, QrCode, Banknote, ArrowUpRight, ArrowDownRight, AlertTriangle } from 'lucide-react';
 import { createPortal } from 'react-dom';
 import { createStore as createStore$1 } from 'zustand/vanilla';
 
@@ -249,12 +249,18 @@ var formId = 1;
 function fid() {
   return `f${formId++}`;
 }
-function ItemRow({ item, index, itemTypes, currency, expanded, onToggle, onUpdate, onRemove, entityLookups }) {
+function ItemRow({ item, index, itemTypes, currency, expanded, onToggle, onUpdate, onRemove, entityLookups, showTypeSelector }) {
   const t2 = useTranslation();
   const total = item.quantity * item.unitPrice - (item.discount ?? 0) + (item.surcharge ?? 0);
   const kindLabel = itemTypes.find((tp) => tp.value === item.itemKind)?.label ?? item.itemKind;
   const hasAdjustments = (item.discount ?? 0) > 0 || (item.surcharge ?? 0) > 0;
   const [showAdjustments, setShowAdjustments] = useState(hasAdjustments);
+  function handleFieldKeyDown(e) {
+    if (e.key === "Enter" && !e.shiftKey) {
+      e.preventDefault();
+      onToggle();
+    }
+  }
   return /* @__PURE__ */ jsxs("div", { className: "border-b last:border-0", children: [
     /* @__PURE__ */ jsxs(
       "div",
@@ -291,7 +297,7 @@ function ItemRow({ item, index, itemTypes, currency, expanded, onToggle, onUpdat
       }
     ),
     expanded && /* @__PURE__ */ jsxs("div", { className: "px-4 pb-4 pt-1 ml-8 space-y-3 bg-muted/10", children: [
-      /* @__PURE__ */ jsx("div", { className: "flex gap-1.5", children: itemTypes.map((tp) => /* @__PURE__ */ jsx(
+      showTypeSelector && /* @__PURE__ */ jsx("div", { className: "flex gap-1.5", children: itemTypes.map((tp) => /* @__PURE__ */ jsx(
         "button",
         {
           onClick: () => onUpdate({ itemKind: tp.value }),
@@ -340,6 +346,7 @@ function ItemRow({ item, index, itemTypes, currency, expanded, onToggle, onUpdat
               type: "text",
               value: item.description,
               onChange: (e) => onUpdate({ description: e.target.value }),
+              onKeyDown: handleFieldKeyDown,
               placeholder: t2("financial.invoiceForm.itemDescription"),
               autoFocus: true,
               className: "w-full mt-0.5 rounded-input border border-input  bg-card shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] px-2.5 py-1.5 text-sm focus:outline-none focus:ring-2 focus:ring-ring"
@@ -355,11 +362,12 @@ function ItemRow({ item, index, itemTypes, currency, expanded, onToggle, onUpdat
               min: 1,
               value: item.quantity,
               onChange: (e) => onUpdate({ quantity: Number(e.target.value) || 1 }),
+              onKeyDown: handleFieldKeyDown,
               className: "w-full mt-0.5 rounded-input border border-input  bg-card shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] px-2 py-1.5 text-sm text-center focus:outline-none focus:ring-2 focus:ring-ring"
             }
           )
         ] }),
-        /* @__PURE__ */ jsx("div", { className: "col-span-4", children: /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx("div", { className: "col-span-4", onKeyDown: handleFieldKeyDown, children: /* @__PURE__ */ jsx(
           CurrencyInput,
           {
             label: t2("financial.invoiceForm.unitPrice"),
@@ -395,6 +403,7 @@ function ItemRow({ item, index, itemTypes, currency, expanded, onToggle, onUpdat
                 step: 0.01,
                 value: item.discount ?? 0,
                 onChange: (e) => onUpdate({ discount: Number(e.target.value) || 0 }),
+                onKeyDown: handleFieldKeyDown,
                 className: "flex-1 bg-transparent px-2 py-1 text-xs outline-none"
               }
             )
@@ -412,6 +421,7 @@ function ItemRow({ item, index, itemTypes, currency, expanded, onToggle, onUpdat
                 step: 0.01,
                 value: item.surcharge ?? 0,
                 onChange: (e) => onUpdate({ surcharge: Number(e.target.value) || 0 }),
+                onKeyDown: handleFieldKeyDown,
                 className: "flex-1 bg-transparent px-2 py-1 text-xs outline-none"
               }
             )
@@ -475,6 +485,8 @@ function InvoiceFormView({ direction, editId, onSaved }) {
   const config = useFinancialConfig();
   const { currency, itemTypes, locations } = config;
   const provider = useFinancialProvider();
+  const hasItemLookups = itemTypes.some((tp) => config.entityLookups[tp.value]);
+  const defaultItemKind = itemTypes.find((tp) => tp.value === "other")?.value ?? itemTypes.find((tp) => !config.entityLookups[tp.value])?.value ?? itemTypes[0]?.value ?? "other";
   const createInvoice = useFinancialStore((s) => s.createInvoice);
   const hasLocations = locations.length > 0;
   const isEdit = !!editId;
@@ -585,6 +597,10 @@ function InvoiceFormView({ direction, editId, onSaved }) {
     setExpandedItemId(newItem._id);
     setAddingItem(false);
   }
+  function startAddItem() {
+    if (hasItemLookups) setAddingItem(true);
+    else addItemOfKind(defaultItemKind);
+  }
   function updateItem(id, data) {
     setItems(items.map((it) => it._id === id ? { ...it, ...data } : it));
   }
@@ -804,7 +820,7 @@ function InvoiceFormView({ direction, editId, onSaved }) {
           /* @__PURE__ */ jsxs(
             "button",
             {
-              onClick: () => setAddingItem(true),
+              onClick: startAddItem,
               className: "inline-flex items-center gap-1.5 rounded-lg 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",
               children: [
                 /* @__PURE__ */ jsx(Plus, { className: "h-3 w-3" }),
@@ -826,7 +842,7 @@ function InvoiceFormView({ direction, editId, onSaved }) {
           items.length === 0 && !addingItem ? /* @__PURE__ */ jsxs("div", { className: "py-10 text-center", children: [
             /* @__PURE__ */ jsx(LayoutList, { className: "h-8 w-8 text-muted-foreground/30 mx-auto mb-2" }),
             /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t2("financial.invoiceForm.noItems") }),
-            /* @__PURE__ */ jsx("button", { onClick: () => setAddingItem(true), className: "text-xs text-primary hover:underline mt-1", children: t2("financial.invoiceForm.addFirstItem") })
+            /* @__PURE__ */ jsx("button", { onClick: startAddItem, className: "text-xs text-primary hover:underline mt-1", children: t2("financial.invoiceForm.addFirstItem") })
           ] }) : items.map((item, i) => /* @__PURE__ */ jsx(
             ItemRow,
             {
@@ -841,7 +857,8 @@ function InvoiceFormView({ direction, editId, onSaved }) {
                 removeItem(item._id);
                 if (expandedItemId === item._id) setExpandedItemId(null);
               },
-              entityLookups: config.entityLookups
+              entityLookups: config.entityLookups,
+              showTypeSelector: hasItemLookups
             },
             item._id
           ))
@@ -937,6 +954,15 @@ function InvoiceFormView({ direction, editId, onSaved }) {
       ` })
   ] });
 }
+var ACCOUNT_TYPES_FOR_TX = {
+  cash: ["cash_register"],
+  credit_card: ["credit_card", "bank_account"],
+  debit_card: ["bank_account", "cash_register"],
+  pix: ["bank_account", "digital_wallet"],
+  bank_transfer: ["bank_account"],
+  check: ["bank_account"],
+  voucher: ["bank_account", "digital_wallet"]
+};
 var TYPE_ICONS = {
   cash: Banknote,
   pix: QrCode,
@@ -996,9 +1022,19 @@ function PaymentModal({ movement, onClose, onPaid }) {
     () => paymentMethods.filter((m) => m.paymentMethodTypeId === selectedTypeId),
     [paymentMethods, selectedTypeId]
   );
-  const needsBankAccount = txType === "bank_transfer" || txType === "pix" || txType === "check";
   const needsCard = txType === "credit_card" || txType === "debit_card";
   const needsCardInstallments = txType === "credit_card";
+  const eligibleAccounts = useMemo(() => {
+    const allowed = selectedType?.allowedAccountTypes && selectedType.allowedAccountTypes.length ? selectedType.allowedAccountTypes : ACCOUNT_TYPES_FOR_TX[txType];
+    if (!allowed || !allowed.length) return bankAccounts;
+    const filtered = bankAccounts.filter((a) => allowed.includes(a.accountType));
+    return filtered.length ? filtered : bankAccounts;
+  }, [bankAccounts, selectedType, txType]);
+  useEffect(() => {
+    if (selectedTypeId && !bankAccountId && eligibleAccounts.length) {
+      setBankAccountId(eligibleAccounts[0].id);
+    }
+  }, [selectedTypeId, eligibleAccounts]);
   function handleSelectType(typeId) {
     setSelectedTypeId(typeId);
     setExpandMethodPicker(false);
@@ -1011,8 +1047,14 @@ function PaymentModal({ movement, onClose, onPaid }) {
     setVisible(false);
     setTimeout(onClose, 200);
   }
+  function handleKeyDown(e) {
+    if (e.key !== "Enter" || e.shiftKey) return;
+    if (e.target.tagName === "TEXTAREA") return;
+    e.preventDefault();
+    if (amount > 0 && selectedTypeId && bankAccountId && !saving) void handlePay();
+  }
   async function handlePay() {
-    if (amount <= 0 || !selectedTypeId) return;
+    if (amount <= 0 || !selectedTypeId || !bankAccountId) return;
     setSaving(true);
     try {
       await payMovement({
@@ -1023,7 +1065,8 @@ function PaymentModal({ movement, onClose, onPaid }) {
         paymentMethodTypeId: selectedTypeId || void 0,
         bankAccountId: bankAccountId || void 0,
         cardBrand: needsCard ? cardBrand || void 0 : void 0,
-        cardInstallments: needsCardInstallments ? cardInstallments : void 0
+        cardInstallments: needsCardInstallments ? cardInstallments : void 0,
+        notes: notes.trim() || void 0
       });
       setVisible(false);
       setTimeout(onPaid, 200);
@@ -1049,6 +1092,7 @@ function PaymentModal({ movement, onClose, onPaid }) {
               transform: visible ? "scale(1) translateY(0)" : "scale(0.95) translateY(8px)"
             },
             onClick: (e) => e.stopPropagation(),
+            onKeyDown: handleKeyDown,
             children: [
               /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-5 py-4 border-b sticky top-0 bg-card z-10", children: [
                 /* @__PURE__ */ jsxs("div", { children: [
@@ -1158,11 +1202,17 @@ function PaymentModal({ movement, onClose, onPaid }) {
                       ] }, n)) })
                     ] })
                   ] }),
-                  needsBankAccount && bankAccounts.length > 0 && /* @__PURE__ */ jsxs("div", { className: "stagger-field", style: { animationDelay: "100ms" }, children: [
+                  /* @__PURE__ */ jsxs("div", { className: "stagger-field", style: { animationDelay: "100ms" }, children: [
                     /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground", children: t2("financial.payment.bankAccount") }),
-                    /* @__PURE__ */ jsxs("select", { value: bankAccountId, onChange: (e) => setBankAccountId(e.target.value), className: "w-full mt-1 rounded-input border border-input  bg-card shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] px-3 py-2 text-sm", children: [
+                    eligibleAccounts.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "mt-1 rounded-lg border border-dashed border-input bg-muted/30 px-3 py-2.5 text-center", children: [
+                      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t2("financial.payment.noAccounts") }),
+                      /* @__PURE__ */ jsxs("a", { href: "#/settings/financial/bank-accounts", className: "mt-1 inline-block text-xs font-medium text-primary hover:underline", children: [
+                        t2("financial.payment.configureAccounts"),
+                        " \u2192"
+                      ] })
+                    ] }) : /* @__PURE__ */ jsxs("select", { value: bankAccountId, onChange: (e) => setBankAccountId(e.target.value), className: "w-full mt-1 rounded-input border border-input  bg-card shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] px-3 py-2 text-sm", children: [
                       /* @__PURE__ */ jsx("option", { value: "", children: t2("financial.payment.selectAccount") }),
-                      bankAccounts.map((a) => /* @__PURE__ */ jsx("option", { value: a.id, children: a.name }, a.id))
+                      eligibleAccounts.map((a) => /* @__PURE__ */ jsx("option", { value: a.id, children: a.name }, a.id))
                     ] })
                   ] }),
                   /* @__PURE__ */ jsxs("div", { className: "stagger-field", style: { animationDelay: "150ms" }, children: [
@@ -1188,7 +1238,7 @@ function PaymentModal({ movement, onClose, onPaid }) {
                     variant: "default",
                     size: "sm",
                     onClick: handlePay,
-                    disabled: amount <= 0 || !selectedTypeId || saving,
+                    disabled: amount <= 0 || !selectedTypeId || !bankAccountId || saving,
                     children: [
                       /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5" }),
                       saving ? t2("financial.payment.processing") : t2("financial.payment.payAmount", { amount: formatCurrency(amount, currency) })
@@ -1213,10 +1263,11 @@ var STATUS_COLORS = {
   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 InvoiceDetailView({ invoiceId, direction, onBack, onEdit }) {
+function InvoiceDetailView({ invoiceId, direction, onBack, onEdit, backLabel }) {
   const t2 = useTranslation();
   const config = useFinancialConfig();
   const { currency } = config;
+  const parentLabel = backLabel ?? (direction === "debit" ? t2("financial.nav.payables") : t2("financial.nav.receivables"));
   const provider = useFinancialProvider();
   const paymentMethods = useFinancialStore((s) => s.paymentMethods);
   const paymentMethodTypes = useFinancialStore((s) => s.paymentMethodTypes);
@@ -1228,6 +1279,7 @@ function InvoiceDetailView({ invoiceId, direction, onBack, onEdit }) {
   const [invoice, setInvoice] = useState(null);
   const [items, setItems] = useState([]);
   const [movements, setMovements] = useState([]);
+  const [payments, setPayments] = useState([]);
   const [loading, setLoading] = useState(true);
   const [payingMovement, setPayingMovement] = useState(null);
   const [expandedMovId, setExpandedMovId] = useState(null);
@@ -1248,6 +1300,9 @@ function InvoiceDetailView({ invoiceId, direction, onBack, onEdit }) {
     setMovements(
       movResult.data.filter((m) => m.invoiceId === invoiceId && m.movementKind === "bill").sort((a, b) => (a.installmentNumber ?? 0) - (b.installmentNumber ?? 0))
     );
+    setPayments(
+      movResult.data.filter((m) => m.invoiceId === invoiceId && m.movementKind === "payment").sort((a, b) => (a.paymentDate ?? "").localeCompare(b.paymentDate ?? ""))
+    );
     setLoading(false);
   }
   useEffect(() => {
@@ -1287,7 +1342,7 @@ function InvoiceDetailView({ invoiceId, direction, onBack, onEdit }) {
   }
   if (loading) {
     return /* @__PURE__ */ jsxs("div", { className: "space-y-5", children: [
-      /* @__PURE__ */ jsx(SubpageHeader, { title: "", onBack, parentLabel: direction === "debit" ? t2("financial.nav.payables") : t2("financial.nav.receivables") }),
+      /* @__PURE__ */ jsx(SubpageHeader, { title: "", onBack, parentLabel }),
       /* @__PURE__ */ jsxs("div", { className: "rounded-xl border bg-card shadow-sm overflow-hidden", children: [
         /* @__PURE__ */ jsx("div", { className: "h-1 bg-muted animate-pulse" }),
         /* @__PURE__ */ jsxs("div", { className: "p-5 pb-4", children: [
@@ -1341,7 +1396,7 @@ function InvoiceDetailView({ invoiceId, direction, onBack, onEdit }) {
   }
   if (!invoice) {
     return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
-      /* @__PURE__ */ jsx(SubpageHeader, { title: t2("financial.invoice.notFound"), onBack, parentLabel: direction === "debit" ? t2("financial.nav.payables") : t2("financial.nav.receivables") }),
+      /* @__PURE__ */ jsx(SubpageHeader, { title: t2("financial.invoice.notFound"), onBack, parentLabel }),
       /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t2("financial.invoice.notFoundDesc") })
     ] });
   }
@@ -1388,7 +1443,7 @@ function InvoiceDetailView({ invoiceId, direction, onBack, onEdit }) {
       {
         title: invoice.fiscalNumber ? `#${invoice.fiscalNumber}` : invoice.contactName ?? invoice.invoiceDate,
         onBack,
-        parentLabel: direction === "debit" ? t2("financial.nav.payables") : t2("financial.nav.receivables"),
+        parentLabel,
         actions: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
           invoice.status !== "cancelled" && invoice.status !== "paid" && /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", onClick: onEdit, children: [
             /* @__PURE__ */ jsx(Pencil, { className: "h-3.5 w-3.5" }),
@@ -1530,9 +1585,7 @@ function InvoiceDetailView({ invoiceId, direction, onBack, onEdit }) {
         const isExpanded = expandedMovId === mov.id;
         const movStatus = STATUS_COLORS[mov.status] ?? STATUS_COLORS.pending;
         const MovIcon = movStatus.icon;
-        const method = paymentMethods.find((m) => m.id === mov.paymentMethodId);
-        const methodType = paymentMethodTypes.find((t3) => t3.id === (method?.paymentMethodTypeId ?? mov.paymentMethodTypeId));
-        const account = bankAccounts.find((a) => a.id === mov.bankAccountId);
+        const instPayments = payments.filter((p) => (p.installmentNumber ?? null) === (mov.installmentNumber ?? null));
         return /* @__PURE__ */ jsxs("div", { children: [
           /* @__PURE__ */ jsxs(
             "div",
@@ -1606,43 +1659,53 @@ function InvoiceDetailView({ invoiceId, direction, onBack, onEdit }) {
                 /* @__PURE__ */ jsx("div", { className: "h-3 w-20 rounded bg-muted/40 animate-pulse" }),
                 /* @__PURE__ */ jsx("div", { className: "h-3 w-16 rounded bg-muted/30 animate-pulse" }),
                 /* @__PURE__ */ jsx("div", { className: "h-3 w-24 rounded bg-muted/40 animate-pulse" })
-              ] }) : /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-x-1 gap-y-0.5 text-[11px] text-muted-foreground", children: [
-                methodType && /* @__PURE__ */ jsxs(Fragment, { children: [
-                  /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: methodType.name }),
-                  method && /* @__PURE__ */ jsxs("span", { children: [
-                    "(",
-                    method.name,
-                    ")"
-                  ] })
-                ] }),
-                mov.cardBrand && /* @__PURE__ */ jsxs(Fragment, { children: [
-                  methodType && /* @__PURE__ */ jsx("span", { children: "\xB7" }),
-                  /* @__PURE__ */ jsx(CreditCard, { className: "h-3 w-3 shrink-0" }),
-                  /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: mov.cardBrand }),
-                  mov.cardInstallments && /* @__PURE__ */ jsxs("span", { children: [
-                    mov.cardInstallments,
-                    "x"
+              ] }) : instPayments.length === 0 ? /* @__PURE__ */ jsx("div", { className: "text-[11px] text-muted-foreground", children: t2("financial.invoice.noDetails") }) : /* @__PURE__ */ jsx("div", { className: "space-y-1", children: instPayments.map((p) => {
+                const pMethod = paymentMethods.find((m) => m.id === p.paymentMethodId);
+                const pType = paymentMethodTypes.find((tp) => tp.id === (pMethod?.paymentMethodTypeId ?? p.paymentMethodTypeId));
+                const pAccount = bankAccounts.find((a) => a.id === p.bankAccountId);
+                return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-x-1 gap-y-0.5 text-[11px] text-muted-foreground", children: [
+                  /* @__PURE__ */ jsx("span", { className: "font-medium text-success", children: formatCurrency(p.paidAmount, currency) }),
+                  pType && /* @__PURE__ */ jsxs(Fragment, { children: [
+                    /* @__PURE__ */ jsx("span", { children: "\xB7" }),
+                    /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: pType.name }),
+                    pMethod && /* @__PURE__ */ jsxs("span", { children: [
+                      "(",
+                      pMethod.name,
+                      ")"
+                    ] })
+                  ] }),
+                  p.cardBrand && /* @__PURE__ */ jsxs(Fragment, { children: [
+                    /* @__PURE__ */ jsx("span", { children: "\xB7" }),
+                    /* @__PURE__ */ jsx(CreditCard, { className: "h-3 w-3 shrink-0" }),
+                    /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: p.cardBrand }),
+                    p.cardInstallments && /* @__PURE__ */ jsxs("span", { children: [
+                      p.cardInstallments,
+                      "x"
+                    ] })
+                  ] }),
+                  pAccount && /* @__PURE__ */ jsxs(Fragment, { children: [
+                    /* @__PURE__ */ jsx("span", { children: "\xB7" }),
+                    /* @__PURE__ */ jsx(Building2, { className: "h-3 w-3 shrink-0" }),
+                    /* @__PURE__ */ jsx("span", { children: pAccount.name })
+                  ] }),
+                  (p.feeAmount ?? 0) > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+                    /* @__PURE__ */ jsx("span", { children: "\xB7" }),
+                    /* @__PURE__ */ jsxs("span", { className: "text-warning", children: [
+                      t2("financial.statements.columnFee"),
+                      " ",
+                      formatCurrency(p.feeAmount ?? 0, currency)
+                    ] })
+                  ] }),
+                  p.paymentDate && /* @__PURE__ */ jsxs(Fragment, { children: [
+                    /* @__PURE__ */ jsx("span", { children: "\xB7" }),
+                    /* @__PURE__ */ jsx("span", { children: p.paymentDate })
+                  ] }),
+                  p.notes && /* @__PURE__ */ jsxs(Fragment, { children: [
+                    /* @__PURE__ */ jsx("span", { children: "\xB7" }),
+                    /* @__PURE__ */ jsx("span", { className: "italic truncate max-w-[200px]", children: p.notes })
                   ] })
-                ] }),
-                account && /* @__PURE__ */ jsxs(Fragment, { children: [
-                  (methodType || mov.cardBrand) && /* @__PURE__ */ jsx("span", { children: "\xB7" }),
-                  /* @__PURE__ */ jsx(Building2, { className: "h-3 w-3 shrink-0" }),
-                  /* @__PURE__ */ jsx("span", { children: account.name })
-                ] }),
-                mov.paidAmount > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
-                  /* @__PURE__ */ jsx("span", { children: "\xB7" }),
-                  /* @__PURE__ */ jsx("span", { className: "font-medium text-success", children: formatCurrency(mov.paidAmount, currency) })
-                ] }),
-                mov.paymentDate && /* @__PURE__ */ jsxs(Fragment, { children: [
-                  /* @__PURE__ */ jsx("span", { children: "\xB7" }),
-                  /* @__PURE__ */ jsx("span", { children: mov.paymentDate })
-                ] }),
-                mov.notes && /* @__PURE__ */ jsxs(Fragment, { children: [
-                  /* @__PURE__ */ jsx("span", { children: "\xB7" }),
-                  /* @__PURE__ */ jsx("span", { className: "italic truncate max-w-[200px]", children: mov.notes })
-                ] }),
-                !methodType && !mov.cardBrand && !account && !mov.notes && /* @__PURE__ */ jsx("span", { children: t2("financial.invoice.noDetails") })
-              ] }) }) })
+                ] }, p.id);
+              }) }) }) })
             }
           )
         ] }, mov.id);
@@ -1706,7 +1769,25 @@ function InvoiceDetailView({ invoiceId, direction, onBack, onEdit }) {
       ` })
   ] });
 }
-function PayablesView({ intent, onNavigate }) {
+
+// src/views/navReferrer.ts
+var REFERRER_LABEL_KEYS = {
+  summary: "financial.nav.summary",
+  statements: "financial.nav.statements",
+  "cash-registers": "financial.nav.cashRegisters",
+  reconciliation: "financial.nav.reconciliation",
+  commissions: "financial.nav.commissions",
+  cards: "financial.nav.cards",
+  "receivables-list": "financial.nav.receivables",
+  "payables-list": "financial.nav.payables"
+};
+function referrerLabel(view, t2) {
+  if (!view) return null;
+  const key = REFERRER_LABEL_KEYS[view];
+  return key ? t2(key) : null;
+}
+function PayablesView({ intent, onNavigate, previousView, back }) {
+  const t2 = useTranslation();
   if (intent.mode === "new") {
     return /* @__PURE__ */ jsx(InvoiceFormView, { direction: "debit", onSaved: (id) => onNavigate(id ? `payables-detail:${id}` : "payables-list") });
   }
@@ -1714,12 +1795,14 @@ function PayablesView({ intent, onNavigate }) {
     return /* @__PURE__ */ jsx(InvoiceFormView, { direction: "debit", editId: intent.editId, onSaved: () => onNavigate(`payables-detail:${intent.editId}`) });
   }
   if (intent.mode === "detail" && intent.editId) {
+    const prevLabel = referrerLabel(previousView, t2);
     return /* @__PURE__ */ jsx(
       InvoiceDetailView,
       {
         invoiceId: intent.editId,
         direction: "debit",
-        onBack: () => onNavigate("payables-list"),
+        backLabel: prevLabel ?? void 0,
+        onBack: prevLabel && back ? () => back("payables-list") : () => onNavigate("payables-list"),
         onEdit: () => onNavigate(`payables-edit:${intent.editId}`)
       }
     );
@@ -1733,7 +1816,8 @@ function PayablesView({ intent, onNavigate }) {
     }
   );
 }
-function ReceivablesView({ intent, onNavigate }) {
+function ReceivablesView({ intent, onNavigate, previousView, back }) {
+  const t2 = useTranslation();
   if (intent.mode === "new") {
     return /* @__PURE__ */ jsx(InvoiceFormView, { direction: "credit", onSaved: (id) => onNavigate(id ? `receivables-detail:${id}` : "receivables-list") });
   }
@@ -1741,12 +1825,14 @@ function ReceivablesView({ intent, onNavigate }) {
     return /* @__PURE__ */ jsx(InvoiceFormView, { direction: "credit", editId: intent.editId, onSaved: () => onNavigate(`receivables-detail:${intent.editId}`) });
   }
   if (intent.mode === "detail" && intent.editId) {
+    const prevLabel = referrerLabel(previousView, t2);
     return /* @__PURE__ */ jsx(
       InvoiceDetailView,
       {
         invoiceId: intent.editId,
         direction: "credit",
-        onBack: () => onNavigate("receivables-list"),
+        backLabel: prevLabel ?? void 0,
+        onBack: prevLabel && back ? () => back("receivables-list") : () => onNavigate("receivables-list"),
         onEdit: () => onNavigate(`receivables-edit:${intent.editId}`)
       }
     );
@@ -2245,32 +2331,201 @@ function OpenAnotherCollapsible({
     expanded && /* @__PURE__ */ jsx(CashOpeningPanel, { cashAccounts: availableAccounts, currency, onOpen })
   ] });
 }
-function StatementsView() {
+function TransferModal({ onClose, onDone, defaultFromId }) {
+  const t2 = useTranslation();
+  const { currency } = useFinancialConfig();
+  const bankAccounts = useFinancialStore((s) => s.bankAccounts);
+  const createTransfer = useFinancialStore((s) => s.createTransfer);
+  const fetchBankAccounts = useFinancialStore((s) => s.fetchBankAccounts);
+  const [fromAccountId, setFromAccountId] = useState(defaultFromId ?? "");
+  const [toAccountId, setToAccountId] = useState("");
+  const [amount, setAmount] = useState(0);
+  const [date, setDate] = useState((/* @__PURE__ */ new Date()).toISOString().slice(0, 10));
+  const [notes, setNotes] = useState("");
+  const [saving, setSaving] = useState(false);
+  const [visible, setVisible] = useState(false);
+  useEffect(() => {
+    fetchBankAccounts();
+    requestAnimationFrame(() => setVisible(true));
+  }, []);
+  function handleClose() {
+    setVisible(false);
+    setTimeout(onClose, 200);
+  }
+  const sameAccount = !!fromAccountId && fromAccountId === toAccountId;
+  const canSubmit = !!fromAccountId && !!toAccountId && !sameAccount && amount > 0 && !saving;
+  function handleKeyDown(e) {
+    if (e.key !== "Enter" || e.shiftKey) return;
+    if (e.target.tagName === "TEXTAREA") return;
+    e.preventDefault();
+    if (canSubmit) void handleSubmit();
+  }
+  async function handleSubmit() {
+    if (!canSubmit) return;
+    setSaving(true);
+    try {
+      await createTransfer({ fromAccountId, toAccountId, amount, date, notes: notes || void 0 });
+      setVisible(false);
+      setTimeout(onDone, 200);
+    } catch {
+    } finally {
+      setSaving(false);
+    }
+  }
+  const selectClass = "w-full mt-1 rounded-input border border-input bg-card shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] px-3 py-2 text-sm";
+  return createPortal(
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "fixed inset-0 z-50 flex items-center justify-center transition-colors duration-200",
+        style: { backgroundColor: visible ? "rgba(0,0,0,0.5)" : "rgba(0,0,0,0)" },
+        onClick: handleClose,
+        children: /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "w-full max-w-md rounded-modal border bg-card shadow-lg mx-4 transition-all duration-200 max-h-[90vh] overflow-y-auto",
+            style: { opacity: visible ? 1 : 0, transform: visible ? "scale(1) translateY(0)" : "scale(0.95) translateY(8px)" },
+            onClick: (e) => e.stopPropagation(),
+            onKeyDown: handleKeyDown,
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-5 py-4 border-b", children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsx(ArrowRightLeft, { className: "h-4 w-4 text-warning" }),
+                  /* @__PURE__ */ jsx("h3", { className: "text-base font-semibold", children: t2("financial.transfer.title") })
+                ] }),
+                /* @__PURE__ */ jsx("button", { onClick: handleClose, className: "p-1 text-muted-foreground hover:text-foreground transition-colors", children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }) })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "px-5 py-4 space-y-4", children: [
+                /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
+                  /* @__PURE__ */ jsxs("div", { children: [
+                    /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground", children: t2("financial.transfer.from") }),
+                    /* @__PURE__ */ jsxs("select", { value: fromAccountId, onChange: (e) => setFromAccountId(e.target.value), className: selectClass, children: [
+                      /* @__PURE__ */ jsx("option", { value: "", children: t2("financial.transfer.selectAccount") }),
+                      bankAccounts.map((a) => /* @__PURE__ */ jsx("option", { value: a.id, children: a.name }, a.id))
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ jsxs("div", { children: [
+                    /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground", children: t2("financial.transfer.to") }),
+                    /* @__PURE__ */ jsxs("select", { value: toAccountId, onChange: (e) => setToAccountId(e.target.value), className: selectClass, children: [
+                      /* @__PURE__ */ jsx("option", { value: "", children: t2("financial.transfer.selectAccount") }),
+                      bankAccounts.map((a) => /* @__PURE__ */ jsx("option", { value: a.id, children: a.name }, a.id))
+                    ] })
+                  ] })
+                ] }),
+                sameAccount && /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive", children: t2("financial.transfer.sameAccount") }),
+                /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
+                  /* @__PURE__ */ jsx(
+                    CurrencyInput,
+                    {
+                      label: t2("financial.transfer.amount"),
+                      value: amount,
+                      onChange: setAmount,
+                      symbol: currency.symbol,
+                      locale: currency.locale,
+                      currencyCode: currency.code
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs("div", { children: [
+                    /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground", children: t2("financial.transfer.date") }),
+                    /* @__PURE__ */ jsx(DatePicker, { value: date, onChange: setDate, className: "mt-1" })
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsxs("div", { children: [
+                  /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground", children: t2("financial.transfer.notes") }),
+                  /* @__PURE__ */ jsx(
+                    "input",
+                    {
+                      type: "text",
+                      value: notes,
+                      onChange: (e) => setNotes(e.target.value),
+                      placeholder: t2("financial.transfer.optionalNotes"),
+                      className: "w-full mt-1 rounded-input border border-input bg-card shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring"
+                    }
+                  )
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2 px-5 py-4 border-t", children: [
+                /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: handleClose, children: t2("financial.transfer.cancel") }),
+                /* @__PURE__ */ jsxs(Button, { variant: "default", size: "sm", onClick: handleSubmit, disabled: !canSubmit, children: [
+                  /* @__PURE__ */ jsx(ArrowRightLeft, { className: "h-3.5 w-3.5" }),
+                  saving ? t2("financial.transfer.processing") : t2("financial.transfer.submit")
+                ] })
+              ] })
+            ]
+          }
+        )
+      }
+    ),
+    document.body
+  );
+}
+var ALL = "all";
+function ReconcileMarker({ kind, label }) {
+  return /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 150, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx("span", { className: "inline-flex shrink-0 cursor-default", children: kind === "reconciled" ? /* @__PURE__ */ jsx(CheckCheck, { className: "h-3 w-3 text-success/70" }) : /* @__PURE__ */ jsx(Landmark, { className: "h-3 w-3 text-muted-foreground/40" }) }) }),
+    /* @__PURE__ */ jsx(TooltipContent, { className: "text-xs", children: label })
+  ] }) });
+}
+function ReconciledWithRef({ refLabel, tooltip, onOpen }) {
+  const inner = /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-0.5 text-[10px] text-muted-foreground max-w-[160px]", children: [
+    /* @__PURE__ */ jsx(ArrowRightLeft, { className: "h-2.5 w-2.5 shrink-0" }),
+    /* @__PURE__ */ jsx("span", { className: "truncate", children: refLabel })
+  ] });
+  return /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 150, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: onOpen ? /* @__PURE__ */ jsx("button", { onClick: onOpen, className: "hover:text-primary transition-colors", children: inner }) : /* @__PURE__ */ jsx("span", { className: "cursor-default", children: inner }) }),
+    /* @__PURE__ */ jsx(TooltipContent, { className: "text-xs", children: tooltip })
+  ] }) });
+}
+function StatementsView({ onNavigate }) {
   const t2 = useTranslation();
   const { currency } = useFinancialConfig();
   const bankAccounts = useFinancialStore((s) => s.bankAccounts);
-  const statementEntries = useFinancialStore((s) => s.statementEntries);
+  const statement = useFinancialStore((s) => s.statement);
   const statementLoading = useFinancialStore((s) => s.statementLoading);
+  const paymentMethods = useFinancialStore((s) => s.paymentMethods);
+  const paymentMethodTypes = useFinancialStore((s) => s.paymentMethodTypes);
   const fetchBankAccounts = useFinancialStore((s) => s.fetchBankAccounts);
+  const fetchPaymentMethods = useFinancialStore((s) => s.fetchPaymentMethods);
   const fetchStatement = useFinancialStore((s) => s.fetchStatement);
   const [accountId, setAccountId] = useState("");
   const [dateFrom, setDateFrom] = useState(() => {
     const d = /* @__PURE__ */ new Date();
-    d.setMonth(d.getMonth() - 1);
+    d.setMonth(d.getMonth() - 3);
     return d.toISOString().slice(0, 10);
   });
   const [dateTo, setDateTo] = useState(() => (/* @__PURE__ */ new Date()).toISOString().slice(0, 10));
+  const [showTransfer, setShowTransfer] = useState(false);
   useEffect(() => {
     fetchBankAccounts();
+    fetchPaymentMethods();
   }, []);
+  const methodName = useMemo(() => {
+    const byId = new Map(paymentMethods.map((m) => [m.id, m.name]));
+    const typeById = new Map(paymentMethodTypes.map((tp) => [tp.id, tp.name]));
+    return (mov) => {
+      if (mov.paymentMethodId && byId.has(mov.paymentMethodId)) return byId.get(mov.paymentMethodId);
+      if (mov.paymentMethodTypeId && typeById.has(mov.paymentMethodTypeId)) return typeById.get(mov.paymentMethodTypeId);
+      if (mov.cardBrand) return mov.cardBrand;
+      return "\u2014";
+    };
+  }, [paymentMethods, paymentMethodTypes]);
+  function openInvoice(e) {
+    if (!onNavigate || !e.movement.invoiceId) return;
+    const base = e.movement.direction === "credit" ? "receivables" : "payables";
+    onNavigate(`${base}-detail:${e.movement.invoiceId}`);
+  }
   useEffect(() => {
     if (accountId) {
-      fetchStatement({ bankAccountId: accountId, dateRange: { from: dateFrom, to: dateTo } });
+      fetchStatement({
+        bankAccountId: accountId === ALL ? void 0 : accountId,
+        dateRange: { from: dateFrom, to: dateTo }
+      });
     }
   }, [accountId, dateFrom, dateTo]);
   useEffect(() => {
-    if (!accountId && bankAccounts.length > 0) setAccountId(bankAccounts[0].id);
-  }, [bankAccounts]);
+    if (!accountId) setAccountId(ALL);
+  }, []);
+  const fmt = (n) => formatCurrency(n, currency);
   const columns = useMemo(() => [
     {
       id: "date",
@@ -2280,29 +2535,112 @@ function StatementsView() {
     {
       id: "description",
       header: t2("financial.statements.columnDescription"),
-      cell: ({ row }) => /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("p", { className: "text-xs font-medium", children: row.original.invoice?.contactName || row.original.movement.notes || "Transaction" }),
-        /* @__PURE__ */ jsx("p", { className: "text-[10px] text-muted-foreground capitalize", children: row.original.movement.movementKind })
-      ] })
+      cell: ({ row }) => {
+        const e = row.original;
+        const isTransfer = e.entryKind !== "movement";
+        const memo = e.movement.notes;
+        const title = e.invoice?.contactName || (isTransfer ? t2("financial.statements.transfer") : memo || "Transaction");
+        const memoLine = memo && memo !== title ? memo : void 0;
+        const doc = e.invoice?.fiscalNumber;
+        const inst = e.movement.installmentNumber;
+        const canOpen = !!onNavigate && !!e.movement.invoiceId;
+        return /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+            /* @__PURE__ */ jsx(PersonLink, { personId: e.invoice?.contactId, name: title, size: "sm" }),
+            doc && (canOpen ? /* @__PURE__ */ jsx(
+              "button",
+              {
+                onClick: () => openInvoice(e),
+                className: "text-[10px] text-muted-foreground font-mono hover:text-primary hover:underline",
+                title: t2("financial.statements.viewInvoice"),
+                children: doc
+              }
+            ) : /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground font-mono", children: doc })),
+            isTransfer && /* @__PURE__ */ jsx("span", { className: "text-[9px] uppercase tracking-wide px-1 py-px rounded bg-warning/15 text-warning font-semibold", children: t2("financial.statements.transfer") }),
+            e.movement.reconciledAt ? /* @__PURE__ */ jsx(ReconcileMarker, { kind: "reconciled", label: t2("financial.statements.reconciled") }) : e.movement.externalSource ? /* @__PURE__ */ jsx(ReconcileMarker, { kind: "imported", label: t2("financial.statements.imported") }) : null,
+            e.reconciledWith && (() => {
+              const rw = e.reconciledWith;
+              const refLabel = rw.fiscalNumber || rw.contactName || rw.description || rw.movementId.slice(0, 8);
+              const base = e.movement.direction === "credit" ? "receivables" : "payables";
+              const onOpen = onNavigate && rw.invoiceId ? () => onNavigate(`${base}-detail:${rw.invoiceId}`) : void 0;
+              return /* @__PURE__ */ jsx(
+                ReconciledWithRef,
+                {
+                  refLabel,
+                  tooltip: t2("financial.statements.reconciledWith", { ref: refLabel }),
+                  onOpen
+                }
+              );
+            })()
+          ] }),
+          memoLine && /* @__PURE__ */ jsx("p", { className: "text-[11px] text-foreground/80", children: memoLine }),
+          /* @__PURE__ */ jsxs("p", { className: "text-[10px] text-muted-foreground", children: [
+            /* @__PURE__ */ jsx("span", { className: "capitalize", children: isTransfer && e.counterAccountName ? e.entryKind === "transfer-in" ? `\u2190 ${e.counterAccountName}` : `\u2192 ${e.counterAccountName}` : e.movement.movementKind }),
+            inst ? ` \xB7 ${t2("financial.statements.installmentShort", { n: inst })}` : ""
+          ] })
+        ] });
+      }
+    },
+    {
+      id: "method",
+      header: t2("financial.statements.columnMethod"),
+      cell: ({ row }) => {
+        const mov = row.original.movement;
+        const name = methodName(mov);
+        return /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("p", { className: "text-xs", children: name }),
+          mov.cardInstallments && mov.cardInstallments > 1 && /* @__PURE__ */ jsxs("p", { className: "text-[10px] text-muted-foreground", children: [
+            mov.cardInstallments,
+            "x"
+          ] })
+        ] });
+      }
     },
     {
       id: "debit",
       header: t2("financial.statements.columnDebit"),
-      cell: ({ row }) => /* @__PURE__ */ jsx("span", { className: "text-right block text-destructive text-xs", children: row.original.movement.direction === "debit" ? formatCurrency(row.original.movement.paidAmount, currency) : "" })
+      cell: ({ row }) => /* @__PURE__ */ jsx("span", { className: "text-right block text-destructive text-xs", children: row.original.movement.direction === "debit" ? fmt(row.original.net) : "" })
     },
     {
       id: "credit",
       header: t2("financial.statements.columnCredit"),
-      cell: ({ row }) => /* @__PURE__ */ jsx("span", { className: "text-right block text-success text-xs", children: row.original.movement.direction === "credit" ? formatCurrency(row.original.movement.paidAmount, currency) : "" })
+      cell: ({ row }) => {
+        const e = row.original;
+        if (e.movement.direction !== "credit") return /* @__PURE__ */ jsx("span", { className: "block text-right" });
+        return /* @__PURE__ */ jsxs("div", { className: "text-right", children: [
+          /* @__PURE__ */ jsx("span", { className: "block text-success text-xs", children: fmt(e.net) }),
+          e.fee > 0 && /* @__PURE__ */ jsxs("span", { className: "block text-[10px] text-muted-foreground", children: [
+            fmt(e.gross),
+            " \u2212 ",
+            fmt(e.fee)
+          ] })
+        ] });
+      }
+    },
+    {
+      id: "fee",
+      header: t2("financial.statements.columnFee"),
+      cell: ({ row }) => /* @__PURE__ */ jsx("span", { className: "text-right block text-warning text-xs", children: row.original.fee > 0 ? fmt(row.original.fee) : "" })
     },
     {
       id: "balance",
       header: t2("financial.statements.columnBalance"),
-      cell: ({ row }) => /* @__PURE__ */ jsx("span", { className: "text-right block font-medium text-xs", children: formatCurrency(row.original.runningBalance, currency) })
+      cell: ({ row }) => /* @__PURE__ */ jsx("span", { className: "text-right block font-medium text-xs", children: fmt(row.original.runningBalance) })
     }
-  ], [currency, t2]);
+  ], [currency, t2, methodName, onNavigate]);
+  const entries = statement?.entries ?? [];
   return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsx(SubpageHeader, { title: t2("financial.statements.title"), subtitle: t2("financial.statements.subtitle") }),
+    /* @__PURE__ */ jsx(
+      SubpageHeader,
+      {
+        title: t2("financial.statements.title"),
+        subtitle: t2("financial.statements.subtitle"),
+        actions: /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", onClick: () => setShowTransfer(true), disabled: bankAccounts.length < 2, children: [
+          /* @__PURE__ */ jsx(ArrowRightLeft, { className: "h-3.5 w-3.5" }),
+          t2("financial.statements.newTransfer")
+        ] })
+      }
+    ),
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col sm:flex-row gap-3 sm:items-end", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex-1 max-w-xs", children: [
         /* @__PURE__ */ jsx("label", { className: "text-[10px] font-medium text-muted-foreground uppercase", children: t2("financial.statements.account") }),
@@ -2311,9 +2649,9 @@ function StatementsView() {
           {
             value: accountId,
             onChange: (e) => setAccountId(e.target.value),
-            className: "w-full mt-0.5 rounded-input border border-input  bg-card shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] px-3 py-2 text-sm",
+            className: "w-full mt-0.5 rounded-input border border-input bg-card shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] px-3 py-2 text-sm",
             children: [
-              /* @__PURE__ */ jsx("option", { value: "", children: t2("financial.statements.selectAccount") }),
+              /* @__PURE__ */ jsx("option", { value: ALL, children: t2("financial.summary.allAccounts") }),
               bankAccounts.map((a) => /* @__PURE__ */ jsx("option", { value: a.id, children: a.name }, a.id))
             ]
           }
@@ -2328,10 +2666,31 @@ function StatementsView() {
         /* @__PURE__ */ jsx(DatePicker, { value: dateTo, onChange: setDateTo, className: "mt-0.5" })
       ] })
     ] }),
+    accountId && statement && /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 sm:grid-cols-4 gap-2", children: [
+      /* @__PURE__ */ jsx(SummaryStat, { label: t2("financial.statements.opening"), value: fmt(statement.openingBalance) }),
+      /* @__PURE__ */ jsx(SummaryStat, { label: t2("financial.statements.totalCredits"), value: fmt(statement.totalCredits), positive: true }),
+      /* @__PURE__ */ jsx(SummaryStat, { label: t2("financial.statements.totalDebits"), value: fmt(statement.totalDebits), negative: true }),
+      /* @__PURE__ */ jsx(SummaryStat, { label: t2("financial.statements.closing"), value: fmt(statement.closingBalance), accent: true })
+    ] }),
     !accountId ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-12 text-center rounded-lg border-2 border-dashed border-muted", children: [
       /* @__PURE__ */ jsx(Receipt, { className: "h-8 w-8 text-muted-foreground mb-2" }),
       /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t2("financial.statements.selectToView") })
-    ] }) : statementLoading ? /* @__PURE__ */ jsx(DataTable, { columns, data: [], loading: true, skeletonRows: 5 }) : statementEntries.length === 0 ? /* @__PURE__ */ jsx(DataTable, { columns, data: [], emptyMessage: t2("financial.statements.noTransactions") }) : /* @__PURE__ */ jsx(DataTable, { columns, data: statementEntries })
+    ] }) : statementLoading ? /* @__PURE__ */ jsx(DataTable, { columns, data: [], loading: true, skeletonRows: 8, compact: true }) : entries.length === 0 ? /* @__PURE__ */ jsx(DataTable, { columns, data: [], emptyMessage: t2("financial.statements.noTransactions"), compact: true }) : /* @__PURE__ */ jsx(DataTable, { columns, data: entries, compact: true }),
+    showTransfer && /* @__PURE__ */ jsx(
+      TransferModal,
+      {
+        defaultFromId: accountId && accountId !== ALL ? accountId : void 0,
+        onClose: () => setShowTransfer(false),
+        onDone: () => setShowTransfer(false)
+      }
+    )
+  ] });
+}
+function SummaryStat({ label, value, accent, positive, negative }) {
+  const valueClass = positive ? "text-success" : negative ? "text-destructive" : accent ? "text-foreground" : "text-foreground";
+  return /* @__PURE__ */ jsxs("div", { className: `rounded-lg border px-3 py-2 ${accent ? "bg-muted/40" : "bg-card"}`, children: [
+    /* @__PURE__ */ jsx("p", { className: "text-[10px] font-medium text-muted-foreground uppercase truncate", children: label }),
+    /* @__PURE__ */ jsx("p", { className: `text-sm font-semibold mt-0.5 ${valueClass}`, children: value })
   ] });
 }
 function CommissionsView() {
@@ -2397,6 +2756,151 @@ function CardsView() {
     ] }, brand))
   ] });
 }
+function ReconciliationView() {
+  const t2 = useTranslation();
+  const { currency } = useFinancialConfig();
+  const provider = useFinancialProvider();
+  const fmt = (n) => formatCurrency(n, currency);
+  const [lines, setLines] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [selectedId, setSelectedId] = useState(null);
+  const [candidates, setCandidates] = useState([]);
+  const [candidatesLoading, setCandidatesLoading] = useState(false);
+  const [busy, setBusy] = useState(false);
+  const supported = typeof provider.getUnreconciled === "function";
+  const load = useCallback(async () => {
+    if (!provider.getUnreconciled) return;
+    setLoading(true);
+    try {
+      const data = await provider.getUnreconciled();
+      setLines(data);
+      setSelectedId((prev) => prev && data.some((l) => l.id === prev) ? prev : null);
+    } finally {
+      setLoading(false);
+    }
+  }, [provider]);
+  useEffect(() => {
+    void load();
+  }, [load]);
+  useEffect(() => {
+    if (!selectedId || !provider.suggestReconciliation) {
+      setCandidates([]);
+      return;
+    }
+    let cancelled = false;
+    setCandidatesLoading(true);
+    provider.suggestReconciliation(selectedId).then((c) => {
+      if (!cancelled) setCandidates(c);
+    }).finally(() => {
+      if (!cancelled) setCandidatesLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [selectedId, provider]);
+  async function match(bankMovementId, matchedMovementId) {
+    if (!provider.reconcileMovement) return;
+    setBusy(true);
+    try {
+      await provider.reconcileMovement({ bankMovementId, matchedMovementId });
+      toast.success(t2("financial.reconciliation.match"));
+      await load();
+    } catch {
+      toast.error(t2("common.error"));
+    } finally {
+      setBusy(false);
+    }
+  }
+  if (!supported) {
+    return /* @__PURE__ */ jsxs("div", { className: "py-16 text-center", children: [
+      /* @__PURE__ */ jsx(Landmark, { className: "h-8 w-8 text-muted-foreground/30 mx-auto mb-2" }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t2("financial.reconciliation.empty") })
+    ] });
+  }
+  const selected = lines.find((l) => l.id === selectedId) ?? null;
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold tracking-tight", children: t2("financial.reconciliation.title") }),
+        /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t2("financial.reconciliation.subtitle") })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: lines.length > 0 ? t2("financial.reconciliation.pending", { count: lines.length }) : t2("financial.reconciliation.allDone") }),
+        /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", onClick: () => void load(), disabled: loading || busy, children: [
+          /* @__PURE__ */ jsx(RefreshCw, { className: `h-3.5 w-3.5 ${loading ? "animate-spin" : ""}` }),
+          t2("financial.reconciliation.refresh")
+        ] })
+      ] })
+    ] }),
+    lines.length === 0 && !loading ? /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-card shadow-sm py-16 text-center", children: [
+      /* @__PURE__ */ jsx(Check, { className: "h-8 w-8 text-success/40 mx-auto mb-2" }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: t2("financial.reconciliation.empty") }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-1", children: t2("financial.reconciliation.emptyHint") })
+    ] }) : /* @__PURE__ */ jsxs("div", { className: "grid gap-4 lg:grid-cols-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-card shadow-sm overflow-hidden", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-4 py-3 border-b", children: [
+          /* @__PURE__ */ jsx(Landmark, { className: "h-4 w-4 text-muted-foreground" }),
+          /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: t2("financial.reconciliation.bankLines") })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "divide-y max-h-[60vh] overflow-auto", children: lines.map((line) => {
+          const isCredit = line.direction === "credit";
+          return /* @__PURE__ */ jsxs(
+            "button",
+            {
+              onClick: () => setSelectedId(line.id),
+              className: `w-full flex items-center gap-3 px-4 py-3 text-left hover:bg-muted/40 transition-colors ${selectedId === line.id ? "bg-muted/50" : ""}`,
+              children: [
+                isCredit ? /* @__PURE__ */ jsx(ArrowDownCircle, { className: "h-4 w-4 text-success shrink-0" }) : /* @__PURE__ */ jsx(ArrowUpCircle, { className: "h-4 w-4 text-destructive shrink-0" }),
+                /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+                  /* @__PURE__ */ jsx("p", { className: "text-sm truncate", children: line.notes || line.externalId }),
+                  /* @__PURE__ */ jsxs("p", { className: "text-[10px] text-muted-foreground", children: [
+                    line.paymentDate ?? line.dueDate,
+                    line.externalSource && /* @__PURE__ */ jsxs("span", { className: "ml-1 uppercase tracking-wide", children: [
+                      "\xB7 ",
+                      line.externalSource
+                    ] })
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsx("span", { className: `text-sm font-semibold shrink-0 ${isCredit ? "text-success" : "text-destructive"}`, children: fmt(line.amount) })
+              ]
+            },
+            line.id
+          );
+        }) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-card shadow-sm overflow-hidden", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-4 py-3 border-b", children: [
+          /* @__PURE__ */ jsx(Sparkles, { className: "h-4 w-4 text-muted-foreground" }),
+          /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: t2("financial.reconciliation.candidates") })
+        ] }),
+        !selected ? /* @__PURE__ */ jsx("p", { className: "px-4 py-16 text-center text-sm text-muted-foreground", children: t2("financial.reconciliation.selectLine") }) : /* @__PURE__ */ jsx("div", { className: "p-3 space-y-2", children: candidatesLoading ? /* @__PURE__ */ jsx("div", { className: "py-10 text-center text-xs text-muted-foreground", children: "\u2026" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          candidates.map((c) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 rounded-md border p-2.5", children: [
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsx("p", { className: "text-sm truncate", children: c.invoice?.contactName || c.movement.notes || c.invoice?.fiscalNumber || t2("financial.reconciliation.match") }),
+              /* @__PURE__ */ jsxs("p", { className: "text-[10px] text-muted-foreground", children: [
+                c.movement.dueDate,
+                /* @__PURE__ */ jsx("span", { className: "ml-1.5 inline-flex items-center rounded px-1 py-px bg-primary/10 text-primary font-medium", children: t2("financial.reconciliation.matchScore", { score: Math.round(c.score * 100) }) })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold shrink-0", children: fmt(c.movement.amount) }),
+            /* @__PURE__ */ jsxs(Button, { size: "sm", disabled: busy, onClick: () => match(selected.id, c.movement.id), children: [
+              /* @__PURE__ */ jsx(Link2, { className: "h-3.5 w-3.5" }),
+              t2("financial.reconciliation.match")
+            ] })
+          ] }, c.movement.id)),
+          candidates.length === 0 && /* @__PURE__ */ jsx("p", { className: "py-6 text-center text-xs text-muted-foreground", children: t2("financial.reconciliation.noCandidates") }),
+          /* @__PURE__ */ jsxs("div", { className: "pt-2 mt-1 border-t", children: [
+            /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", className: "w-full", disabled: busy, onClick: () => match(selected.id), children: [
+              /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5" }),
+              t2("financial.reconciliation.accept")
+            ] }),
+            /* @__PURE__ */ jsx("p", { className: "text-[10px] text-muted-foreground text-center mt-1", children: t2("financial.reconciliation.acceptHint") })
+          ] })
+        ] }) })
+      ] })
+    ] })
+  ] });
+}
 function FinancialGeneralSettings() {
   const t2 = useTranslation();
   return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
@@ -2521,13 +3025,20 @@ function buildNav(config, activeView, navigate, t2) {
       onClick: () => navigate("cash-registers")
     });
   }
-  if (config.modules.statements) {
+  items.push({
+    id: "statements",
+    label: t2("financial.nav.statements"),
+    icon: "Receipt",
+    active: activeView === "statements",
+    onClick: () => navigate("statements")
+  });
+  if (config.modules.reconciliation) {
     items.push({
-      id: "statements",
-      label: t2("financial.nav.statements"),
-      icon: "Receipt",
-      active: activeView === "statements",
-      onClick: () => navigate("statements")
+      id: "reconciliation",
+      label: t2("financial.nav.reconciliation"),
+      icon: "ArrowLeftRight",
+      active: activeView === "reconciliation",
+      onClick: () => navigate("reconciliation")
     });
   }
   if (config.modules.commissions) {
@@ -2555,7 +3066,7 @@ function buildNav(config, activeView, navigate, t2) {
   return items;
 }
 function FinancialPage({ config, provider, store, registries }) {
-  const { view, direction, navigate } = useModuleNavigation("/financial", {
+  const { view, direction, navigate, previousView, back } = useModuleNavigation("/financial", {
     summary: 0,
     "payables-list": 0,
     "payables-new": 1,
@@ -2563,6 +3074,7 @@ function FinancialPage({ config, provider, store, registries }) {
     "receivables-new": 1,
     "cash-registers": 0,
     statements: 0,
+    reconciliation: 0,
     commissions: 0,
     cards: 0,
     settings: 1
@@ -2620,24 +3132,30 @@ function FinancialPage({ config, provider, store, registries }) {
     return /* @__PURE__ */ jsx(FinancialContextProvider, { config, provider, store, children: /* @__PURE__ */ jsx(FinancialOnboarding, { onComplete: handleOnboardingComplete }) });
   }
   if (isSettings && registries && registries.length > 0) {
-    return /* @__PURE__ */ jsx(FinancialContextProvider, { config, provider, store, children: /* @__PURE__ */ jsx(PageTransition, { transitionKey: "settings", direction, children: /* @__PURE__ */ jsxs("div", { style: { padding: "24px" }, children: [
-      /* @__PURE__ */ jsxs("div", { style: { marginBottom: "16px" }, children: [
-        /* @__PURE__ */ jsx("h1", { style: { fontSize: "20px", fontWeight: 600, margin: 0 }, children: t2("financial.settingsPage.title") }),
-        /* @__PURE__ */ jsx("p", { style: { color: "var(--muted-foreground, #6b7280)", margin: "4px 0 0", fontSize: "14px" }, children: t2("financial.settingsPage.subtitle") })
-      ] }),
-      /* @__PURE__ */ jsx(FinancialGeneralSettings, {})
-    ] }) }) });
+    return /* @__PURE__ */ jsx(FinancialContextProvider, { config, provider, store, children: /* @__PURE__ */ jsx(PageTransition, { transitionKey: "settings", direction, children: /* @__PURE__ */ jsx("div", { style: { padding: "24px" }, children: /* @__PURE__ */ jsx(
+      PluginSettingsPanel,
+      {
+        title: t2("financial.settingsPage.title"),
+        subtitle: t2("financial.settingsPage.subtitle"),
+        generalSettings: /* @__PURE__ */ jsx(FinancialGeneralSettings, {}),
+        registries,
+        hostPluginId: "financial",
+        routeBase: "/settings/financial"
+      }
+    ) }) }) });
   }
   function renderView() {
     switch (intent.view) {
       case "payables":
-        return /* @__PURE__ */ jsx(PayablesView, { intent, onNavigate: navigate });
+        return /* @__PURE__ */ jsx(PayablesView, { intent, onNavigate: navigate, previousView, back });
       case "receivables":
-        return /* @__PURE__ */ jsx(ReceivablesView, { intent, onNavigate: navigate });
+        return /* @__PURE__ */ jsx(ReceivablesView, { intent, onNavigate: navigate, previousView, back });
       case "cash-registers":
         return /* @__PURE__ */ jsx(CashRegistersView, {});
       case "statements":
-        return /* @__PURE__ */ jsx(StatementsView, {});
+        return /* @__PURE__ */ jsx(StatementsView, { onNavigate: navigate });
+      case "reconciliation":
+        return /* @__PURE__ */ jsx(ReconciliationView, {});
       case "commissions":
         return /* @__PURE__ */ jsx(CommissionsView, {});
       case "cards":
@@ -2841,6 +3359,9 @@ function now() {
 function today() {
   return (/* @__PURE__ */ new Date()).toISOString().slice(0, 10);
 }
+function round2(n) {
+  return Math.round(n * 100) / 100;
+}
 function matchesDateRange(dateStr, range) {
   if (!range || !dateStr) return true;
   return dateStr >= range.from && dateStr <= range.to;
@@ -3044,37 +3565,60 @@ function createMockFinancialProvider(options) {
       return paginate(results, query.page, query.pageSize);
     },
     async payMovement(input) {
-      const movement = store.movements.find((m) => m.id === input.movementId);
-      if (!movement) throw new Error(`Movement ${input.movementId} not found`);
-      movement.paidAmount += input.amount;
-      movement.paymentDate = input.paymentDate;
-      movement.paymentMethodId = input.paymentMethodId ?? movement.paymentMethodId;
-      movement.bankAccountId = input.bankAccountId ?? movement.bankAccountId;
-      movement.cashSessionId = input.cashSessionId ?? movement.cashSessionId;
-      movement.cardBrand = input.cardBrand;
-      movement.cardInstallments = input.cardInstallments;
-      movement.status = movement.paidAmount >= movement.amount ? "paid" : "partial";
-      movement.updatedAt = now();
-      if (movement.bankAccountId) {
-        const account = store.bankAccounts.find((a) => a.id === movement.bankAccountId);
+      const bill = store.movements.find((m) => m.id === input.movementId);
+      if (!bill) throw new Error(`Movement ${input.movementId} not found`);
+      const method = input.paymentMethodId ? store.paymentMethods.find((pm) => pm.id === input.paymentMethodId) : void 0;
+      const feePct = bill.direction === "credit" ? method?.discountValue ?? 0 : 0;
+      const thisFee = round2(input.amount * (feePct / 100));
+      const payment = {
+        id: uid(),
+        invoiceId: bill.invoiceId,
+        direction: bill.direction,
+        movementKind: "payment",
+        amount: input.amount,
+        paidAmount: input.amount,
+        feeAmount: thisFee,
+        status: "paid",
+        dueDate: bill.dueDate,
+        paymentDate: input.paymentDate,
+        installmentNumber: bill.installmentNumber,
+        paymentMethodId: input.paymentMethodId,
+        paymentMethodTypeId: input.paymentMethodTypeId,
+        bankAccountId: input.bankAccountId,
+        cashSessionId: input.cashSessionId,
+        cardBrand: input.cardBrand,
+        cardInstallments: input.cardInstallments,
+        notes: input.notes,
+        tenantId,
+        createdAt: now(),
+        updatedAt: now()
+      };
+      store.movements.push(payment);
+      bill.paidAmount = round2(bill.paidAmount + input.amount);
+      bill.status = bill.paidAmount >= bill.amount ? "paid" : "partial";
+      bill.paymentDate = void 0;
+      bill.bankAccountId = void 0;
+      bill.updatedAt = now();
+      if (input.bankAccountId) {
+        const account = store.bankAccounts.find((a) => a.id === input.bankAccountId);
         if (account) {
-          if (movement.direction === "credit") {
-            account.currentBalance += input.amount;
+          if (bill.direction === "credit") {
+            account.currentBalance = round2(account.currentBalance + (input.amount - thisFee));
           } else {
-            account.currentBalance -= input.amount;
+            account.currentBalance = round2(account.currentBalance - input.amount);
           }
           account.updatedAt = now();
         }
       }
-      if (movement.invoiceId) {
-        const invoice = store.invoices.find((i) => i.id === movement.invoiceId);
+      if (bill.invoiceId) {
+        const invoice = store.invoices.find((i) => i.id === bill.invoiceId);
         if (invoice) {
-          const invoiceMovements = store.movements.filter((m) => m.invoiceId === invoice.id && m.movementKind === "bill");
-          invoice.paidAmount = invoiceMovements.reduce((sum, m) => sum + m.paidAmount, 0);
+          const bills = store.movements.filter((m) => m.invoiceId === invoice.id && m.movementKind === "bill");
+          invoice.paidAmount = bills.reduce((sum, m) => sum + m.paidAmount, 0);
           recalcInvoiceStatus(invoice);
         }
       }
-      return movement;
+      return payment;
     },
     async cancelMovement(id) {
       const movement = store.movements.find((m) => m.id === id);
@@ -3082,6 +3626,54 @@ function createMockFinancialProvider(options) {
       movement.status = "cancelled";
       movement.updatedAt = now();
     },
+    // --- Transfers (between accounts) ---
+    async createTransfer(input) {
+      if (!input.fromAccountId || !input.toAccountId || input.fromAccountId === input.toAccountId) {
+        throw new Error("Source and destination accounts must differ");
+      }
+      if (!(input.amount > 0)) throw new Error("Amount must be greater than zero");
+      const transferId = uid();
+      const debitMovementId = uid();
+      const creditMovementId = uid();
+      const base = {
+        movementKind: "transfer",
+        amount: input.amount,
+        paidAmount: input.amount,
+        feeAmount: 0,
+        status: "paid",
+        dueDate: input.date,
+        paymentDate: input.date,
+        notes: input.notes,
+        tenantId,
+        createdAt: now(),
+        updatedAt: now()
+      };
+      store.movements.push({
+        ...base,
+        id: debitMovementId,
+        direction: "debit",
+        bankAccountId: input.fromAccountId,
+        metadata: { transferId, transferRole: "out", counterAccountId: input.toAccountId }
+      });
+      store.movements.push({
+        ...base,
+        id: creditMovementId,
+        direction: "credit",
+        bankAccountId: input.toAccountId,
+        metadata: { transferId, transferRole: "in", counterAccountId: input.fromAccountId }
+      });
+      const from = store.bankAccounts.find((a) => a.id === input.fromAccountId);
+      const to = store.bankAccounts.find((a) => a.id === input.toAccountId);
+      if (from) {
+        from.currentBalance = round2(from.currentBalance - input.amount);
+        from.updatedAt = now();
+      }
+      if (to) {
+        to.currentBalance = round2(to.currentBalance + input.amount);
+        to.updatedAt = now();
+      }
+      return { transferId, debitMovementId, creditMovementId };
+    },
     // --- Bank Accounts ---
     async getBankAccounts() {
       return store.bankAccounts.filter((a) => a.isActive);
@@ -3186,25 +3778,76 @@ function createMockFinancialProvider(options) {
       if (dateRange) results = results.filter((t2) => matchesDateRange(t2.expectedDate, dateRange));
       return results.sort((a, b) => a.expectedDate.localeCompare(b.expectedDate));
     },
-    // --- Statements ---
+    // --- Statements (ERP extract: opening balance + realized cash + per-row net/fee) ---
     async getStatement(query) {
-      const account = store.bankAccounts.find((a) => a.id === query.bankAccountId);
-      if (!account) return [];
-      const movements = store.movements.filter(
-        (m) => m.bankAccountId === query.bankAccountId && m.status === "paid" && matchesDateRange(m.paymentDate, query.dateRange)
-      ).sort((a, b) => (a.paymentDate ?? "").localeCompare(b.paymentDate ?? ""));
-      let runningBalance = account.initialBalance;
-      const entries = [];
-      for (const movement of movements) {
-        if (movement.direction === "credit") {
-          runningBalance += movement.paidAmount;
-        } else {
-          runningBalance -= movement.paidAmount;
+      const todayStr = today();
+      const isRealized = (m) => m.status !== "cancelled" && !!m.paymentDate;
+      const consolidated = !query.bankAccountId;
+      const scopeAccounts = consolidated ? store.bankAccounts.filter((a) => a.isActive) : store.bankAccounts.filter((a) => a.id === query.bankAccountId);
+      const accountIds = new Set(scopeAccounts.map((a) => a.id));
+      const accountNameById = new Map(store.bankAccounts.map((a) => [a.id, a.name]));
+      const initialSum = scopeAccounts.reduce((s, a) => s + a.initialBalance, 0);
+      if (!consolidated && accountIds.size === 0) {
+        return { entries: [], openingBalance: 0, closingBalance: 0, totalCredits: 0, totalDebits: 0, totalFees: 0, net: 0, accountId: query.bankAccountId };
+      }
+      const netOf = (m) => m.direction === "credit" ? m.paidAmount - (m.feeAmount ?? 0) : -m.paidAmount;
+      const inScope = store.movements.filter((m) => isRealized(m) && (consolidated || m.bankAccountId && accountIds.has(m.bankAccountId)));
+      const openingBalance = round2(initialSum + inScope.filter((m) => (m.paymentDate ?? "") < query.dateRange.from).reduce((s, m) => s + netOf(m), 0));
+      const rangeMovs = inScope.filter((m) => matchesDateRange(m.paymentDate, query.dateRange)).sort((a, b) => (a.paymentDate ?? "").localeCompare(b.paymentDate ?? "") || a.createdAt.localeCompare(b.createdAt));
+      let balance = openingBalance;
+      let totalCredits = 0, totalDebits = 0, totalFees = 0;
+      const entries = rangeMovs.map((movement) => {
+        const gross = movement.paidAmount;
+        const isCredit = movement.direction === "credit";
+        const fee = isCredit ? movement.feeAmount ?? 0 : 0;
+        const net = isCredit ? round2(gross - fee) : gross;
+        const isTransfer = movement.movementKind === "transfer";
+        const meta = movement.metadata ?? {};
+        const entryKind = isTransfer ? meta.transferRole === "in" ? "transfer-in" : "transfer-out" : "movement";
+        const counterAccountId = isTransfer ? meta.counterAccountId : void 0;
+        balance = round2(isCredit ? balance + net : balance - net);
+        if (!(consolidated && isTransfer)) {
+          if (isCredit) totalCredits = round2(totalCredits + net);
+          else totalDebits = round2(totalDebits + net);
+          totalFees = round2(totalFees + fee);
         }
-        const invoice = movement.invoiceId ? store.invoices.find((i) => i.id === movement.invoiceId) : void 0;
-        entries.push({ movement, invoice, runningBalance });
+        return {
+          movement,
+          invoice: movement.invoiceId ? store.invoices.find((i) => i.id === movement.invoiceId) : void 0,
+          runningBalance: balance,
+          gross,
+          fee,
+          net,
+          entryKind,
+          counterAccountId,
+          counterAccountName: counterAccountId ? accountNameById.get(counterAccountId) : void 0
+        };
+      });
+      for (const e of entries) {
+        const mid = e.movement.matchedMovementId;
+        const mm = mid ? store.movements.find((m) => m.id === mid) : void 0;
+        if (!mm) continue;
+        const inv = mm.invoiceId ? store.invoices.find((i) => i.id === mm.invoiceId) : void 0;
+        e.reconciledWith = {
+          movementId: mm.id,
+          description: mm.notes ?? void 0,
+          invoiceId: mm.invoiceId,
+          fiscalNumber: inv?.fiscalNumber,
+          contactName: inv?.contactName
+        };
       }
-      return entries;
+      const accountCurrentBalance = round2(initialSum + inScope.filter((m) => (m.paymentDate ?? "") <= todayStr).reduce((s, m) => s + netOf(m), 0));
+      return {
+        entries,
+        openingBalance,
+        closingBalance: balance,
+        totalCredits,
+        totalDebits,
+        totalFees,
+        net: round2(totalCredits - totalDebits),
+        accountId: query.bankAccountId,
+        accountCurrentBalance
+      };
     },
     // --- Summary ---
     async getSummary(dateRange) {
@@ -3219,7 +3862,7 @@ function createMockFinancialProvider(options) {
       const monthStart = todayStr.slice(0, 7) + "-01";
       const monthEnd = todayStr;
       const monthMovements = store.movements.filter(
-        (m) => m.status === "paid" && matchesDateRange(m.paymentDate, dateRange ?? { from: monthStart, to: monthEnd })
+        (m) => m.movementKind === "payment" && matchesDateRange(m.paymentDate, dateRange ?? { from: monthStart, to: monthEnd })
       );
       const overdueReceivable = pendingReceivable.filter((m) => m.dueDate < todayStr);
       const overduePayable = pendingPayable.filter((m) => m.dueDate < todayStr);
@@ -3234,6 +3877,90 @@ function createMockFinancialProvider(options) {
         overduePayableCount: overduePayable.length,
         overduePayableAmount: overduePayable.reduce((s, m) => s + (m.amount - m.paidAmount), 0)
       };
+    },
+    // --- Reconciliation (conciliação) ---
+    async importBankTransactions(input) {
+      let imported = 0, duplicates = 0;
+      for (const line of input.lines) {
+        const dup = store.movements.some((m) => m.externalSource === line.externalSource && m.externalId === line.externalId);
+        if (dup) {
+          duplicates++;
+          continue;
+        }
+        store.movements.push({
+          id: uid(),
+          direction: line.direction,
+          movementKind: "payment",
+          amount: line.amount,
+          paidAmount: line.amount,
+          status: "paid",
+          dueDate: line.date,
+          paymentDate: line.date,
+          bankAccountId: line.bankAccountId ?? input.bankAccountId,
+          notes: line.description,
+          externalId: line.externalId,
+          externalSource: line.externalSource,
+          tenantId,
+          createdAt: now(),
+          updatedAt: now()
+        });
+        imported++;
+      }
+      return { imported, duplicates };
+    },
+    async getUnreconciled(query) {
+      let results = store.movements.filter((m) => m.externalSource && !m.reconciledAt);
+      if (query?.bankAccountId) results = results.filter((m) => m.bankAccountId === query.bankAccountId);
+      if (query?.dateRange) results = results.filter((m) => matchesDateRange(m.paymentDate, query.dateRange));
+      return results.sort((a, b) => (b.paymentDate ?? "").localeCompare(a.paymentDate ?? ""));
+    },
+    async suggestReconciliation(bankMovementId) {
+      const line = store.movements.find((m) => m.id === bankMovementId);
+      if (!line) return [];
+      const amount = line.amount;
+      const tol = Math.max(0.01, round2(amount * 0.02));
+      const lineDate = line.paymentDate ?? line.dueDate;
+      return store.movements.filter((m) => !m.externalSource && !m.reconciledAt && m.direction === line.direction && m.id !== bankMovementId && Math.abs(m.amount - amount) <= tol).map((m) => {
+        const amtScore = amount > 0 ? Math.max(0, 1 - Math.abs(m.amount - amount) / amount) : 0;
+        const refDate = m.dueDate ?? m.paymentDate;
+        const days = lineDate && refDate ? Math.abs((new Date(lineDate).getTime() - new Date(refDate).getTime()) / 864e5) : 30;
+        const dateScore = Math.max(0, 1 - days / 30);
+        return {
+          movement: m,
+          invoice: m.invoiceId ? store.invoices.find((i) => i.id === m.invoiceId) : void 0,
+          score: round2(0.7 * amtScore + 0.3 * dateScore)
+        };
+      }).sort((a, b) => b.score - a.score).slice(0, 25);
+    },
+    async reconcileMovement(input) {
+      const line = store.movements.find((m) => m.id === input.bankMovementId);
+      if (line) {
+        line.reconciledAt = now();
+        line.matchedMovementId = input.matchedMovementId;
+        line.updatedAt = now();
+      }
+      if (input.matchedMovementId) {
+        const internal = store.movements.find((m) => m.id === input.matchedMovementId);
+        if (internal) {
+          internal.reconciledAt = now();
+          internal.updatedAt = now();
+        }
+      }
+    },
+    async unreconcileMovement(bankMovementId) {
+      const line = store.movements.find((m) => m.id === bankMovementId);
+      if (!line) return;
+      const matchedId = line.matchedMovementId;
+      line.reconciledAt = void 0;
+      line.matchedMovementId = void 0;
+      line.updatedAt = now();
+      if (matchedId) {
+        const internal = store.movements.find((m) => m.id === matchedId);
+        if (internal) {
+          internal.reconciledAt = void 0;
+          internal.updatedAt = now();
+        }
+      }
     }
   };
   return provider;
@@ -3313,6 +4040,21 @@ async function fetchInvoiceBalances(pub, ids) {
   }
   return map;
 }
+function round22(n) {
+  return Math.round(n * 100) / 100;
+}
+async function getMethodFeePct(pub, paymentMethodId) {
+  if (!paymentMethodId) return 0;
+  const { data } = await pub.from("payment_methods").select("discount_value").eq("id", paymentMethodId).single();
+  return Number(data?.discount_value) || 0;
+}
+function genId() {
+  try {
+    if (typeof crypto !== "undefined" && crypto.randomUUID) return crypto.randomUUID();
+  } catch {
+  }
+  return "tr-" + Date.now().toString(36) + "-" + Math.random().toString(36).slice(2, 10);
+}
 function createSupabaseFinancialProvider() {
   const provider = {
     // --- Invoices (orders at stage=invoiced/paid/partial/overdue/cancelled with direction) ---
@@ -3513,16 +4255,38 @@ function createSupabaseFinancialProvider() {
       const { core, pub } = getClients();
       const { data: mov } = await pub.from("financial_movements").select("*").eq("id", input.movementId).single();
       if (!mov) throw new Error("Movement not found");
-      const newPaid = (mov.paid_amount ?? 0) + input.amount;
-      const newStatus = newPaid >= mov.amount ? "paid" : "partial";
-      const updates = { paid_amount: newPaid, status: newStatus, payment_date: input.paymentDate };
-      if (input.paymentMethodId) updates.payment_method_id = input.paymentMethodId;
-      if (input.paymentMethodTypeId) updates.payment_method_type_id = input.paymentMethodTypeId;
-      if (input.bankAccountId) updates.bank_account_id = input.bankAccountId;
-      if (input.cashSessionId) updates.cash_session_id = input.cashSessionId;
-      if (input.cardBrand) updates.card_brand = input.cardBrand;
-      if (input.cardInstallments) updates.card_installments = input.cardInstallments;
-      const { data } = await pub.from("financial_movements").update(updates).eq("id", input.movementId).select().single();
+      const tenantId = mov.tenant_id ?? getTenantId();
+      const feePct = mov.direction === "credit" ? await getMethodFeePct(pub, input.paymentMethodId) : 0;
+      const thisFee = round22(input.amount * (feePct / 100));
+      const paymentRow = {
+        tenant_id: tenantId,
+        invoice_id: mov.invoice_id,
+        direction: mov.direction,
+        movement_kind: "payment",
+        amount: input.amount,
+        paid_amount: input.amount,
+        fee_amount: thisFee,
+        status: "paid",
+        due_date: mov.due_date,
+        payment_date: input.paymentDate,
+        installment_number: mov.installment_number,
+        payment_method_id: input.paymentMethodId ?? null,
+        payment_method_type_id: input.paymentMethodTypeId ?? null,
+        bank_account_id: input.bankAccountId ?? null,
+        cash_session_id: input.cashSessionId ?? null,
+        card_brand: input.cardBrand ?? null,
+        card_installments: input.cardInstallments ?? null,
+        notes: input.notes ?? null
+      };
+      let { data, error } = await pub.from("financial_movements").insert(paymentRow).select().single();
+      if (error && /fee_amount/i.test(error.message ?? "")) {
+        const { fee_amount, ...rest } = paymentRow;
+        ({ data, error } = await pub.from("financial_movements").insert(rest).select().single());
+      }
+      if (error) throw error;
+      const newPaid = round22((mov.paid_amount ?? 0) + input.amount);
+      const billStatus = newPaid >= mov.amount ? "paid" : "partial";
+      await pub.from("financial_movements").update({ paid_amount: newPaid, status: billStatus, payment_date: null, bank_account_id: null }).eq("id", mov.id);
       if (mov.invoice_id) {
         const { data: allMovs } = await pub.from("financial_movements").select("status, amount, paid_amount").eq("invoice_id", mov.invoice_id).eq("movement_kind", "bill");
         const movs = allMovs ?? [];
@@ -3543,6 +4307,51 @@ function createSupabaseFinancialProvider() {
       const { pub } = getClients();
       await pub.from("financial_movements").update({ status: "cancelled" }).eq("id", id);
     },
+    // --- Transfers (between accounts) ---
+    async createTransfer(input) {
+      const { pub } = getClients();
+      if (!input.fromAccountId || !input.toAccountId || input.fromAccountId === input.toAccountId) {
+        throw new Error("Source and destination accounts must differ");
+      }
+      if (!(input.amount > 0)) throw new Error("Amount must be greater than zero");
+      const tenantId = getTenantId();
+      const transferId = genId();
+      const base = {
+        tenant_id: tenantId,
+        movement_kind: "transfer",
+        amount: input.amount,
+        paid_amount: input.amount,
+        fee_amount: 0,
+        status: "paid",
+        due_date: input.date,
+        payment_date: input.date,
+        notes: input.notes ?? null
+      };
+      const rowsToInsert = [
+        {
+          ...base,
+          direction: "debit",
+          bank_account_id: input.fromAccountId,
+          metadata: { transferId, transferRole: "out", counterAccountId: input.toAccountId }
+        },
+        {
+          ...base,
+          direction: "credit",
+          bank_account_id: input.toAccountId,
+          metadata: { transferId, transferRole: "in", counterAccountId: input.fromAccountId }
+        }
+      ];
+      let { data, error } = await pub.from("financial_movements").insert(rowsToInsert).select("id, direction");
+      if (error && /fee_amount/i.test(error.message ?? "")) {
+        const stripped = rowsToInsert.map(({ fee_amount, ...rest }) => rest);
+        ({ data, error } = await pub.from("financial_movements").insert(stripped).select("id, direction"));
+      }
+      if (error) throw error;
+      const rows = data ?? [];
+      const debitMovementId = rows.find((r) => r.direction === "debit")?.id ?? "";
+      const creditMovementId = rows.find((r) => r.direction === "credit")?.id ?? "";
+      return { transferId, debitMovementId, creditMovementId };
+    },
     // --- Bank Accounts ---
     async getBankAccounts() {
       const { pub } = getClients();
@@ -3640,18 +4449,102 @@ function createSupabaseFinancialProvider() {
       getClients();
       return [];
     },
-    // --- Statements ---
+    // --- Statements (ERP extract: opening balance + realized cash + per-row net/fee) ---
     async getStatement(query) {
-      const { pub } = getClients();
-      const { data: movs } = await pub.from("financial_movements").select("*").eq("bank_account_id", query.bankAccountId).eq("status", "paid").gte("payment_date", query.dateRange.from).lte("payment_date", query.dateRange.to).order("payment_date");
-      const { data: account } = await pub.from("bank_accounts").select("initial_balance").eq("id", query.bankAccountId).single();
-      let balance = account?.initial_balance ?? 0;
-      return (movs ?? []).map((r) => {
-        const mov = snakeToCamel(r);
-        if (mov.direction === "credit") balance += mov.paidAmount;
-        else balance -= mov.paidAmount;
-        return { movement: mov, runningBalance: balance };
+      const { core, pub } = getClients();
+      const today2 = (/* @__PURE__ */ new Date()).toISOString().slice(0, 10);
+      const { data: acctRows } = await pub.from("bank_accounts").select("id, name, initial_balance, is_active");
+      const allAccounts = acctRows ?? [];
+      const consolidated = !query.bankAccountId;
+      const scopeAccounts = consolidated ? allAccounts.filter((a) => a.is_active) : allAccounts.filter((a) => a.id === query.bankAccountId);
+      const accountIds = scopeAccounts.map((a) => a.id);
+      const accountNameById = new Map(allAccounts.map((a) => [a.id, a.name]));
+      const initialSum = scopeAccounts.reduce((s, a) => s + (Number(a.initial_balance) || 0), 0);
+      if (!consolidated && accountIds.length === 0) {
+        return { entries: [], openingBalance: 0, closingBalance: 0, totalCredits: 0, totalDebits: 0, totalFees: 0, net: 0, accountId: query.bankAccountId };
+      }
+      const scopeFilter = (qb) => consolidated ? qb : qb.in("bank_account_id", accountIds);
+      const netOf = (r) => r.direction === "credit" ? (Number(r.paid_amount) || 0) - (Number(r.fee_amount) || 0) : -(Number(r.paid_amount) || 0);
+      const { data: priorRows } = await scopeFilter(pub.from("financial_movements").select("*").neq("status", "cancelled").lt("payment_date", query.dateRange.from));
+      const priorNet = (priorRows ?? []).reduce((s, r) => s + netOf(r), 0);
+      const openingBalance = round22(initialSum + priorNet);
+      const { data: movs } = await scopeFilter(pub.from("financial_movements").select("*").neq("status", "cancelled").gte("payment_date", query.dateRange.from).lte("payment_date", query.dateRange.to).order("payment_date").order("created_at"));
+      const invoiceIds = [...new Set((movs ?? []).map((r) => r.invoice_id).filter(Boolean))];
+      const invoiceById = /* @__PURE__ */ new Map();
+      if (invoiceIds.length) {
+        const { data: orders } = await core.from("orders").select("id, party_id, reference_number, metadata").in("id", invoiceIds);
+        for (const o of orders ?? []) {
+          invoiceById.set(o.id, { id: o.id, contactId: o.party_id, contactName: o.metadata?.contactName, fiscalNumber: o.reference_number });
+        }
+      }
+      let balance = openingBalance;
+      let totalCredits = 0, totalDebits = 0, totalFees = 0;
+      const entries = (movs ?? []).map((r) => {
+        const movement = snakeToCamel(r);
+        const gross = Number(r.paid_amount) || 0;
+        const isCredit = r.direction === "credit";
+        const fee = isCredit ? Number(r.fee_amount) || 0 : 0;
+        const net = isCredit ? round22(gross - fee) : gross;
+        const meta = r.metadata ?? {};
+        const isTransfer = r.movement_kind === "transfer";
+        const entryKind = isTransfer ? meta.transferRole === "in" ? "transfer-in" : "transfer-out" : "movement";
+        const counterAccountId = isTransfer ? meta.counterAccountId : void 0;
+        if (isCredit) balance = round22(balance + net);
+        else balance = round22(balance - net);
+        if (!(consolidated && isTransfer)) {
+          if (isCredit) totalCredits = round22(totalCredits + net);
+          else totalDebits = round22(totalDebits + net);
+          totalFees = round22(totalFees + fee);
+        }
+        return {
+          movement,
+          invoice: r.invoice_id ? invoiceById.get(r.invoice_id) : void 0,
+          runningBalance: balance,
+          gross,
+          fee,
+          net,
+          entryKind,
+          counterAccountId,
+          counterAccountName: counterAccountId ? accountNameById.get(counterAccountId) : void 0
+        };
       });
+      const matchedIds = [...new Set(entries.map((e) => e.movement.matchedMovementId).filter(Boolean))];
+      if (matchedIds.length) {
+        const { data: matched } = await pub.from("financial_movements").select("id, invoice_id, notes").in("id", matchedIds);
+        const matchedById = new Map((matched ?? []).map((m) => [m.id, m]));
+        const matchedInvoiceIds = [...new Set((matched ?? []).map((m) => m.invoice_id).filter(Boolean))];
+        const invById = /* @__PURE__ */ new Map();
+        if (matchedInvoiceIds.length) {
+          const { data: orders } = await core.from("orders").select("id, reference_number, metadata").in("id", matchedInvoiceIds);
+          for (const o of orders ?? []) invById.set(o.id, o);
+        }
+        for (const e of entries) {
+          const mid = e.movement.matchedMovementId;
+          const mm = mid ? matchedById.get(mid) : void 0;
+          if (!mm) continue;
+          const inv = mm.invoice_id ? invById.get(mm.invoice_id) : void 0;
+          e.reconciledWith = {
+            movementId: mm.id,
+            description: mm.notes ?? void 0,
+            invoiceId: mm.invoice_id ?? void 0,
+            fiscalNumber: inv?.reference_number ?? void 0,
+            contactName: inv?.metadata?.contactName ?? void 0
+          };
+        }
+      }
+      const { data: todayRows } = await scopeFilter(pub.from("financial_movements").select("*").neq("status", "cancelled").lte("payment_date", today2));
+      const accountCurrentBalance = round22(initialSum + (todayRows ?? []).reduce((s, r) => s + netOf(r), 0));
+      return {
+        entries,
+        openingBalance,
+        closingBalance: balance,
+        totalCredits,
+        totalDebits,
+        totalFees,
+        net: round22(totalCredits - totalDebits),
+        accountId: query.bankAccountId,
+        accountCurrentBalance
+      };
     },
     // --- Summary ---
     async getSummary(dateRange) {
@@ -3668,7 +4561,7 @@ function createSupabaseFinancialProvider() {
       const overdueCredit = unpaidCredit.filter((m) => m.status === "overdue" || m.due_date < today2);
       const overdueDebit = unpaidDebit.filter((m) => m.status === "overdue" || m.due_date < today2);
       const monthStart = today2.slice(0, 7) + "-01";
-      const monthPaid = allMovs.filter((m) => m.status === "paid" && m.payment_date >= monthStart);
+      const monthPaid = allMovs.filter((m) => m.movement_kind === "payment" && m.payment_date >= monthStart);
       return {
         totalBalance,
         totalReceivable: unpaidCredit.reduce((s, m) => s + m.amount - m.paid_amount, 0),
@@ -3680,6 +4573,93 @@ function createSupabaseFinancialProvider() {
         overduePayableCount: overdueDebit.length,
         overduePayableAmount: overdueDebit.reduce((s, m) => s + m.amount - m.paid_amount, 0)
       };
+    },
+    // --- Reconciliation (conciliação) ---
+    // Imported bank-statement lines live in financial_movements tagged with
+    // (external_source, external_id), status='paid'. Reconciling links a line
+    // to the internal movement it settles (or accepts it standalone).
+    async importBankTransactions(input) {
+      const { pub } = getClients();
+      const tenantId = getTenantId();
+      let imported = 0, duplicates = 0;
+      for (const line of input.lines) {
+        const { error } = await pub.from("financial_movements").insert({
+          tenant_id: tenantId,
+          direction: line.direction,
+          movement_kind: "payment",
+          amount: line.amount,
+          paid_amount: line.amount,
+          status: "paid",
+          due_date: line.date,
+          payment_date: line.date,
+          bank_account_id: line.bankAccountId ?? input.bankAccountId ?? null,
+          notes: line.description,
+          external_id: line.externalId,
+          external_source: line.externalSource
+        });
+        if (error) {
+          if (error.code === "23505") duplicates++;
+          else throw error;
+        } else imported++;
+      }
+      return { imported, duplicates };
+    },
+    async getUnreconciled(query) {
+      const { pub } = getClients();
+      let qb = pub.from("financial_movements").select("*").not("external_source", "is", null).is("reconciled_at", null);
+      if (query?.bankAccountId) qb = qb.eq("bank_account_id", query.bankAccountId);
+      if (query?.dateRange) qb = qb.gte("payment_date", query.dateRange.from).lte("payment_date", query.dateRange.to);
+      const { data } = await qb.order("payment_date", { ascending: false });
+      return (data ?? []).map((r) => snakeToCamel(r));
+    },
+    async suggestReconciliation(bankMovementId) {
+      const { core, pub } = getClients();
+      const { data: line } = await pub.from("financial_movements").select("*").eq("id", bankMovementId).single();
+      if (!line) return [];
+      const amount = Number(line.amount) || 0;
+      const lineDate = line.payment_date ?? line.due_date;
+      const tol = Math.max(0.01, round22(amount * 0.02));
+      const { data } = await pub.from("financial_movements").select("*").is("external_source", null).is("reconciled_at", null).eq("direction", line.direction).gte("amount", round22(amount - tol)).lte("amount", round22(amount + tol)).neq("id", bankMovementId).limit(25);
+      const candidates = (data ?? []).map((r) => {
+        const amtDiff = Math.abs((Number(r.amount) || 0) - amount);
+        const amtScore = amount > 0 ? Math.max(0, 1 - amtDiff / amount) : 0;
+        const refDate = r.due_date ?? r.payment_date;
+        const days = lineDate && refDate ? Math.abs((new Date(lineDate).getTime() - new Date(refDate).getTime()) / 864e5) : 30;
+        const dateScore = Math.max(0, 1 - days / 30);
+        return {
+          movement: snakeToCamel(r),
+          score: round22(0.7 * amtScore + 0.3 * dateScore)
+        };
+      }).sort((a, b) => b.score - a.score);
+      const invoiceIds = [...new Set(candidates.map((c) => c.movement.invoiceId).filter(Boolean))];
+      if (invoiceIds.length) {
+        const { data: orders } = await core.from("orders").select("id, reference_number, metadata").in("id", invoiceIds);
+        const byId = new Map((orders ?? []).map((o) => [o.id, o]));
+        for (const c of candidates) {
+          const o = c.movement.invoiceId ? byId.get(c.movement.invoiceId) : void 0;
+          if (o) c.invoice = { id: o.id, contactName: o.metadata?.contactName, fiscalNumber: o.reference_number };
+        }
+      }
+      return candidates;
+    },
+    async reconcileMovement(input) {
+      const { pub } = getClients();
+      const now2 = (/* @__PURE__ */ new Date()).toISOString();
+      await pub.from("financial_movements").update({
+        reconciled_at: now2,
+        matched_movement_id: input.matchedMovementId ?? null
+      }).eq("id", input.bankMovementId);
+      if (input.matchedMovementId) {
+        await pub.from("financial_movements").update({ reconciled_at: now2 }).eq("id", input.matchedMovementId);
+      }
+    },
+    async unreconcileMovement(bankMovementId) {
+      const { pub } = getClients();
+      const { data: line } = await pub.from("financial_movements").select("matched_movement_id").eq("id", bankMovementId).single();
+      await pub.from("financial_movements").update({ reconciled_at: null, matched_movement_id: null }).eq("id", bankMovementId);
+      if (line?.matched_movement_id) {
+        await pub.from("financial_movements").update({ reconciled_at: null }).eq("id", line.matched_movement_id);
+      }
     }
   };
   return provider;
@@ -3701,8 +4681,9 @@ function createFinancialStore(provider) {
     paymentMethodTypes: [],
     summary: null,
     summaryLoading: false,
-    statementEntries: [],
+    statement: null,
     statementLoading: false,
+    statementQuery: null,
     cardTransactions: [],
     cardsLoading: false,
     async fetchSummary(dateRange) {
@@ -3744,9 +4725,9 @@ function createFinancialStore(provider) {
     },
     async fetchStatement(query) {
       return dedup("fin:statement:" + JSON.stringify(query), async () => {
-        set({ statementLoading: true });
-        const statementEntries = await provider.getStatement(query);
-        set({ statementEntries, statementLoading: false });
+        set({ statementLoading: true, statementQuery: query });
+        const statement = await provider.getStatement(query);
+        set({ statement, statementLoading: false });
       });
     },
     async fetchCardTransactions(dateRange) {
@@ -3782,6 +4763,22 @@ function createFinancialStore(provider) {
         throw err;
       }
     },
+    async createTransfer(input) {
+      try {
+        await provider.createTransfer(input);
+        const query = get().statementQuery;
+        const [bankAccounts, summary, statement] = await Promise.all([
+          provider.getBankAccounts(),
+          provider.getSummary(),
+          query ? provider.getStatement(query) : Promise.resolve(get().statement)
+        ]);
+        set({ bankAccounts, summary, statement });
+        toast.success("Transfer recorded");
+      } catch (err) {
+        toast.error("Failed to record transfer", { description: err?.message });
+        throw err;
+      }
+    },
     async cancelInvoice(invoiceId) {
       try {
         await provider.cancelInvoice(invoiceId);
@@ -3843,7 +4840,9 @@ var paymentMethodEntity = {
   defaultSort: "name",
   fields: [
     { key: "name", label: "Name", type: "text", required: true, showInTable: true },
-    { key: "paymentMethodTypeId", label: "Type", type: "select", options: ["cash", "credit_card", "debit_card", "pix", "bank_transfer", "check"], showInTable: true, required: true },
+    // FK to the seeded payment_method_types catalog — load real ids at runtime
+    // (a static enum select would write the string into the uuid column).
+    { key: "paymentMethodTypeId", label: "Type", type: "relation", relation: { table: "payment_method_types", labelField: "name" }, showInTable: true, required: true },
     { key: "discountValue", label: "Discount %", type: "number", showInTable: true },
     { key: "interestValue", label: "Interest %", type: "number", showInTable: true },
     { key: "minInstallments", label: "Min Installments", type: "number", defaultValue: 1 },
@@ -4206,6 +5205,21 @@ var en = {
   "financial.nav.rules": "Rules",
   "financial.nav.statements": "Statements",
   "financial.nav.summary": "Summary",
+  "financial.reconciliation.title": "Reconciliation",
+  "financial.reconciliation.subtitle": "Match imported bank lines to your movements",
+  "financial.reconciliation.pending": "{{count}} to reconcile",
+  "financial.reconciliation.allDone": "All caught up",
+  "financial.reconciliation.empty": "Nothing to reconcile",
+  "financial.reconciliation.emptyHint": "Imported bank transactions will appear here for matching.",
+  "financial.reconciliation.bankLines": "Bank lines",
+  "financial.reconciliation.candidates": "Suggested matches",
+  "financial.reconciliation.selectLine": "Select a bank line to see suggested matches",
+  "financial.reconciliation.noCandidates": "No suggested matches for this line",
+  "financial.reconciliation.match": "Match",
+  "financial.reconciliation.accept": "Accept as new",
+  "financial.reconciliation.acceptHint": "No internal counterpart \u2014 keep as a standalone entry",
+  "financial.reconciliation.matchScore": "{{score}}% match",
+  "financial.reconciliation.refresh": "Refresh",
   "financial.onboarding.back": "Back",
   "financial.onboarding.configureHint": "You can configure this in detail from the Settings gear icon inside the Financial module.",
   "financial.onboarding.getStarted": "Get Started",
@@ -4270,6 +5284,8 @@ var en = {
   "financial.settingsPage.title": "Financial Settings",
   "financial.payment.noMethods": "No payment methods configured.",
   "financial.payment.configureMethods": "Set up payment methods",
+  "financial.payment.noAccounts": "No compatible account. Create one in Settings.",
+  "financial.payment.configureAccounts": "Set up accounts",
   "financial.statements.account": "Account",
   "financial.statements.from": "From",
   "financial.statements.noTransactions": "No transactions in this period",
@@ -4405,7 +5421,66 @@ var en = {
   "financial.cashRegister.close": "Close Register",
   "financial.movements.title": "Movements",
   "financial.bankAccounts.title": "Bank Accounts",
-  "financial.settings.title": "Financial Settings"
+  "financial.settings.title": "Financial Settings",
+  // Settings registry tabs
+  "registry.payment-methods": "Payment Methods",
+  "registry.payment-methods.description": "Configured payment methods with fees and installment rules",
+  "registry.bank-accounts": "Accounts",
+  "registry.bank-accounts.description": "Bank accounts, cash registers, credit cards, and digital wallets",
+  "registry.chart-of-accounts": "Chart of Accounts",
+  "registry.chart-of-accounts.description": "Hierarchical chart of accounts for categorizing transactions",
+  "registry.cost-centers": "Cost Centers",
+  "registry.cost-centers.description": "Cost centers for expense tracking and departmental budgets",
+  "registry.commission-rules": "Commission Rules",
+  "registry.commission-rules.description": "Commission rules for service and product revenue sharing",
+  "registry.price-tables": "Price Tables",
+  "registry.price-tables.description": "Price tables for sale and cost pricing",
+  "registry.price-variations": "Price Variations",
+  "registry.price-variations.description": "Discount and surcharge rules for pricing",
+  "registry.payment-method-types": "Payment Types",
+  "registry.payment-method-types.description": "System payment types (cash, card, PIX, etc.)",
+  "registry.card-brands": "Card Brands",
+  "registry.card-brands.description": "Credit and debit card brands",
+  // Statements / extract
+  "financial.statements.columnDate": "Date",
+  "financial.statements.columnDescription": "Description",
+  "financial.statements.columnDebit": "Debit",
+  "financial.statements.columnCredit": "Credit",
+  "financial.statements.columnFee": "Fee",
+  "financial.statements.columnBalance": "Balance",
+  "financial.statements.columnMethod": "Method",
+  "financial.statements.columnDoc": "Document",
+  "financial.statements.installmentShort": "Inst. {{n}}",
+  "financial.statements.viewInvoice": "View invoice",
+  "financial.person.empty": "No financial activity for this contact yet",
+  "financial.statements.opening": "Opening balance",
+  "financial.statements.closing": "Closing balance",
+  "financial.statements.currentBalance": "Current balance",
+  "financial.statements.totalCredits": "Credits",
+  "financial.statements.totalDebits": "Debits",
+  "financial.statements.totalFees": "Fees",
+  "financial.statements.net": "Net",
+  "financial.statements.transfer": "Transfer",
+  "financial.statements.reconciled": "Reconciled with the bank statement",
+  "financial.statements.imported": "Imported from the bank \xB7 not reconciled",
+  "financial.statements.reconciledWith": "Reconciled with {{ref}}",
+  "financial.statements.newTransfer": "New Transfer",
+  // Transfer dialog
+  "financial.transfer.title": "Transfer Between Accounts",
+  "financial.transfer.from": "From account",
+  "financial.transfer.to": "To account",
+  "financial.transfer.amount": "Amount",
+  "financial.transfer.date": "Date",
+  "financial.transfer.notes": "Notes",
+  "financial.transfer.optionalNotes": "Optional notes...",
+  "financial.transfer.selectAccount": "Select account...",
+  "financial.transfer.submit": "Transfer",
+  "financial.transfer.processing": "Transferring...",
+  "financial.transfer.cancel": "Cancel",
+  "financial.transfer.created": "Transfer recorded",
+  "financial.transfer.failed": "Failed to record transfer",
+  "financial.transfer.sameAccount": "Source and destination must differ",
+  "financial.transfer.invalidAmount": "Amount must be greater than zero"
 };
 
 // src/locales/pt-BR.ts
@@ -4538,6 +5613,21 @@ var ptBR = {
   "financial.nav.rules": "Regras",
   "financial.nav.statements": "Extratos",
   "financial.nav.summary": "Resumo",
+  "financial.reconciliation.title": "Concilia\xE7\xE3o",
+  "financial.reconciliation.subtitle": "Concilie as linhas importadas do banco com seus lan\xE7amentos",
+  "financial.reconciliation.pending": "{{count}} para conciliar",
+  "financial.reconciliation.allDone": "Tudo conciliado",
+  "financial.reconciliation.empty": "Nada para conciliar",
+  "financial.reconciliation.emptyHint": "As transa\xE7\xF5es banc\xE1rias importadas aparecem aqui para concilia\xE7\xE3o.",
+  "financial.reconciliation.bankLines": "Linhas do banco",
+  "financial.reconciliation.candidates": "Correspond\xEAncias sugeridas",
+  "financial.reconciliation.selectLine": "Selecione uma linha do banco para ver as sugest\xF5es",
+  "financial.reconciliation.noCandidates": "Nenhuma correspond\xEAncia sugerida para esta linha",
+  "financial.reconciliation.match": "Conciliar",
+  "financial.reconciliation.accept": "Aceitar como novo",
+  "financial.reconciliation.acceptHint": "Sem contrapartida interna \u2014 manter como lan\xE7amento avulso",
+  "financial.reconciliation.matchScore": "{{score}}% compat\xEDvel",
+  "financial.reconciliation.refresh": "Atualizar",
   "financial.onboarding.back": "Voltar",
   "financial.onboarding.configureHint": "Voc\xEA pode configurar isso em detalhes pelo \xEDcone de Configura\xE7\xF5es dentro do m\xF3dulo Financeiro.",
   "financial.onboarding.getStarted": "Come\xE7ar",
@@ -4602,6 +5692,8 @@ var ptBR = {
   "financial.settingsPage.title": "Configura\xE7\xF5es Financeiras",
   "financial.payment.noMethods": "Nenhuma forma de pagamento configurada.",
   "financial.payment.configureMethods": "Configurar formas de pagamento",
+  "financial.payment.noAccounts": "Nenhuma conta compat\xEDvel. Crie uma nas Configura\xE7\xF5es.",
+  "financial.payment.configureAccounts": "Configurar contas",
   "financial.statements.account": "Conta",
   "financial.statements.from": "De",
   "financial.statements.noTransactions": "Sem transa\xE7\xF5es neste per\xEDodo",
@@ -4737,7 +5829,66 @@ var ptBR = {
   "financial.cashRegister.close": "Fechar Caixa",
   "financial.movements.title": "Movimenta\xE7\xF5es",
   "financial.bankAccounts.title": "Contas Banc\xE1rias",
-  "financial.settings.title": "Configura\xE7\xF5es Financeiras"
+  "financial.settings.title": "Configura\xE7\xF5es Financeiras",
+  // Abas de registros nas configurações
+  "registry.payment-methods": "Formas de Pagamento",
+  "registry.payment-methods.description": "Formas de pagamento configuradas com taxas e regras de parcelamento",
+  "registry.bank-accounts": "Contas",
+  "registry.bank-accounts.description": "Contas banc\xE1rias, caixas, cart\xF5es de cr\xE9dito e carteiras digitais",
+  "registry.chart-of-accounts": "Plano de Contas",
+  "registry.chart-of-accounts.description": "Plano de contas hier\xE1rquico para categorizar transa\xE7\xF5es",
+  "registry.cost-centers": "Centros de Custo",
+  "registry.cost-centers.description": "Centros de custo para controle de despesas e or\xE7amentos por departamento",
+  "registry.commission-rules": "Regras de Comiss\xE3o",
+  "registry.commission-rules.description": "Regras de comiss\xE3o para servi\xE7os e produtos",
+  "registry.price-tables": "Tabelas de Pre\xE7o",
+  "registry.price-tables.description": "Tabelas de pre\xE7o de venda e custo",
+  "registry.price-variations": "Varia\xE7\xF5es de Pre\xE7o",
+  "registry.price-variations.description": "Regras de desconto e acr\xE9scimo de pre\xE7os",
+  "registry.payment-method-types": "Tipos de Pagamento",
+  "registry.payment-method-types.description": "Tipos de pagamento do sistema (dinheiro, cart\xE3o, PIX, etc.)",
+  "registry.card-brands": "Bandeiras de Cart\xE3o",
+  "registry.card-brands.description": "Bandeiras de cart\xE3o de cr\xE9dito e d\xE9bito",
+  // Extrato
+  "financial.statements.columnDate": "Data",
+  "financial.statements.columnDescription": "Descri\xE7\xE3o",
+  "financial.statements.columnDebit": "D\xE9bito",
+  "financial.statements.columnCredit": "Cr\xE9dito",
+  "financial.statements.columnFee": "Taxa",
+  "financial.statements.columnBalance": "Saldo",
+  "financial.statements.columnMethod": "Forma",
+  "financial.statements.columnDoc": "Documento",
+  "financial.statements.installmentShort": "Parc. {{n}}",
+  "financial.statements.viewInvoice": "Ver fatura",
+  "financial.person.empty": "Nenhuma atividade financeira para este contato ainda",
+  "financial.statements.opening": "Saldo inicial",
+  "financial.statements.closing": "Saldo final",
+  "financial.statements.currentBalance": "Saldo atual",
+  "financial.statements.totalCredits": "Cr\xE9ditos",
+  "financial.statements.totalDebits": "D\xE9bitos",
+  "financial.statements.totalFees": "Taxas",
+  "financial.statements.net": "L\xEDquido",
+  "financial.statements.transfer": "Transfer\xEAncia",
+  "financial.statements.reconciled": "Conciliado com o extrato banc\xE1rio",
+  "financial.statements.imported": "Importado do banco \xB7 n\xE3o conciliado",
+  "financial.statements.reconciledWith": "Conciliado com {{ref}}",
+  "financial.statements.newTransfer": "Nova Transfer\xEAncia",
+  // Diálogo de transferência
+  "financial.transfer.title": "Transfer\xEAncia entre Contas",
+  "financial.transfer.from": "Conta de origem",
+  "financial.transfer.to": "Conta de destino",
+  "financial.transfer.amount": "Valor",
+  "financial.transfer.date": "Data",
+  "financial.transfer.notes": "Observa\xE7\xF5es",
+  "financial.transfer.optionalNotes": "Observa\xE7\xF5es opcionais...",
+  "financial.transfer.selectAccount": "Selecione a conta...",
+  "financial.transfer.submit": "Transferir",
+  "financial.transfer.processing": "Transferindo...",
+  "financial.transfer.cancel": "Cancelar",
+  "financial.transfer.created": "Transfer\xEAncia registrada",
+  "financial.transfer.failed": "Falha ao registrar transfer\xEAncia",
+  "financial.transfer.sameAccount": "Origem e destino devem ser diferentes",
+  "financial.transfer.invalidAmount": "O valor deve ser maior que zero"
 };
 
 // src/locales/index.ts
@@ -4745,8 +5896,104 @@ var financialLocales = {
   en,
   "pt-BR": ptBR
 };
-
-// src/index.ts
+var STATUS_STYLE = {
+  paid: "bg-success/15 text-success",
+  partial: "bg-warning/15 text-warning",
+  overdue: "bg-destructive/15 text-destructive",
+  open: "bg-muted text-muted-foreground",
+  cancelled: "bg-muted text-muted-foreground line-through"
+};
+function PersonStatementWidget({ person, provider, config }) {
+  const t2 = useTranslation();
+  const currency = config.currency;
+  const [invoices, setInvoices] = useState([]);
+  const [loading, setLoading] = useState(true);
+  useEffect(() => {
+    let alive = true;
+    if (!person?.id) {
+      setLoading(false);
+      return;
+    }
+    setLoading(true);
+    provider.getInvoices({ contactId: person.id, pageSize: 200 }).then((r) => {
+      if (alive) {
+        setInvoices(r.data);
+        setLoading(false);
+      }
+    }).catch(() => {
+      if (alive) setLoading(false);
+    });
+    return () => {
+      alive = false;
+    };
+  }, [person?.id, provider]);
+  const fmt = (n) => formatCurrency(n, currency);
+  const totals = useMemo(() => {
+    const active = invoices.filter((i) => i.status !== "cancelled");
+    const billed = active.reduce((s, i) => s + (i.totalAmount ?? 0), 0);
+    const paid = active.reduce((s, i) => s + (i.paidAmount ?? 0), 0);
+    return { billed, paid, balance: billed - paid };
+  }, [invoices]);
+  const openInvoice = (inv) => {
+    const base = inv.direction === "credit" ? "receivables" : "payables";
+    window.location.hash = `/financial/${base}/detail/${inv.id}`;
+  };
+  const columns = useMemo(() => [
+    {
+      id: "date",
+      header: t2("financial.invoice.columnDate"),
+      cell: ({ row }) => /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-xs", children: row.original.invoiceDate })
+    },
+    {
+      id: "description",
+      header: t2("financial.invoice.columnDescription"),
+      cell: ({ row }) => {
+        const inv = row.original;
+        return /* @__PURE__ */ jsxs("button", { onClick: () => openInvoice(inv), className: "text-left", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-primary hover:underline", children: inv.itemsSummary || inv.contactName || t2("financial.invoice.invoice") }),
+          inv.fiscalNumber && /* @__PURE__ */ jsx("span", { className: "ml-1.5 text-[10px] text-muted-foreground font-mono", children: inv.fiscalNumber })
+        ] });
+      }
+    },
+    {
+      id: "amount",
+      header: t2("financial.invoice.columnAmount"),
+      cell: ({ row }) => /* @__PURE__ */ jsx("span", { className: `text-right block text-xs ${row.original.direction === "credit" ? "text-success" : "text-destructive"}`, children: fmt(row.original.totalAmount) })
+    },
+    {
+      id: "paid",
+      header: t2("financial.invoice.columnPaid"),
+      cell: ({ row }) => /* @__PURE__ */ jsx("span", { className: "text-right block text-xs text-muted-foreground", children: fmt(row.original.paidAmount) })
+    },
+    {
+      id: "balance",
+      header: t2("financial.statements.columnBalance"),
+      cell: ({ row }) => /* @__PURE__ */ jsx("span", { className: "text-right block text-xs font-medium", children: fmt((row.original.totalAmount ?? 0) - (row.original.paidAmount ?? 0)) })
+    },
+    {
+      id: "status",
+      header: t2("financial.invoice.columnStatus"),
+      cell: ({ row }) => /* @__PURE__ */ jsx("span", { className: `inline-flex rounded-full px-1.5 py-0.5 text-[9px] font-medium capitalize ${STATUS_STYLE[row.original.status] ?? STATUS_STYLE.open}`, children: row.original.status })
+    }
+  ], [currency, t2]);
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-3 gap-2", children: [
+      /* @__PURE__ */ jsx(Stat, { label: t2("financial.invoice.summaryTotal"), value: fmt(totals.billed) }),
+      /* @__PURE__ */ jsx(Stat, { label: t2("financial.invoice.summaryPaid"), value: fmt(totals.paid), positive: true }),
+      /* @__PURE__ */ jsx(Stat, { label: t2("financial.statements.columnBalance"), value: fmt(totals.balance), accent: true })
+    ] }),
+    loading ? /* @__PURE__ */ jsx(DataTable, { columns, data: [], loading: true, skeletonRows: 5, compact: true }) : invoices.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-10 text-center rounded-lg border-2 border-dashed border-muted", children: [
+      /* @__PURE__ */ jsx(Wallet, { className: "h-7 w-7 text-muted-foreground mb-2" }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t2("financial.person.empty") })
+    ] }) : /* @__PURE__ */ jsx(DataTable, { columns, data: invoices, compact: true })
+  ] });
+}
+function Stat({ label, value, accent, positive }) {
+  return /* @__PURE__ */ jsxs("div", { className: `rounded-lg border px-3 py-2 ${accent ? "bg-muted/40" : "bg-card"}`, children: [
+    /* @__PURE__ */ jsx("p", { className: "text-[10px] font-medium text-muted-foreground uppercase truncate", children: label }),
+    /* @__PURE__ */ jsx("p", { className: `text-sm font-semibold mt-0.5 ${positive ? "text-success" : "text-foreground"}`, children: value })
+  ] });
+}
 function createSafeFinancialProvider() {
   return createSafeDataProvider(
     () => createSupabaseFinancialProvider(),
@@ -4787,7 +6034,9 @@ function resolveConfig(options) {
       cashRegisters: options?.modules?.cashRegisters !== false,
       statements: options?.modules?.statements !== false,
       commissions: options?.modules?.commissions !== false,
-      cards: options?.modules?.cards !== false
+      cards: options?.modules?.cards !== false,
+      // Opt-in: only shown when an app explicitly enables reconciliation (bank connector present).
+      reconciliation: options?.modules?.reconciliation === true
     },
     labels: { ...DEFAULT_LABELS, ...options?.labels },
     currency: { ...DEFAULT_CURRENCY, ...options?.currency },
@@ -4809,7 +6058,9 @@ function createFinancialPlugin(options) {
   const provider = options?.dataProvider ?? createSafeFinancialProvider();
   const store = createFinancialStore(provider);
   const dashboardWidgets = createFinancialDashboardWidgets({ config, provider, store });
-  const PageComponent = () => React11.createElement(FinancialPage, { config, provider, store, registries: financialRegistries });
+  const PersonStatementBound = (props) => React14.createElement(PersonStatementWidget, { person: props.item, provider, config });
+  PersonStatementBound.displayName = "FinancialPersonStatement";
+  const PageComponent = () => React14.createElement(FinancialPage, { config, provider, store, registries: financialRegistries });
   return {
     id: "financial",
     name: config.labels.pageTitle,
@@ -4842,7 +6093,15 @@ function createFinancialPlugin(options) {
         permission: { feature: "financial", action: "read" }
       }
     ],
-    widgets: [],
+    widgets: [
+      {
+        id: "financial-person-statement",
+        zone: "person.detail.financial",
+        component: PersonStatementBound,
+        order: 0,
+        permission: { feature: "financial", action: "read" }
+      }
+    ],
     dashboardWidgets,
     aiTools: [
       {
@@ -4913,7 +6172,14 @@ function createFinancialPlugin(options) {
         label: "Financial",
         icon: "DollarSign",
         component: (() => {
-          const FinancialSettingsTab = () => React11.createElement(FinancialGeneralSettings);
+          const FinancialSettingsTab = () => React14.createElement(PluginSettingsPanel, {
+            title: "Financial Settings",
+            subtitle: "Payment methods, accounts, and configurations",
+            generalSettings: React14.createElement(FinancialGeneralSettings),
+            registries: financialRegistries,
+            hostPluginId: "financial",
+            routeBase: "/settings/financial"
+          });
           FinancialSettingsTab.displayName = "FinancialSettingsTab";
           return FinancialSettingsTab;
         })(),