@fayz-ai/plugin-financial 0.10.0 → 0.11.0

package/dist/index.js

@@ -1,8 +1,8 @@
 import React17, { useState, useEffect, useMemo, useCallback, useRef } from 'react';
 import { createConnectionStore, connectionSettings, connectionStatus, settingsStatus, connectionRuns, createSafeDataProvider, registerTranslations, registerMessageDefaults, useTranslation, getSupabaseClientOptional, getActiveTenantId, exportCSV } from '@fayz-ai/core';
-import { toast, defineKpiWidget, defineChartWidget, defineCustomWidget, defineTableWidget, DataTable, PageTransition, ModulePage, Button, DashboardCanvas, SubpageHeader, Skeleton, PageHeaderActions, Card, FilterChip, DatePicker, Input, TooltipProvider, Tooltip, TooltipTrigger, TooltipContent, CurrencyInput, useSaveBar, SearchSelect, ListView, KpiCard, ChartWidget, CardHeader, CardTitle, CardContent, TableWidget, useDashboardNavigate, GoldCard } from '@fayz-ai/ui';
-import { createPluginContext, fayzConnectorOAuth, PluginSettingsPanel, dedup, useModuleNavigation, usePermissionOptional, useModuleNavAccess, ModuleActionBar, useTenantPluginSettings, SettingsGroup, ToggleRow, formatCurrency, parseViewId, EntitlementGate, UpgradePrompt, PermissionGate, PersonLink, useLimitGuard, OrderFormSkeleton, OrderFormBlock, OrderFormView, OrderFormItemsCard, OrderFormItemRow, OrderFormAddItemStep, OrderDetailSkeleton, OrderDetailBlock, OrderDetailView, QuickActionsButton, invalidateLimit } from '@fayz-ai/admin';
-import { Wallet, DollarSign, Landmark, CreditCard, BookOpen, Check, ChevronRight, Plus, FileText, FileCheck2, ExternalLink, Send, Ban, CalendarClock, RefreshCw, ArrowDownCircle, ArrowUpCircle, Sparkles, Link2, ArrowRightLeft, Search, Download, Receipt, ChevronDown, Clock, Paperclip, CheckCheck, X, Calculator, StickyNote, Play, Square, ChevronUp, MoreVertical, CircleCheckBig, CircleDashed, CircleAlert, CircleEllipsis, Pencil, CalendarDays, LayoutList, Layers, Camera, Building2, ShoppingCart, Car, Home, Utensils, Zap, Film, HeartPulse, Dumbbell, Music, ShoppingBag, CircleDollarSign, FileCheck, QrCode, Banknote, ArrowUpRight, ArrowDownRight, AlertTriangle, EyeOff, Eye } from 'lucide-react';
+import { toast, defineKpiWidget, defineChartWidget, defineCustomWidget, defineTableWidget, DataTable, PageTransition, ModulePage, Button, DashboardCanvas, SubpageHeader, Skeleton, PageHeaderActions, Card, FilterChip, DatePicker, Input, TooltipProvider, Tooltip, TooltipTrigger, TooltipContent, CurrencyInput, useSaveBar, SearchSelect, ListView, ConfirmDialog, KpiCard, ChartWidget, CardHeader, CardTitle, CardContent, TableWidget, useDashboardNavigate, GoldCard } from '@fayz-ai/ui';
+import { createPluginContext, fayzConnectorOAuth, PluginSettingsPanel, dedup, useModuleNavigation, usePermissionOptional, useModuleNavAccess, ModuleActionBar, useTenantPluginSettings, SettingsGroup, ToggleRow, formatCurrency, parseViewId, EntitlementGate, UpgradePrompt, PermissionGate, PersonLink, useLimitGuard, useLookupCreate, OrderFormSkeleton, OrderFormBlock, OrderFormView, OrderFormItemsCard, OrderFormItemRow, OrderFormAddItemStep, OrderDetailSkeleton, OrderDetailBlock, OrderDetailView, QuickActionsButton, invalidateLimit } from '@fayz-ai/admin';
+import { Wallet, DollarSign, Landmark, CreditCard, BookOpen, Check, ChevronRight, Plus, FileText, FileCheck2, ExternalLink, Send, Ban, CalendarClock, Users, RefreshCw, ArrowDownCircle, ArrowUpCircle, Sparkles, Link2, ArrowRightLeft, Search, Download, Receipt, ChevronDown, Clock, Paperclip, CheckCheck, X, Calculator, StickyNote, Play, Square, ChevronUp, MoreVertical, CircleCheckBig, CircleDashed, Camera, CircleAlert, CircleEllipsis, Pencil, CalendarDays, LayoutList, Layers, Building2, ShoppingCart, Car, Home, Utensils, Zap, Film, HeartPulse, Dumbbell, Music, ShoppingBag, CircleDollarSign, FileCheck, QrCode, Banknote, ArrowUpRight, ArrowDownRight, AlertTriangle, EyeOff, Eye } from 'lucide-react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { createPortal } from 'react-dom';
 import { createStore as createStore$1 } from 'zustand/vanilla';
@@ -104,22 +104,22 @@ function MobileSummary() {
   }, [statement]);
   return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
-      /* @__PURE__ */ jsxs("div", { className: "col-span-2 rounded-xl border bg-card p-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "col-span-2 rounded-card border bg-card p-4", children: [
         /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t2("financial.summary.totalBalance") }),
         /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-2xl font-semibold", children: fmt(summary?.totalBalance ?? 0) })
       ] }),
-      /* @__PURE__ */ jsxs("div", { className: "rounded-xl border bg-card p-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "rounded-card border bg-card p-3", children: [
         /* @__PURE__ */ jsx("p", { className: "text-[11px] text-muted-foreground", children: t2("financial.summary.income") }),
         /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-base font-semibold text-success", children: fmt(inflow) })
       ] }),
-      /* @__PURE__ */ jsxs("div", { className: "rounded-xl border bg-card p-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "rounded-card border bg-card p-3", children: [
         /* @__PURE__ */ jsx("p", { className: "text-[11px] text-muted-foreground", children: t2("financial.summary.expenses") }),
         /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-base font-semibold text-destructive", children: fmt(outflow) })
       ] })
     ] }),
     groups.length === 0 ? /* @__PURE__ */ jsx("div", { className: "rounded-xl border border-dashed py-12 text-center text-sm text-muted-foreground", children: t2("financial.summary.noTransactions") }) : /* @__PURE__ */ jsx("div", { className: "space-y-4", children: groups.map(([date, rows]) => /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
       /* @__PURE__ */ jsx("p", { className: "px-1 text-xs font-medium uppercase tracking-wide text-muted-foreground", children: dateLabel(date) }),
-      /* @__PURE__ */ jsx("div", { className: "divide-y overflow-hidden rounded-xl border bg-card", children: rows.map((e) => {
+      /* @__PURE__ */ jsx("div", { className: "divide-y overflow-hidden rounded-card border bg-card", children: rows.map((e) => {
         const isCredit = e.movement.direction === "credit";
         const title = e.invoice?.contactName || e.movement.notes || t2("financial.summary.transactionsTitle");
         const Icon = categoryIcon(title);
@@ -159,6 +159,15 @@ function MobileSummary() {
     ] }, date)) })
   ] });
 }
+
+// src/lib/accounts.ts
+function postableAccounts(accounts) {
+  const parentIds = new Set(accounts.map((a) => a.parentId).filter(Boolean));
+  return accounts.filter((a) => a.nodeType !== "group" && !parentIds.has(a.id));
+}
+function accountLabel(account) {
+  return `${account.code} - ${account.name}`;
+}
 var STATUS_OPTIONS = [
   { value: "open", labelKey: "financial.invoice.statusOpen", color: "bg-info-soft text-info-soft-foreground", icon: CircleDashed },
   { value: "partial", labelKey: "financial.invoice.statusPartial", color: "bg-warning-soft text-warning-soft-foreground", icon: CircleEllipsis },
@@ -248,6 +257,7 @@ function InvoiceListView({ direction, onNew, onNewReceipt, onEdit }) {
   const t2 = useTranslation();
   const can = usePermissionOptional();
   const canCreate = can("financial", "create");
+  const canEdit = can("financial", "edit");
   const onNewGated = canCreate ? onNew : void 0;
   const onNewReceiptGated = canCreate ? onNewReceipt : void 0;
   const { currency } = useFinancialConfig();
@@ -256,11 +266,13 @@ function InvoiceListView({ direction, onNew, onNewReceipt, onEdit }) {
   useFinancialStore((s) => s.invoicesTotal);
   const invoicesLoading = useFinancialStore((s) => s.invoicesLoading);
   const fetchInvoices = useFinancialStore((s) => s.fetchInvoices);
+  const fetchSummary = useFinancialStore((s) => s.fetchSummary);
   const [search, setSearch] = useState("");
   const [statusFilter, setStatusFilter] = useState([]);
   const [accountId, setAccountId] = useState("");
   const [costCenterId, setCostCenterId] = useState("");
   const [accounts, setAccounts] = useState([]);
+  const postable = useMemo(() => postableAccounts(accounts), [accounts]);
   const [costCenters, setCostCenters] = useState([]);
   const [datePreset, setDatePreset] = useState("all");
   const [dateFrom, setDateFrom] = useState("");
@@ -296,16 +308,17 @@ function InvoiceListView({ direction, onNew, onNewReceipt, onEdit }) {
       active = false;
     };
   }, [provider]);
+  const query = useMemo(() => ({
+    direction,
+    status: statusFilter.length > 0 ? statusFilter : void 0,
+    search: search || void 0,
+    accountId: accountId || void 0,
+    costCenterId: costCenterId || void 0,
+    dateRange
+  }), [direction, statusFilter, search, accountId, costCenterId, dateRange]);
   useEffect(() => {
-    fetchInvoices({
-      direction,
-      status: statusFilter.length > 0 ? statusFilter : void 0,
-      search: search || void 0,
-      accountId: accountId || void 0,
-      costCenterId: costCenterId || void 0,
-      dateRange
-    });
-  }, [direction, statusFilter, search, accountId, costCenterId, dateRange]);
+    fetchInvoices(query);
+  }, [query]);
   const filtered = invoices.filter((inv) => inv.direction === direction);
   const columns = useInvoiceColumns(currency);
   const tags = useMemo(
@@ -324,6 +337,46 @@ function InvoiceListView({ direction, onNew, onNewReceipt, onEdit }) {
     openAmount = totalAmount - paidAmount;
     return { totalAmount, paidAmount, openAmount };
   }, [filtered]);
+  const [cancelTarget, setCancelTarget] = useState(null);
+  const [bulkBusy, setBulkBusy] = useState(false);
+  const confirmBulkCancel = useCallback(async () => {
+    const targets = (cancelTarget ?? []).filter((inv) => inv.status !== "cancelled");
+    setBulkBusy(true);
+    let done = 0;
+    let failed = 0;
+    for (const invoice of targets) {
+      try {
+        await provider.cancelInvoice(invoice.id);
+        done++;
+      } catch (err) {
+        failed++;
+        console.warn("[financial] cancelInvoice failed", invoice.id, err);
+      }
+    }
+    setBulkBusy(false);
+    setCancelTarget(null);
+    await Promise.all([fetchInvoices(query), fetchSummary()]);
+    if (done > 0) toast.success(t2("financial.invoice.bulkCancelDone", { count: String(done) }));
+    if (failed > 0) toast.error(t2("financial.invoice.bulkCancelFailed", { count: String(failed) }));
+  }, [cancelTarget, provider, fetchInvoices, fetchSummary, query, t2]);
+  const bulkActions = useMemo(() => {
+    if (!canEdit) return void 0;
+    return [{
+      id: "cancel",
+      label: t2("financial.invoice.bulkCancel"),
+      icon: Ban,
+      destructive: true,
+      disabled: bulkBusy,
+      onSelect: (rows) => {
+        const targets = rows.filter((inv) => inv.status !== "cancelled");
+        if (targets.length === 0) {
+          toast.error(t2("financial.invoice.bulkCancelNone"));
+          return;
+        }
+        setCancelTarget(targets);
+      }
+    }];
+  }, [canEdit, bulkBusy, t2]);
   const receivedLabel = direction === "debit" ? t2("financial.invoice.summaryPaid") : t2("financial.invoice.summaryReceived");
   const pendingLabel = direction === "debit" ? t2("financial.invoice.summaryPayable") : t2("financial.invoice.summaryReceivable");
   const exportRows = () => {
@@ -375,7 +428,7 @@ function InvoiceListView({ direction, onNew, onNewReceipt, onEdit }) {
         children: t2("financial.invoice.filterClear")
       }
     ),
-    accounts.length > 0 && /* @__PURE__ */ jsx(
+    postable.length > 0 && /* @__PURE__ */ jsx(
       FilterChip,
       {
         icon: Landmark,
@@ -383,9 +436,9 @@ function InvoiceListView({ direction, onNew, onNewReceipt, onEdit }) {
         allLabel: t2("financial.invoice.filterAllAccounts"),
         value: accountId || void 0,
         onChange: (next) => setAccountId(next ?? ""),
-        options: accounts.map((account) => ({
+        options: postable.map((account) => ({
           value: account.id,
-          label: `${account.code} - ${account.name}`
+          label: accountLabel(account)
         }))
       }
     ),
@@ -446,6 +499,7 @@ function InvoiceListView({ direction, onNew, onNewReceipt, onEdit }) {
         onExport: filtered.length > 0 ? exportRows : void 0,
         exportLabel: t2("crud.export.action"),
         headerActions: newActions,
+        bulkActions,
         onRowClick: (row) => onEdit?.(row.id),
         emptyIcon: FileText,
         emptyMessage: t2("financial.invoice.noInvoices"),
@@ -468,7 +522,21 @@ function InvoiceListView({ direction, onNew, onNewReceipt, onEdit }) {
         /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: pendingLabel }),
         /* @__PURE__ */ jsx("span", { className: "font-semibold text-warning", children: formatCurrency(summary.openAmount, currency) })
       ] })
-    ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      ConfirmDialog,
+      {
+        open: cancelTarget !== null,
+        variant: "destructive",
+        title: t2("financial.invoice.bulkCancelTitle", { count: String(cancelTarget?.length ?? 0) }),
+        description: t2("financial.invoice.cancelDesc"),
+        confirmLabel: t2("financial.invoice.yesCancel"),
+        cancelLabel: t2("financial.invoice.keepInvoice"),
+        loading: bulkBusy,
+        onConfirm: () => void confirmBulkCancel(),
+        onCancel: () => setCancelTarget(null)
+      }
+    )
   ] });
 }
 function useReceiptPicker(onPick) {
@@ -501,96 +569,6 @@ function useReceiptPicker(onPick) {
   );
   return { open: () => ref.current?.click(), input };
 }
-function ReceiptField({
-  value,
-  onChange,
-  autoOpen = false
-}) {
-  const t2 = useTranslation();
-  const fileInputRef = useRef(null);
-  useEffect(() => {
-    if (!autoOpen) return;
-    const id = window.setTimeout(() => fileInputRef.current?.click(), 250);
-    return () => window.clearTimeout(id);
-  }, [autoOpen]);
-  function onPick(e) {
-    const file = e.target.files?.[0];
-    e.target.value = "";
-    if (!file) return;
-    if (!file.type.startsWith("image/")) {
-      toast.error(t2("financial.quickTx.receiptInvalid"));
-      return;
-    }
-    const reader = new FileReader();
-    reader.onload = () => {
-      onChange(typeof reader.result === "string" ? reader.result : void 0);
-    };
-    reader.onerror = () => toast.error(t2("financial.quickTx.receiptInvalid"));
-    reader.readAsDataURL(file);
-  }
-  return /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsxs("span", { className: "mb-1 flex items-center gap-1.5 text-xs font-medium text-muted-foreground", children: [
-      /* @__PURE__ */ jsx(Paperclip, { className: "h-3.5 w-3.5" }),
-      " ",
-      t2("financial.quickTx.receipt")
-    ] }),
-    /* @__PURE__ */ jsx(
-      "input",
-      {
-        ref: fileInputRef,
-        type: "file",
-        accept: "image/*",
-        capture: "environment",
-        className: "hidden",
-        onChange: onPick
-      }
-    ),
-    value ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 rounded-input border border-input bg-card p-2 shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)]", children: [
-      /* @__PURE__ */ jsx(
-        "img",
-        {
-          src: value,
-          alt: t2("financial.quickTx.receipt"),
-          className: "h-16 w-16 shrink-0 rounded-md border object-cover"
-        }
-      ),
-      /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsx("p", { className: "truncate text-sm font-medium", children: t2("financial.quickTx.receiptAttached") }),
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            onClick: () => fileInputRef.current?.click(),
-            className: "text-xs text-primary hover:underline",
-            children: t2("financial.quickTx.receiptReplace")
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          onClick: () => onChange(void 0),
-          "aria-label": t2("financial.quickTx.receiptRemove"),
-          className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-full text-muted-foreground transition-colors hover:bg-muted",
-          children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
-        }
-      )
-    ] }) : /* @__PURE__ */ jsxs(
-      "button",
-      {
-        type: "button",
-        onClick: () => fileInputRef.current?.click(),
-        className: `flex w-full items-center justify-center gap-2 rounded-input border border-dashed px-3 py-3 text-sm font-medium transition-colors hover:bg-muted/30 ${autoOpen ? "border-primary text-primary ring-1 ring-primary/30" : "border-input text-muted-foreground"}`,
-        children: [
-          /* @__PURE__ */ jsx(Camera, { className: "h-4 w-4" }),
-          " ",
-          t2("financial.quickTx.receiptCapture")
-        ]
-      }
-    )
-  ] });
-}
 var ACCOUNT_TYPES_FOR_TX = {
   cash: ["cash_register"],
   credit_card: ["credit_card", "bank_account"],
@@ -756,7 +734,7 @@ function PaymentModal({ movement, receiptUrl, onClose, onPaid }) {
                         "button",
                         {
                           onClick: () => setExpandMethodPicker(true),
-                          className: `flex items-center gap-2 mt-1.5 w-full rounded-lg border px-3 py-2.5 text-left transition-colors hover:bg-muted/30 ${TYPE_COLORS[txType] ?? ""}`,
+                          className: `flex items-center gap-2 mt-1.5 w-full rounded-button border px-3 py-2.5 text-left transition-colors hover:bg-muted/30 ${TYPE_COLORS[txType] ?? ""}`,
                           "data-active": "true",
                           children: [
                             SelectedIcon && /* @__PURE__ */ jsx(SelectedIcon, { className: `h-4 w-4 ${ICON_COLORS[txType] ?? ""}` }),
@@ -787,7 +765,7 @@ function PaymentModal({ movement, receiptUrl, onClose, onPaid }) {
                           {
                             "data-active": isActive,
                             onClick: () => handleSelectType(type.id),
-                            className: `flex flex-col items-center gap-1.5 rounded-lg border px-2 py-3 text-center transition-all ${TYPE_COLORS[tt] ?? TYPE_COLORS.cash}`,
+                            className: `flex flex-col items-center gap-1.5 rounded-button border px-2 py-3 text-center transition-all ${TYPE_COLORS[tt] ?? TYPE_COLORS.cash}`,
                             children: [
                               /* @__PURE__ */ jsx(Icon, { className: `h-5 w-5 ${isActive ? ICON_COLORS[tt] ?? "" : "text-muted-foreground"}` }),
                               /* @__PURE__ */ jsx("span", { className: `text-[11px] font-medium leading-tight ${isActive ? "text-foreground" : "text-muted-foreground"}`, children: type.name })
@@ -995,6 +973,16 @@ function InvoiceFormView({ direction, editId, onSaved, focusReceipt = false }) {
     void fetchBankAccounts();
     void fetchPaymentMethods();
   }, [isEdit]);
+  useEffect(() => {
+    let cancelled = false;
+    void provider.getChartOfAccounts().then((rows) => {
+      if (!cancelled) setAccounts(rows);
+    }).catch(() => {
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [provider]);
   const [loaded, setLoaded] = useState(!editId);
   const [loading, setLoading] = useState(!!editId);
   const [contactName, setContactName] = useState("");
@@ -1004,11 +992,32 @@ function InvoiceFormView({ direction, editId, onSaved, focusReceipt = false }) {
   const [fiscalNumber, setFiscalNumber] = useState("");
   const [observations, setObservations] = useState("");
   const [items, setItems] = useState([]);
+  const [accounts, setAccounts] = useState([]);
+  const postable = useMemo(() => postableAccounts(accounts), [accounts]);
   const [expandedItemId, setExpandedItemId] = useState(null);
   const [addingItem, setAddingItem] = useState(false);
   const [installments, setInstallments] = useState([]);
   const [savedMovements, setSavedMovements] = useState([]);
   const [payingMovement, setPayingMovement] = useState(null);
+  const [pendingReceipt, setPendingReceipt] = useState();
+  const contactCreate = useLookupCreate(config.contactLookup, (created) => {
+    setContactId(created.id);
+    setContactName(created.label);
+  });
+  const [receiptTarget, setReceiptTarget] = useState(null);
+  const receiptPicker = useReceiptPicker((dataUrl) => {
+    const i = receiptTarget;
+    setReceiptTarget(null);
+    if (i == null) return;
+    if (isEdit) {
+      const saved = savedMovements[i];
+      if (!saved) return;
+      setPendingReceipt(dataUrl);
+      setPayingMovement(saved);
+      return;
+    }
+    setInstallments((prev) => prev.map((inst, idx) => idx === i ? { ...inst, receiptUrl: dataUrl } : inst));
+  });
   const [saving, setSaving] = useState(false);
   const [menuOpen, setMenuOpen] = useState(false);
   const [confirmCancel, setConfirmCancel] = useState(false);
@@ -1055,7 +1064,9 @@ function InvoiceFormView({ direction, editId, onSaved, focusReceipt = false }) {
         quantity: it.quantity,
         unitPrice: it.unitPrice,
         discount: it.discount,
-        surcharge: it.surcharge
+        surcharge: it.surcharge,
+        accountId: it.accountId,
+        costCenterId: it.costCenterId
       })));
       const movements = await provider.getMovements({ direction: invoice.direction });
       const invoiceMovements = movements.data.filter((m) => m.invoiceId === editId && m.movementKind === "bill").sort((a, b) => (a.installmentNumber ?? 0) - (b.installmentNumber ?? 0));
@@ -1119,6 +1130,17 @@ function InvoiceFormView({ direction, editId, onSaved, focusReceipt = false }) {
     if (isEdit || totalAmount <= 0 || installments.length > 0) return;
     generateInstallments(1);
   }, [isEdit, totalAmount, installments.length]);
+  const receiptAutoOpened = useRef(false);
+  useEffect(() => {
+    if (!focusReceipt || isEdit || receiptAutoOpened.current) return;
+    if (installments.length === 0 || installments[0]?.receiptUrl) return;
+    receiptAutoOpened.current = true;
+    const id = window.setTimeout(() => {
+      setReceiptTarget(0);
+      receiptPicker.open();
+    }, 250);
+    return () => window.clearTimeout(id);
+  }, [focusReceipt, isEdit, installments.length]);
   function generateInstallments(count) {
     if (count < 1 || totalAmount <= 0) return;
     const perInstallment = Math.floor(totalAmount * 100 / count) / 100;
@@ -1242,7 +1264,7 @@ function InvoiceFormView({ direction, editId, onSaved, focusReceipt = false }) {
   });
   const title = isEdit ? t2("financial.invoiceForm.editTitle") : t2("financial.invoiceForm.newTitle");
   const subtitle = isEdit ? t2("financial.invoiceForm.editing") : t2("financial.invoiceForm.creating");
-  if (loading) return /* @__PURE__ */ jsx(OrderFormSkeleton, {});
+  if (loading) return /* @__PURE__ */ jsx(OrderFormSkeleton, { parentLabel: direction === "debit" ? t2("financial.nav.payables") : t2("financial.nav.receivables"), onBack: onSaved });
   const money = (v) => formatCurrency(v, currency);
   const actions = isEdit ? /* @__PURE__ */ jsxs("div", { className: "relative", ref: menuRef, children: [
     /* @__PURE__ */ jsx(Button, { variant: "outline", size: "icon", onClick: () => setMenuOpen(!menuOpen), "aria-label": "More actions", children: /* @__PURE__ */ jsx(MoreVertical, { className: "h-4 w-4" }) }),
@@ -1264,58 +1286,91 @@ function InvoiceFormView({ direction, editId, onSaved, focusReceipt = false }) {
   ] }) : null;
   const paidSoFar = savedMovements.reduce((sum, m) => sum + (m.paidAmount ?? 0), 0);
   const hasPayments = paidSoFar > 0;
-  const installmentsEditor = /* @__PURE__ */ jsx(OrderFormBlock, { title: t2("financial.invoiceForm.installments"), children: /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-    /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: [1, 2, 3, 6, 12].map((n) => /* @__PURE__ */ jsxs(
-      "button",
-      {
-        type: "button",
-        onClick: () => generateInstallments(n),
-        disabled: totalAmount <= 0,
-        className: `rounded-full px-2.5 py-1 text-[10px] font-medium transition-colors disabled:opacity-30 ${installments.length === n ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground hover:bg-muted/80"}`,
-        children: [
-          n,
-          "x"
-        ]
-      },
-      n
-    )) }),
-    installments.length === 0 ? /* @__PURE__ */ jsx("p", { className: "py-4 text-center text-xs text-muted-foreground", children: totalAmount <= 0 ? t2("financial.invoiceForm.addItemsFirst") : t2("financial.invoiceForm.selectInstallments") }) : /* @__PURE__ */ jsx("div", { className: "space-y-2", children: installments.map((inst, i) => {
+  const scheduleSection = /* @__PURE__ */ jsx(OrderFormBlock, { title: t2("financial.invoice.paymentSchedule"), children: /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+    hasPayments ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t2("financial.invoiceForm.scheduleLocked") }) : (
+      // Atalhos de parcelamento — 1x, 2x, 3x, 6x, 12x cobrem quase tudo.
+      /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: [1, 2, 3, 6, 12].map((n) => /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => generateInstallments(n),
+          disabled: totalAmount <= 0,
+          className: `rounded-full px-2.5 py-1 text-[10px] font-medium transition-colors disabled:opacity-30 ${installments.length === n ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground hover:bg-muted/80"}`,
+          children: [
+            n,
+            "x"
+          ]
+        },
+        n
+      )) })
+    ),
+    installments.length === 0 ? /* @__PURE__ */ jsx("p", { className: "py-4 text-center text-xs text-muted-foreground", children: totalAmount <= 0 ? t2("financial.invoiceForm.addItemsFirst") : t2("financial.invoiceForm.selectInstallments") }) : /* @__PURE__ */ jsx("div", { className: "divide-y rounded border", children: installments.map((inst, i) => {
       const patch = (next) => {
         const updated = [...installments];
         updated[i] = { ...inst, ...next };
         setInstallments(updated);
       };
-      return /* @__PURE__ */ jsxs("div", { className: "space-y-1.5 rounded border p-2.5", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ jsxs("span", { className: "text-[10px] font-medium text-muted-foreground", children: [
+      const saved = savedMovements[i];
+      const isPaid = saved?.status === "paid";
+      const isPartial = saved?.status === "partial";
+      const StatusIcon = isPaid ? CircleCheckBig : CircleDashed;
+      const canAttach = isEdit ? !!saved && !isPaid : true;
+      return /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-3 px-3 py-2", children: [
+          /* @__PURE__ */ jsxs("span", { className: "w-6 shrink-0 text-xs font-medium text-muted-foreground", children: [
             "#",
             i + 1
           ] }),
-          /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold tabular-nums", children: money(inst.amount) })
+          /* @__PURE__ */ jsx("span", { className: "shrink-0 text-sm font-semibold tabular-nums", children: money(inst.amount) }),
+          saved && /* @__PURE__ */ jsxs("span", { className: `inline-flex shrink-0 items-center gap-1 rounded-full px-1.5 py-0.5 text-[10px] font-medium ${isPaid ? "bg-success-soft text-success-soft-foreground" : isPartial ? "bg-warning-soft text-warning-soft-foreground" : "bg-muted text-muted-foreground"}`, children: [
+            /* @__PURE__ */ jsx(StatusIcon, { className: "h-2.5 w-2.5" }),
+            t2(isPaid ? "financial.invoice.statusPaid" : isPartial ? "financial.invoice.statusPartial" : "financial.invoice.statusPending")
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "ml-auto flex items-center gap-1.5", children: [
+            !hasPayments ? /* @__PURE__ */ jsx(
+              DatePicker,
+              {
+                value: inst.dueDate,
+                variant: "chip",
+                onChange: (v) => patch({ dueDate: v })
+              }
+            ) : /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: inst.dueDate }),
+            canAttach && /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => {
+                  setReceiptTarget(i);
+                  receiptPicker.open();
+                },
+                title: t2("financial.quickTx.receiptCapture"),
+                "aria-label": t2("financial.quickTx.receiptCapture"),
+                className: `flex h-7 w-7 shrink-0 items-center justify-center rounded-md transition-colors ${inst.receiptUrl ? "text-success hover:bg-success-soft" : "text-muted-foreground hover:bg-muted hover:text-foreground"}`,
+                children: inst.receiptUrl ? /* @__PURE__ */ jsx(Paperclip, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsx(Camera, { className: "h-3.5 w-3.5" })
+              }
+            ),
+            saved && !isPaid && /* @__PURE__ */ jsxs(Button, { size: "sm", variant: "outline", onClick: () => setPayingMovement(saved), children: [
+              /* @__PURE__ */ jsx(DollarSign, { className: "mr-1 h-3.5 w-3.5" }),
+              t2("financial.invoice.pay")
+            ] })
+          ] })
         ] }),
-        /* @__PURE__ */ jsx(
-          DatePicker,
-          {
-            value: inst.dueDate,
-            onChange: (v) => patch({ dueDate: v })
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          ReceiptField,
-          {
-            value: inst.receiptUrl,
-            onChange: (url) => patch({ receiptUrl: url }),
-            autoOpen: focusReceipt && i === 0 && !inst.receiptUrl
-          }
-        ),
-        inst.receiptUrl && /* @__PURE__ */ jsxs("div", { className: "space-y-1.5 border-t pt-1.5", children: [
-          /* @__PURE__ */ jsx("p", { className: "text-[10px] font-medium text-success", children: t2("financial.invoiceForm.willBePaid") }),
+        !isEdit && inst.receiptUrl && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2 border-t bg-muted/20 px-3 py-2", children: [
+          /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: inst.receiptUrl,
+              alt: t2("financial.quickTx.receipt"),
+              className: "h-8 w-8 shrink-0 rounded border object-cover"
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "shrink-0 text-[10px] font-medium text-success", children: t2("financial.invoiceForm.willBePaid") }),
           /* @__PURE__ */ jsxs(
             "select",
             {
               value: inst.payMethodTypeId ?? "",
               onChange: (e) => patch({ payMethodTypeId: e.target.value }),
-              className: "w-full rounded-input border border-input bg-card px-2 py-1.5 text-xs shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] focus:outline-none focus:ring-2 focus:ring-ring",
+              className: "min-w-[8rem] flex-1 rounded-input border border-input bg-card px-2 py-1 text-xs shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] focus:outline-none focus:ring-2 focus:ring-ring",
               children: [
                 /* @__PURE__ */ jsx("option", { value: "", children: t2("financial.invoiceForm.selectMethod") }),
                 paymentMethodTypes.map((tp) => /* @__PURE__ */ jsx("option", { value: tp.id, children: tp.name }, tp.id))
@@ -1327,95 +1382,52 @@ function InvoiceFormView({ direction, editId, onSaved, focusReceipt = false }) {
             {
               value: inst.payAccountId ?? (bankAccounts.length === 1 ? bankAccounts[0].id : ""),
               onChange: (e) => patch({ payAccountId: e.target.value }),
-              className: "w-full rounded-input border border-input bg-card px-2 py-1.5 text-xs shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] focus:outline-none focus:ring-2 focus:ring-ring",
+              className: "min-w-[8rem] flex-1 rounded-input border border-input bg-card px-2 py-1 text-xs shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] focus:outline-none focus:ring-2 focus:ring-ring",
               children: [
                 /* @__PURE__ */ jsx("option", { value: "", children: t2("financial.invoiceForm.selectAccount") }),
                 bankAccounts.map((a) => /* @__PURE__ */ jsx("option", { value: a.id, children: a.name }, a.id))
               ]
             }
-          )
-        ] })
-      ] }, inst._id);
-    }) })
-  ] }) });
-  const scheduleSection = isEdit ? /* @__PURE__ */ jsx(OrderFormBlock, { title: t2("financial.invoice.paymentSchedule"), children: /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-    hasPayments && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t2("financial.invoiceForm.scheduleLocked") }),
-    !hasPayments && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: [1, 2, 3, 6, 12].map((n) => /* @__PURE__ */ jsxs(
-      "button",
-      {
-        type: "button",
-        onClick: () => generateInstallments(n),
-        disabled: totalAmount <= 0,
-        className: `rounded-full px-2.5 py-1 text-[10px] font-medium transition-colors disabled:opacity-30 ${installments.length === n ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground hover:bg-muted/80"}`,
-        children: [
-          n,
-          "x"
-        ]
-      },
-      n
-    )) }),
-    installments.length === 0 ? /* @__PURE__ */ jsx("p", { className: "py-4 text-center text-xs text-muted-foreground", children: totalAmount <= 0 ? t2("financial.invoiceForm.addItemsFirst") : t2("financial.invoiceForm.selectInstallments") }) : /* @__PURE__ */ jsx("div", { className: "divide-y rounded border", children: installments.map((inst, i) => {
-      const saved = savedMovements[i];
-      const isPaid = saved?.status === "paid";
-      const isPartial = saved?.status === "partial";
-      const StatusIcon = isPaid ? CircleCheckBig : CircleDashed;
-      return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-3 px-3 py-2.5", children: [
-        /* @__PURE__ */ jsxs("span", { className: "w-6 shrink-0 text-xs font-medium text-muted-foreground", children: [
-          "#",
-          i + 1
-        ] }),
-        /* @__PURE__ */ jsx("span", { className: "shrink-0 text-sm font-semibold tabular-nums", children: money(inst.amount) }),
-        saved && /* @__PURE__ */ jsxs("span", { className: `inline-flex shrink-0 items-center gap-1 rounded-full px-1.5 py-0.5 text-[10px] font-medium ${isPaid ? "bg-success-soft text-success-soft-foreground" : isPartial ? "bg-warning-soft text-warning-soft-foreground" : "bg-muted text-muted-foreground"}`, children: [
-          /* @__PURE__ */ jsx(StatusIcon, { className: "h-2.5 w-2.5" }),
-          t2(isPaid ? "financial.invoice.statusPaid" : isPartial ? "financial.invoice.statusPartial" : "financial.invoice.statusPending")
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "ml-auto flex items-center gap-2", children: [
-          !hasPayments ? /* @__PURE__ */ jsx(
-            DatePicker,
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
             {
-              value: inst.dueDate,
-              variant: "chip",
-              onChange: (v) => {
-                const updated = [...installments];
-                updated[i] = { ...inst, dueDate: v };
-                setInstallments(updated);
-              }
+              type: "button",
+              onClick: () => patch({ receiptUrl: void 0, payMethodTypeId: void 0, payAccountId: void 0 }),
+              "aria-label": t2("financial.quickTx.receiptRemove"),
+              className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+              children: /* @__PURE__ */ jsx(X, { className: "h-3.5 w-3.5" })
             }
-          ) : /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: inst.dueDate }),
-          saved && !isPaid && /* @__PURE__ */ jsxs(Button, { size: "sm", variant: "outline", onClick: () => setPayingMovement(saved), children: [
-            /* @__PURE__ */ jsx(DollarSign, { className: "mr-1 h-3.5 w-3.5" }),
-            t2("financial.invoice.pay")
-          ] })
+          )
         ] })
       ] }, inst._id);
     }) })
-  ] }) }) : null;
+  ] }) });
   const sideSections = /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(OrderFormBlock, { title: direction === "debit" ? t2("financial.invoiceForm.payTo") : t2("financial.invoiceForm.receiveFrom"), children: /* @__PURE__ */ jsx(
-      SearchSelect,
-      {
-        required: true,
-        value: contactId ?? "",
-        displayValue: contactName,
-        onChange: (id, opt) => {
-          setContactId(id || void 0);
-          setContactName(opt?.label ?? "");
-        },
-        onSearch: async (q) => {
-          if (!config.contactLookup) return [];
-          const results = await config.contactLookup.search(q);
-          return results.map((r) => ({ id: r.id, label: r.label, subtitle: r.subtitle, group: r.group, data: r }));
-        },
-        createLabel: t2("financial.invoiceForm.createContact"),
-        clearLabel: t2("financial.invoiceForm.clear"),
-        onCreate: config.contactLookup?.create ? async (name) => {
-          const created = await config.contactLookup.create(name);
-          setContactId(created.id);
-          setContactName(created.label);
-        } : void 0,
-        placeholder: t2("financial.invoiceForm.searchType")
-      }
-    ) }),
+    /* @__PURE__ */ jsxs(OrderFormBlock, { title: direction === "debit" ? t2("financial.invoiceForm.payTo") : t2("financial.invoiceForm.receiveFrom"), children: [
+      /* @__PURE__ */ jsx(
+        SearchSelect,
+        {
+          required: true,
+          value: contactId ?? "",
+          displayValue: contactName,
+          onChange: (id, opt) => {
+            setContactId(id || void 0);
+            setContactName(opt?.label ?? "");
+          },
+          onSearch: async (q) => {
+            if (!config.contactLookup) return [];
+            const results = await config.contactLookup.search(q);
+            return results.map((r) => ({ id: r.id, label: r.label, subtitle: r.subtitle, group: r.group, data: r }));
+          },
+          createLabel: t2("financial.invoiceForm.createContact"),
+          clearLabel: t2("financial.invoiceForm.clear"),
+          onCreate: contactCreate.onCreate,
+          placeholder: t2("financial.invoiceForm.searchType")
+        }
+      ),
+      contactCreate.modal
+    ] }),
     /* @__PURE__ */ jsx(OrderFormBlock, { title: t2("financial.invoice.details"), children: /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
       hasLocations && /* @__PURE__ */ jsx(LocationSelector, { locations, value: unitId, onChange: setUnitId }),
       /* @__PURE__ */ jsxs("div", { children: [
@@ -1436,7 +1448,6 @@ function InvoiceFormView({ direction, editId, onSaved, focusReceipt = false }) {
         )
       ] })
     ] }) }),
-    !isEdit && installmentsEditor,
     /* @__PURE__ */ jsx(OrderFormBlock, { title: t2("financial.invoiceForm.observations"), children: /* @__PURE__ */ jsx(
       "textarea",
       {
@@ -1502,6 +1513,21 @@ function InvoiceFormView({ direction, editId, onSaved, focusReceipt = false }) {
                     removeItem(item._id);
                     if (expandedItemId === item._id) setExpandedItemId(null);
                   },
+                  extraFields: postable.length > 0 && /* @__PURE__ */ jsx("div", { className: "fz-fields fz-fields-2", children: /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+                    /* @__PURE__ */ jsx("label", { className: "text-[10px] font-medium text-muted-foreground", children: t2("financial.invoiceForm.account") }),
+                    /* @__PURE__ */ jsxs(
+                      "select",
+                      {
+                        value: item.accountId ?? "",
+                        onChange: (e) => updateItem(item._id, { accountId: e.target.value || void 0 }),
+                        className: "mt-0.5 w-full rounded-input border border-input bg-card px-2.5 py-1.5 text-sm shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] focus:outline-none focus:ring-2 focus:ring-ring",
+                        children: [
+                          /* @__PURE__ */ jsx("option", { value: "", children: t2("financial.invoiceForm.accountNone") }),
+                          postable.map((a) => /* @__PURE__ */ jsx("option", { value: a.id, children: accountLabel(a) }, a.id))
+                        ]
+                      }
+                    )
+                  ] }) }),
                   entityLookups: config.entityLookups,
                   showTypeSelector: hasItemLookups,
                   allowSurcharge: true,
@@ -1527,13 +1553,19 @@ function InvoiceFormView({ direction, editId, onSaved, focusReceipt = false }) {
         ]
       }
     ),
+    receiptPicker.input,
     payingMovement && /* @__PURE__ */ jsx(
       PaymentModal,
       {
         movement: payingMovement,
-        onClose: () => setPayingMovement(null),
+        receiptUrl: pendingReceipt,
+        onClose: () => {
+          setPayingMovement(null);
+          setPendingReceipt(void 0);
+        },
         onPaid: () => {
           setPayingMovement(null);
+          setPendingReceipt(void 0);
           void (async () => {
             if (!editId) return;
             const movements = await provider.getMovements({ direction });
@@ -1572,6 +1604,27 @@ function InvoiceFormView({ direction, editId, onSaved, focusReceipt = false }) {
       ` })
   ] });
 }
+
+// src/lib/settlements.ts
+function groupPaymentsByBill(bills, payments) {
+  const byBillId = /* @__PURE__ */ new Map();
+  for (const bill of bills) byBillId.set(bill.id, []);
+  const unattributed = [];
+  for (const payment of payments) {
+    if (payment.settlesMovementId) {
+      const bucket = byBillId.get(payment.settlesMovementId);
+      if (bucket) bucket.push(payment);
+      else unattributed.push(payment);
+      continue;
+    }
+    const derived = bills.find(
+      (bill) => (bill.installmentNumber ?? null) === (payment.installmentNumber ?? null)
+    );
+    if (derived) byBillId.get(derived.id).push(payment);
+    else unattributed.push(payment);
+  }
+  return { byBillId, unattributed };
+}
 var STATUS_COLORS = {
   open: { bg: "bg-info-soft text-info-soft-foreground", icon: CircleDashed, labelKey: "financial.invoice.statusOpen", tone: "info" },
   pending: { bg: "bg-warning-soft text-warning-soft-foreground", icon: CircleDashed, labelKey: "financial.invoice.statusPending", tone: "warning" },
@@ -1668,7 +1721,7 @@ function InvoiceDetailView({ invoiceId, direction, onBack, onEdit, backLabel })
     }
   }
   if (loading) {
-    return /* @__PURE__ */ jsx(OrderDetailSkeleton, {});
+    return /* @__PURE__ */ jsx(OrderDetailSkeleton, { parentLabel, onBack });
   }
   if (!invoice) {
     return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
@@ -1676,6 +1729,7 @@ function InvoiceDetailView({ invoiceId, direction, onBack, onEdit, backLabel })
       /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t2("financial.invoice.notFoundDesc") })
     ] });
   }
+  const settlements = groupPaymentsByBill(movements, payments);
   const statusConfig = STATUS_COLORS[invoice.status] ?? STATUS_COLORS.pending;
   statusConfig.icon;
   const totalPaid = movements.reduce((sum, m) => sum + m.paidAmount, 0);
@@ -1750,7 +1804,6 @@ function InvoiceDetailView({ invoiceId, direction, onBack, onEdit, backLabel })
       {
         title: invoice.fiscalNumber ? `#${invoice.fiscalNumber}` : invoice.contactName ?? invoice.invoiceDate,
         badges: [{ label: t2(statusConfig.labelKey), tone: statusConfig.tone }],
-        subtitle: invoice.invoiceDate,
         onBack,
         backLabel: parentLabel,
         actions,
@@ -1769,153 +1822,166 @@ function InvoiceDetailView({ invoiceId, direction, onBack, onEdit, backLabel })
         mainSections: (
           // O cronograma no MESMO bloco que os itens e o pagamento — antes o título
           // ficava fora do cartão, e a seção lia como se fosse de outra tela.
-          /* @__PURE__ */ jsx(OrderDetailBlock, { title: t2("financial.invoice.paymentSchedule"), children: /* @__PURE__ */ jsx("div", { className: "-mx-4 -mb-4", children: movements.length === 0 ? /* @__PURE__ */ jsx("div", { className: "px-4 py-4 text-center text-sm text-muted-foreground", children: t2("financial.invoice.noInstallments") }) : /* @__PURE__ */ jsx("div", { className: "divide-y border-t", children: movements.map((mov) => {
-            const remaining = mov.amount - mov.paidAmount;
-            const isPaid = mov.status === "paid";
-            const isPartial = mov.status === "partial";
-            const hasPaidDetails = isPaid || isPartial;
-            const isExpanded = expandedMovId === mov.id;
-            const movStatus = STATUS_COLORS[mov.status] ?? STATUS_COLORS.pending;
-            const MovIcon = movStatus.icon;
-            const instPayments = payments.filter((p) => (p.installmentNumber ?? null) === (mov.installmentNumber ?? null));
-            return /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsxs(
-                "div",
-                {
-                  className: `flex items-center gap-3 px-4 py-3 ${hasPaidDetails ? "cursor-pointer hover:bg-muted/20 transition-colors" : ""}`,
-                  onClick: hasPaidDetails ? () => handleExpandMov(mov.id) : void 0,
-                  children: [
-                    /* @__PURE__ */ jsxs("span", { className: "text-xs font-medium text-muted-foreground w-6 shrink-0", children: [
-                      "#",
-                      mov.installmentNumber
-                    ] }),
-                    /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-                      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                        /* @__PURE__ */ jsx("span", { className: "text-sm font-medium tabular-nums", children: formatCurrency(mov.amount, currency) }),
-                        /* @__PURE__ */ jsxs("span", { className: `inline-flex items-center gap-0.5 rounded-full px-1.5 py-0.5 text-[9px] font-medium capitalize ${movStatus.bg}`, children: [
-                          /* @__PURE__ */ jsx(MovIcon, { className: "h-2 w-2" }),
-                          " ",
-                          t2(movStatus.labelKey)
-                        ] })
+          /* @__PURE__ */ jsx(OrderDetailBlock, { title: t2("financial.invoice.paymentSchedule"), children: /* @__PURE__ */ jsxs("div", { className: "-mx-4 -mb-4", children: [
+            movements.length === 0 ? /* @__PURE__ */ jsx("div", { className: "px-4 py-4 text-center text-sm text-muted-foreground", children: t2("financial.invoice.noInstallments") }) : /* @__PURE__ */ jsx("div", { className: "divide-y border-t", children: movements.map((mov) => {
+              const remaining = mov.amount - mov.paidAmount;
+              const isPaid = mov.status === "paid";
+              const isPartial = mov.status === "partial";
+              const hasPaidDetails = isPaid || isPartial;
+              const isExpanded = expandedMovId === mov.id;
+              const movStatus = STATUS_COLORS[mov.status] ?? STATUS_COLORS.pending;
+              const MovIcon = movStatus.icon;
+              const instPayments = settlements.byBillId.get(mov.id) ?? [];
+              return /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    className: `flex items-center gap-3 px-4 py-3 ${hasPaidDetails ? "cursor-pointer hover:bg-muted/20 transition-colors" : ""}`,
+                    onClick: hasPaidDetails ? () => handleExpandMov(mov.id) : void 0,
+                    children: [
+                      /* @__PURE__ */ jsxs("span", { className: "text-xs font-medium text-muted-foreground w-6 shrink-0", children: [
+                        "#",
+                        mov.installmentNumber
                       ] }),
-                      /* @__PURE__ */ jsxs("p", { className: "text-[10px] text-muted-foreground", children: [
-                        t2("financial.invoice.due"),
-                        " ",
-                        mov.dueDate,
-                        mov.paidAmount > 0 && !isPaid && ` \xB7 ${t2("financial.invoice.paidLabel")} ${formatCurrency(mov.paidAmount, currency)}`,
-                        mov.paymentDate && ` \xB7 ${t2("financial.invoice.paidOn")} ${mov.paymentDate}`
-                      ] })
-                    ] }),
-                    !isPaid && invoice.status !== "cancelled" && /* @__PURE__ */ jsx(
-                      "button",
-                      {
-                        onClick: (e) => {
-                          e.stopPropagation();
-                          setReceiptFor(mov);
-                          receiptPicker.open();
-                        },
-                        title: t2("financial.quickTx.receiptCapture"),
-                        "aria-label": t2("financial.quickTx.receiptCapture"),
-                        className: "inline-flex shrink-0 items-center gap-1 rounded-lg border bg-card px-2.5 py-1.5 text-xs font-medium shadow-button transition-colors hover:bg-muted active:shadow-button-inset",
-                        children: /* @__PURE__ */ jsx(Camera, { className: "h-3 w-3" })
-                      }
-                    ),
-                    !isPaid && !isPartial && invoice.status !== "cancelled" && /* @__PURE__ */ jsxs(
-                      "button",
-                      {
-                        onClick: (e) => {
-                          e.stopPropagation();
-                          setPayingMovement(mov);
-                        },
-                        className: "inline-flex items-center gap-1 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 shrink-0",
-                        children: [
-                          /* @__PURE__ */ jsx(DollarSign, { className: "h-3 w-3" }),
-                          t2("financial.invoice.pay"),
-                          " ",
-                          remaining < mov.amount ? formatCurrency(remaining, currency) : ""
-                        ]
-                      }
-                    ),
-                    isPartial && invoice.status !== "cancelled" && /* @__PURE__ */ jsxs(
-                      "button",
-                      {
-                        onClick: (e) => {
-                          e.stopPropagation();
-                          setPayingMovement(mov);
-                        },
-                        className: "inline-flex items-center gap-1 rounded-lg border px-3 py-1.5 text-xs font-medium hover:bg-muted bg-card shadow-button active:shadow-button-inset transition-colors shrink-0",
-                        children: [
-                          /* @__PURE__ */ jsx(DollarSign, { className: "h-3 w-3" }),
-                          t2("financial.invoice.pay"),
+                      /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+                        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                          /* @__PURE__ */ jsx("span", { className: "text-sm font-medium tabular-nums", children: formatCurrency(mov.amount, currency) }),
+                          /* @__PURE__ */ jsxs("span", { className: `inline-flex items-center gap-0.5 rounded-full px-1.5 py-0.5 text-[9px] font-medium capitalize ${movStatus.bg}`, children: [
+                            /* @__PURE__ */ jsx(MovIcon, { className: "h-2 w-2" }),
+                            " ",
+                            t2(movStatus.labelKey)
+                          ] })
+                        ] }),
+                        /* @__PURE__ */ jsxs("p", { className: "text-[10px] text-muted-foreground", children: [
+                          t2("financial.invoice.due"),
                           " ",
-                          formatCurrency(remaining, currency)
-                        ]
-                      }
-                    ),
-                    hasPaidDetails && /* @__PURE__ */ jsx(ChevronDown, { className: `h-3.5 w-3.5 text-muted-foreground shrink-0 transition-transform duration-200 ${isExpanded ? "rotate-180" : ""}` })
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                "div",
-                {
-                  className: "grid transition-all duration-200 ease-out",
-                  style: { gridTemplateRows: isExpanded ? "1fr" : "0fr" },
-                  children: /* @__PURE__ */ jsx("div", { className: "overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "px-4 pb-2.5 pl-14", children: detailsLoading ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-                    /* @__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" })
-                  ] }) : 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"
+                          mov.dueDate,
+                          mov.paidAmount > 0 && !isPaid && ` \xB7 ${t2("financial.invoice.paidLabel")} ${formatCurrency(mov.paidAmount, currency)}`,
+                          mov.paymentDate && ` \xB7 ${t2("financial.invoice.paidOn")} ${mov.paymentDate}`
                         ] })
                       ] }),
-                      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)
+                      !isPaid && invoice.status !== "cancelled" && /* @__PURE__ */ jsx(
+                        "button",
+                        {
+                          onClick: (e) => {
+                            e.stopPropagation();
+                            setReceiptFor(mov);
+                            receiptPicker.open();
+                          },
+                          title: t2("financial.quickTx.receiptCapture"),
+                          "aria-label": t2("financial.quickTx.receiptCapture"),
+                          className: "inline-flex shrink-0 items-center gap-1 rounded-lg border bg-card px-2.5 py-1.5 text-xs font-medium shadow-button transition-colors hover:bg-muted active:shadow-button-inset",
+                          children: /* @__PURE__ */ jsx(Camera, { className: "h-3 w-3" })
+                        }
+                      ),
+                      !isPaid && !isPartial && invoice.status !== "cancelled" && /* @__PURE__ */ jsxs(
+                        "button",
+                        {
+                          onClick: (e) => {
+                            e.stopPropagation();
+                            setPayingMovement(mov);
+                          },
+                          className: "inline-flex items-center gap-1 rounded-button bg-primary border border-primary px-3 py-1.5 text-xs font-medium text-primary-foreground hover:bg-primary/90 shadow-button-primary active:shadow-button-inset transition-colors shrink-0",
+                          children: [
+                            /* @__PURE__ */ jsx(DollarSign, { className: "h-3 w-3" }),
+                            t2("financial.invoice.pay"),
+                            " ",
+                            remaining < mov.amount ? formatCurrency(remaining, currency) : ""
+                          ]
+                        }
+                      ),
+                      isPartial && invoice.status !== "cancelled" && /* @__PURE__ */ jsxs(
+                        "button",
+                        {
+                          onClick: (e) => {
+                            e.stopPropagation();
+                            setPayingMovement(mov);
+                          },
+                          className: "inline-flex items-center gap-1 rounded-lg border px-3 py-1.5 text-xs font-medium hover:bg-muted bg-card shadow-button active:shadow-button-inset transition-colors shrink-0",
+                          children: [
+                            /* @__PURE__ */ jsx(DollarSign, { className: "h-3 w-3" }),
+                            t2("financial.invoice.pay"),
+                            " ",
+                            formatCurrency(remaining, currency)
+                          ]
+                        }
+                      ),
+                      hasPaidDetails && /* @__PURE__ */ jsx(ChevronDown, { className: `h-3.5 w-3.5 text-muted-foreground shrink-0 transition-transform duration-200 ${isExpanded ? "rotate-180" : ""}` })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: "grid transition-all duration-200 ease-out",
+                    style: { gridTemplateRows: isExpanded ? "1fr" : "0fr" },
+                    children: /* @__PURE__ */ jsx("div", { className: "overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "px-4 pb-2.5 pl-14", children: detailsLoading ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+                      /* @__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" })
+                    ] }) : 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 })
                         ] })
-                      ] }),
-                      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 })
-                      ] })
-                    ] }, p.id);
-                  }) }) }) })
-                }
-              )
-            ] }, mov.id);
-          }) }) }) })
+                      ] }, p.id);
+                    }) }) }) })
+                  }
+                )
+              ] }, mov.id);
+            }) }),
+            settlements.unattributed.length > 0 && /* @__PURE__ */ jsxs("div", { className: "border-t bg-warning-soft/40 px-4 py-2.5", children: [
+              /* @__PURE__ */ jsx("p", { className: "text-[11px] font-medium text-foreground", children: t2("financial.invoice.unlinkedPayments") }),
+              /* @__PURE__ */ jsx("p", { className: "mb-1 text-[10px] text-muted-foreground", children: t2("financial.invoice.unlinkedPaymentsDesc") }),
+              settlements.unattributed.map((p) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-[11px] text-muted-foreground", children: [
+                /* @__PURE__ */ jsx("span", { className: "font-medium text-success", children: formatCurrency(p.paidAmount, currency) }),
+                p.paymentDate && /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsx("span", { children: "\xB7" }),
+                  /* @__PURE__ */ jsx("span", { children: p.paymentDate })
+                ] })
+              ] }, p.id))
+            ] })
+          ] }) })
         ),
         extraSections: sideBlocks
       }
@@ -2176,7 +2242,7 @@ function CashOpeningPanel({
           {
             onClick: handleConfirm,
             disabled: submitting,
-            className: "inline-flex items-center gap-1.5 rounded-lg bg-primary border border-primary px-4 py-1.5 text-xs font-medium text-primary-foreground hover:bg-primary/90 shadow-button-primary active:shadow-button-inset transition-colors disabled:opacity-50",
+            className: "inline-flex items-center gap-1.5 rounded-button bg-primary border border-primary px-4 py-1.5 text-xs font-medium text-primary-foreground hover:bg-primary/90 shadow-button-primary active:shadow-button-inset transition-colors disabled:opacity-50",
             children: [
               /* @__PURE__ */ jsx(Check, { className: "h-3 w-3" }),
               " ",
@@ -2277,7 +2343,7 @@ function CashOpeningPanel({
       {
         onClick: () => setConfirming(true),
         disabled: effectiveBalance <= 0,
-        className: "inline-flex items-center gap-1.5 rounded-lg bg-primary border border-primary px-4 py-1.5 text-xs font-medium text-primary-foreground hover:bg-primary/90 shadow-button-primary active:shadow-button-inset transition-colors disabled:opacity-50",
+        className: "inline-flex items-center gap-1.5 rounded-button bg-primary border border-primary px-4 py-1.5 text-xs font-medium text-primary-foreground hover:bg-primary/90 shadow-button-primary active:shadow-button-inset transition-colors disabled:opacity-50",
         children: [
           /* @__PURE__ */ jsx(Play, { className: "h-3 w-3" }),
           " ",
@@ -2420,7 +2486,7 @@ function CashRegistersView() {
   }
   return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
     /* @__PURE__ */ jsx(SubpageHeader, { title: labels.cashRegisters ?? t2("financial.cash.title"), subtitle: t2("financial.cash.subtitle") }),
-    /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-card shadow-sm", children: [
+    /* @__PURE__ */ jsxs("div", { className: "rounded-card border bg-card shadow-sm", children: [
       /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between px-4 py-3 border-b", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ jsx(Landmark, { className: "h-4 w-4 text-info" }),
         /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: t2("financial.cash.openSessions") }),
@@ -2457,7 +2523,7 @@ function CashRegistersView() {
       ] }, session.id)) })
     ] }),
     openSessions.length > 0 && cashAccounts.length > openSessions.length && /* @__PURE__ */ jsx(OpenAnotherCollapsible, { cashAccounts, openSessions, currency, onOpen: handleOpen }),
-    /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-card shadow-sm", children: [
+    /* @__PURE__ */ jsxs("div", { className: "rounded-card border bg-card shadow-sm", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-4 py-3 border-b", children: [
         /* @__PURE__ */ jsx(Clock, { className: "h-4 w-4 text-muted-foreground" }),
         /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: t2("financial.cash.sessionHistory") })
@@ -2511,7 +2577,7 @@ function OpenAnotherCollapsible({
   const [expanded, setExpanded] = useState(false);
   const availableAccounts = cashAccounts.filter((a) => !openSessions.some((s) => s.bankAccountId === a.id));
   if (availableAccounts.length === 0) return null;
-  return /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-card shadow-sm", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "rounded-card border bg-card shadow-sm", children: [
     /* @__PURE__ */ jsxs(
       "button",
       {
@@ -2738,7 +2804,7 @@ function StatementsView({ onNavigate }) {
         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 title = e.invoice?.contactName || (isTransfer ? t2("financial.statements.transfer") : memo || t2("financial.statements.untitledEntry"));
         const memoLine = memo && memo !== title ? memo : void 0;
         const doc = e.invoice?.fiscalNumber;
         const inst = e.movement.installmentNumber;
@@ -2948,7 +3014,12 @@ function CommissionsView() {
   const { labels } = useFinancialConfig();
   return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsx(SubpageHeader, { title: labels.commissions, subtitle: t2("financial.commissions.subtitle") }),
-    /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center rounded-lg border-2 border-dashed border-muted p-12", children: /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t2("financial.commissions.comingSoon") }) })
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center rounded-2xl border-2 border-dashed border-muted px-6 py-12 text-center", children: [
+      /* @__PURE__ */ jsx("div", { className: "mb-3 flex h-12 w-12 items-center justify-center rounded-xl bg-muted text-muted-foreground", children: /* @__PURE__ */ jsx(Users, { className: "h-6 w-6" }) }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: t2("financial.commissions.emptyTitle") }),
+      /* @__PURE__ */ jsx("p", { className: "mt-1 max-w-sm text-xs text-muted-foreground", children: t2("financial.commissions.emptyDesc") }),
+      /* @__PURE__ */ jsx("p", { className: "mt-3 max-w-sm text-xs text-muted-foreground", children: t2("financial.commissions.emptyRulesHint") })
+    ] })
   ] });
 }
 function cardMath(acc) {
@@ -2990,7 +3061,7 @@ function CardsView({ onNavigate }) {
   }
   return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsx(SubpageHeader, { title: t2("financial.cards.title"), subtitle: t2("financial.cards.subtitle") }),
-    bankAccountsLoading && cards.length === 0 ? /* @__PURE__ */ jsx("div", { className: "text-center py-12 text-sm text-muted-foreground", children: "Loading..." }) : cards.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-12 text-center rounded-2xl border-2 border-dashed border-muted", children: [
+    bankAccountsLoading && cards.length === 0 ? /* @__PURE__ */ jsx("div", { className: "text-center py-12 text-sm text-muted-foreground", children: t2("financial.cards.loading") }) : cards.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-12 text-center rounded-2xl border-2 border-dashed border-muted", children: [
       /* @__PURE__ */ jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-xl bg-gradient-to-br from-amber-300 to-yellow-600 mb-3 text-white shadow-sm", children: /* @__PURE__ */ jsx(CreditCard, { className: "h-6 w-6" }) }),
       /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: t2("financial.cards.noCards") }),
       /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-0.5 max-w-xs", children: t2("financial.cards.noCardsHint") })
@@ -3152,12 +3223,12 @@ function ReconciliationView() {
         ] })
       ] })
     ] }),
-    lines.length === 0 && !loading ? /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-card shadow-sm py-16 text-center", children: [
+    lines.length === 0 && !loading ? /* @__PURE__ */ jsxs("div", { className: "rounded-card 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: "rounded-card 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") })
@@ -3188,7 +3259,7 @@ function ReconciliationView() {
           );
         }) })
       ] }),
-      /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-card shadow-sm overflow-hidden", children: [
+      /* @__PURE__ */ jsxs("div", { className: "rounded-card 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") })
@@ -3537,10 +3608,8 @@ function buildNav(config, activeView, navigate, t2) {
       id: "commissions",
       label: t2("financial.nav.commissions"),
       icon: "Users",
-      children: [
-        { id: "commissions-overview", label: t2("financial.nav.overview"), active: activeView === "commissions", onClick: () => navigate("commissions") },
-        { id: "commissions-rules", label: t2("financial.nav.rules"), active: activeView === "commissions", onClick: () => navigate("commissions") }
-      ]
+      active: activeView === "commissions",
+      onClick: () => navigate("commissions")
     });
   }
   if (config.modules.cards) {
@@ -3548,10 +3617,8 @@ function buildNav(config, activeView, navigate, t2) {
       id: "cards",
       label: t2("financial.nav.cards"),
       icon: "CreditCard",
-      children: [
-        { id: "cards-overview", label: t2("financial.nav.overview"), active: activeView === "cards", onClick: () => navigate("cards") },
-        { id: "cards-reconciliation", label: t2("financial.nav.reconciliation"), active: activeView === "cards", onClick: () => navigate("cards") }
-      ]
+      active: activeView === "cards",
+      onClick: () => navigate("cards")
     });
   }
   for (const item of items) {
@@ -3646,7 +3713,6 @@ function FinancialPage({ config, provider, store: store6, registries }) {
       PluginSettingsPanel,
       {
         title: t2("financial.settingsPage.title"),
-        subtitle: t2("financial.settingsPage.subtitle"),
         generalSettings: /* @__PURE__ */ jsx(FinancialGeneralSettings, {}),
         registries,
         hostPluginId: "financial",
@@ -4321,6 +4387,7 @@ function createMockFinancialProvider(options) {
         paidAmount: input.amount,
         feeAmount: thisFee,
         status: "paid",
+        settlesMovementId: bill.id,
         dueDate: bill.dueDate,
         paymentDate: input.paymentDate,
         installmentNumber: bill.installmentNumber,
@@ -5018,6 +5085,11 @@ function createSupabaseFinancialProvider() {
         party_id: input.contactId,
         notes: input.observations,
         currency: "BRL",
+        // The form has an invoice-date picker and this used to ignore it, so
+        // every invoice was dated the day it was typed. `invoiceDate` is read
+        // back off created_at (see mapping below) and is what the date filters
+        // and the payables history sort by, so it has to be written here.
+        ...input.invoiceDate ? { created_at: (/* @__PURE__ */ new Date(`${input.invoiceDate}T12:00:00Z`)).toISOString() } : {},
         metadata: { itemsSummary, contactName: input.contactName, installmentCount: input.installments.length || 1 }
       }).select().single();
       if (order && input.items.length > 0) {
@@ -5060,7 +5132,7 @@ function createSupabaseFinancialProvider() {
       return {
         id: order.id,
         direction: input.direction,
-        invoiceDate: (/* @__PURE__ */ new Date()).toISOString().slice(0, 10),
+        invoiceDate: input.invoiceDate ?? (/* @__PURE__ */ new Date()).toISOString().slice(0, 10),
         fiscalNumber: referenceNumber,
         totalAmount,
         paidAmount: 0,
@@ -5132,11 +5204,17 @@ function createSupabaseFinancialProvider() {
         card_brand: input.cardBrand ?? null,
         card_installments: input.cardInstallments ?? null,
         notes: input.notes ?? null,
-        metadata: input.metadata ?? null
+        metadata: input.metadata ?? null,
+        // Which bill this settles. Without it the pairing has to be re-derived
+        // from (invoice_id, installment_number), which is ambiguous the moment
+        // one installment takes two payments. See migration 014.
+        settles_movement_id: mov.id
       };
       let { data, error } = await pub.from(T.movements).insert(paymentRow).select().single();
-      if (error && /fee_amount/i.test(error.message ?? "")) {
-        const { fee_amount, ...rest } = paymentRow;
+      if (error && /fee_amount|settles_movement_id/i.test(error.message ?? "")) {
+        const rest = { ...paymentRow };
+        if (/fee_amount/i.test(error.message ?? "")) delete rest.fee_amount;
+        if (/settles_movement_id/i.test(error.message ?? "")) delete rest.settles_movement_id;
         ({ data, error } = await pub.from(T.movements).insert(rest).select().single());
       }
       if (error) throw error;
@@ -5929,7 +6007,17 @@ var chartOfAccountsEntity = {
   fields: [
     { key: "code", label: "Code", type: "text", required: true, showInTable: true },
     { key: "name", label: "Name", type: "text", required: true, showInTable: true },
-    { key: "nodeType", label: "Type", type: "select", options: ["group", "leaf"], showInTable: true, required: true, defaultValue: "leaf" },
+    { key: "nodeType", label: "Structure", type: "select", options: ["group", "leaf"], showInTable: true, required: true, defaultValue: "leaf" },
+    // What the account IS, as opposed to where it sits in the tree (nodeType).
+    // Migration 013 leaves it unconstrained; the picker offers the five the
+    // module reasons about.
+    { key: "accountType", label: "Nature", type: "select", options: [
+      { label: "Revenue", value: "revenue" },
+      { label: "Expense", value: "expense" },
+      { label: "Asset", value: "asset" },
+      { label: "Liability", value: "liability" },
+      { label: "Equity", value: "equity" }
+    ], showInTable: true },
     { key: "parentId", label: "Parent", type: "text", showInTable: false },
     { key: "isActive", label: "Active", type: "boolean", showInTable: true, defaultValue: true }
   ],
@@ -6051,20 +6139,20 @@ var financialRegistries = [
     description: "Hierarchical chart of accounts for categorizing transactions",
     display: "tree",
     seedData: [
-      { id: "coa-1", code: "1", name: "Revenue", nodeType: "group", isActive: true },
-      { id: "coa-1.1", code: "1.1", name: "Sales Revenue", nodeType: "group", parentId: "coa-1", isActive: true },
-      { id: "coa-1.1.01", code: "1.1.01", name: "Services", nodeType: "leaf", parentId: "coa-1.1", isActive: true },
-      { id: "coa-1.1.02", code: "1.1.02", name: "Products", nodeType: "leaf", parentId: "coa-1.1", isActive: true },
-      { id: "coa-2", code: "2", name: "Other Revenue", nodeType: "group", isActive: true },
-      { id: "coa-2.1", code: "2.1", name: "Financial Income", nodeType: "leaf", parentId: "coa-2", isActive: true },
-      { id: "coa-3", code: "3", name: "Operational Costs", nodeType: "group", isActive: true },
-      { id: "coa-3.1", code: "3.1", name: "Materials & Supplies", nodeType: "group", parentId: "coa-3", isActive: true },
-      { id: "coa-3.1.01", code: "3.1.01", name: "Raw Materials", nodeType: "leaf", parentId: "coa-3.1", isActive: true },
-      { id: "coa-3.1.02", code: "3.1.02", name: "Consumables", nodeType: "leaf", parentId: "coa-3.1", isActive: true },
-      { id: "coa-4", code: "4", name: "Expenses", nodeType: "group", isActive: true },
-      { id: "coa-4.1", code: "4.1", name: "Rent", nodeType: "leaf", parentId: "coa-4", isActive: true },
-      { id: "coa-4.2", code: "4.2", name: "Utilities", nodeType: "leaf", parentId: "coa-4", isActive: true },
-      { id: "coa-4.3", code: "4.3", name: "Payroll", nodeType: "leaf", parentId: "coa-4", isActive: true }
+      { id: "coa-1", code: "1", name: "Revenue", nodeType: "group", accountType: "revenue", isActive: true },
+      { id: "coa-1.1", code: "1.1", name: "Sales Revenue", nodeType: "group", accountType: "revenue", parentId: "coa-1", isActive: true },
+      { id: "coa-1.1.01", code: "1.1.01", name: "Services", nodeType: "leaf", accountType: "revenue", parentId: "coa-1.1", isActive: true },
+      { id: "coa-1.1.02", code: "1.1.02", name: "Products", nodeType: "leaf", accountType: "revenue", parentId: "coa-1.1", isActive: true },
+      { id: "coa-2", code: "2", name: "Other Revenue", nodeType: "group", accountType: "revenue", isActive: true },
+      { id: "coa-2.1", code: "2.1", name: "Financial Income", nodeType: "leaf", accountType: "revenue", parentId: "coa-2", isActive: true },
+      { id: "coa-3", code: "3", name: "Operational Costs", nodeType: "group", accountType: "expense", isActive: true },
+      { id: "coa-3.1", code: "3.1", name: "Materials & Supplies", nodeType: "group", accountType: "expense", parentId: "coa-3", isActive: true },
+      { id: "coa-3.1.01", code: "3.1.01", name: "Raw Materials", nodeType: "leaf", accountType: "expense", parentId: "coa-3.1", isActive: true },
+      { id: "coa-3.1.02", code: "3.1.02", name: "Consumables", nodeType: "leaf", accountType: "expense", parentId: "coa-3.1", isActive: true },
+      { id: "coa-4", code: "4", name: "Expenses", nodeType: "group", accountType: "expense", isActive: true },
+      { id: "coa-4.1", code: "4.1", name: "Rent", nodeType: "leaf", accountType: "expense", parentId: "coa-4", isActive: true },
+      { id: "coa-4.2", code: "4.2", name: "Utilities", nodeType: "leaf", accountType: "expense", parentId: "coa-4", isActive: true },
+      { id: "coa-4.3", code: "4.3", name: "Payroll", nodeType: "leaf", accountType: "expense", parentId: "coa-4", isActive: true }
     ]
   },
   {
@@ -6152,6 +6240,7 @@ var en = {
   "financial.cards.currentBill": "Current bill",
   "financial.cards.dueOn": "Due on the {{day}}",
   "financial.cards.installment": "Installment {{current}}/{{total}}",
+  "financial.cards.loading": "Loading...",
   "financial.cards.noCards": "No cards yet",
   "financial.cards.noCardsHint": "Add a credit card in settings to track your bills here",
   "financial.cards.noTransactions": "No card transactions",
@@ -6193,10 +6282,17 @@ var en = {
   "financial.cashRegisters.register": "Register",
   "financial.cashRegisters.sessionHistory": "Session History",
   "financial.cashRegisters.subtitle": "Open, count and close cash sessions",
-  "financial.commissions.comingSoon": "Coming soon",
+  "financial.commissions.emptyTitle": "No commissions calculated",
+  "financial.commissions.emptyDesc": "This module tracks commission rules, but nothing here calculates a commission from your sales yet.",
+  "financial.commissions.emptyRulesHint": "Commission rules are managed under Settings \u203A Financial \u203A Properties.",
   "financial.commissions.subtitle": "Team commissions",
   "financial.invoice.accountsPayable": "Accounts Payable",
   "financial.invoice.accountsReceivable": "Accounts Receivable",
+  "financial.invoice.bulkCancel": "Cancel",
+  "financial.invoice.bulkCancelDone": "{{count}} invoice(s) cancelled",
+  "financial.invoice.bulkCancelFailed": "{{count}} invoice(s) could not be cancelled",
+  "financial.invoice.bulkCancelNone": "None of the selected invoices can be cancelled.",
+  "financial.invoice.bulkCancelTitle": "Cancel {{count}} invoice(s)?",
   "financial.invoice.cancelConfirm": "This action cannot be undone.",
   "financial.invoice.cancelDesc": "The invoice will be marked as cancelled. All pending installments will also be cancelled. This invoice will no longer count towards totals.",
   "financial.invoice.cancelInvoice": "Cancel Invoice",
@@ -6226,6 +6322,8 @@ var en = {
   "financial.invoiceForm.clear": "Clear",
   "financial.invoice.newManualHint": "Open the full invoice form",
   "financial.invoice.noDetails": "No additional details recorded",
+  "financial.invoice.unlinkedPayments": "Payments not linked to an installment",
+  "financial.invoice.unlinkedPaymentsDesc": "Money recorded against this invoice that does not name one of the installments above.",
   "financial.invoice.noInstallments": "No installments",
   "financial.invoice.noInvoices": "No invoices yet",
   "financial.invoice.summaryTotal": "Total",
@@ -6530,6 +6628,8 @@ var en = {
   "financial.invoiceForm.cancelling": "Cancelling...",
   "financial.invoiceForm.removeAdjustments": "Remove adjustments",
   "financial.invoiceForm.discount": "Discount",
+  "financial.invoiceForm.account": "Chart account",
+  "financial.invoiceForm.accountNone": "Not assigned",
   "financial.invoiceForm.surcharge": "Surcharge",
   "financial.invoiceForm.total": "Total:",
   "financial.invoiceForm.itemCount": "{{count}} item{{plural}}",
@@ -6603,6 +6703,7 @@ var en = {
   "financial.statements.totalFees": "Fees",
   "financial.statements.net": "Net",
   "financial.statements.transfer": "Transfer",
+  "financial.statements.untitledEntry": "Transaction",
   "financial.statements.reconciled": "Reconciled with the bank statement",
   "financial.statements.imported": "Imported from the bank \xB7 not reconciled",
   "financial.statements.reconciledWith": "Reconciled with {{ref}}",
@@ -6664,6 +6765,7 @@ var ptBR = {
   "financial.cards.currentBill": "Fatura atual",
   "financial.cards.dueOn": "Vence dia {{day}}",
   "financial.cards.installment": "Parcela {{current}}/{{total}}",
+  "financial.cards.loading": "Carregando...",
   "financial.cards.noCards": "Nenhum cart\xE3o cadastrado",
   "financial.cards.noCardsHint": "Adicione um cart\xE3o de cr\xE9dito nas configura\xE7\xF5es para acompanhar suas faturas aqui",
   "financial.cards.noTransactions": "Nenhuma transa\xE7\xE3o com cart\xE3o",
@@ -6705,10 +6807,17 @@ var ptBR = {
   "financial.cashRegisters.register": "Caixa",
   "financial.cashRegisters.sessionHistory": "Hist\xF3rico de Sess\xF5es",
   "financial.cashRegisters.subtitle": "Abrir, contar e fechar sess\xF5es de caixa",
-  "financial.commissions.comingSoon": "Em breve",
+  "financial.commissions.emptyTitle": "Nenhuma comiss\xE3o calculada",
+  "financial.commissions.emptyDesc": "Este m\xF3dulo guarda as regras de comiss\xE3o, mas ainda n\xE3o h\xE1 nada que calcule comiss\xE3o a partir das suas vendas.",
+  "financial.commissions.emptyRulesHint": "As regras de comiss\xE3o ficam em Configura\xE7\xF5es \u203A Financeiro \u203A Propriedades.",
   "financial.commissions.subtitle": "Comiss\xF5es da equipe",
   "financial.invoice.accountsPayable": "Contas a Pagar",
   "financial.invoice.accountsReceivable": "Contas a Receber",
+  "financial.invoice.bulkCancel": "Cancelar",
+  "financial.invoice.bulkCancelDone": "{{count}} fatura(s) cancelada(s)",
+  "financial.invoice.bulkCancelFailed": "{{count}} fatura(s) n\xE3o puderam ser canceladas",
+  "financial.invoice.bulkCancelNone": "Nenhuma das faturas selecionadas pode ser cancelada.",
+  "financial.invoice.bulkCancelTitle": "Cancelar {{count}} fatura(s)?",
   "financial.invoice.cancelConfirm": "Esta a\xE7\xE3o n\xE3o pode ser desfeita.",
   "financial.invoice.cancelDesc": "A fatura ser\xE1 marcada como cancelada. Todas as parcelas pendentes tamb\xE9m ser\xE3o canceladas. Esta fatura n\xE3o contar\xE1 mais nos totais.",
   "financial.invoice.cancelInvoice": "Cancelar Fatura",
@@ -6738,6 +6847,8 @@ var ptBR = {
   "financial.invoiceForm.clear": "Limpar",
   "financial.invoice.newManualHint": "Preencher os campos da conta",
   "financial.invoice.noDetails": "Nenhum detalhe adicional registrado",
+  "financial.invoice.unlinkedPayments": "Pagamentos sem parcela vinculada",
+  "financial.invoice.unlinkedPaymentsDesc": "Dinheiro registrado nesta fatura que n\xE3o aponta para nenhuma das parcelas acima.",
   "financial.invoice.noInstallments": "Sem parcelas",
   "financial.invoice.noInvoices": "Nenhuma fatura ainda",
   "financial.invoice.summaryTotal": "Total",
@@ -7045,6 +7156,8 @@ var ptBR = {
   "financial.invoiceForm.cancelling": "Cancelando...",
   "financial.invoiceForm.removeAdjustments": "Remover ajustes",
   "financial.invoiceForm.discount": "Desconto",
+  "financial.invoiceForm.account": "Conta cont\xE1bil",
+  "financial.invoiceForm.accountNone": "N\xE3o atribu\xEDda",
   "financial.invoiceForm.surcharge": "Acr\xE9scimo",
   "financial.invoiceForm.total": "Total:",
   "financial.invoiceForm.itemCount": "{{count}} item{{plural}}",
@@ -7118,6 +7231,7 @@ var ptBR = {
   "financial.statements.totalFees": "Taxas",
   "financial.statements.net": "L\xEDquido",
   "financial.statements.transfer": "Transfer\xEAncia",
+  "financial.statements.untitledEntry": "Lan\xE7amento",
   "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}}",
@@ -7773,7 +7887,10 @@ function resolveConfig(options) {
       receivables: options?.modules?.receivables !== false,
       cashRegisters: options?.modules?.cashRegisters !== false,
       statements: options?.modules?.statements !== false,
-      commissions: options?.modules?.commissions !== false,
+      // Opt-in: commission RULES are a settings registry, but nothing computes a
+      // commission. Defaulting it on advertised a nav item that could only ever
+      // land on an empty screen.
+      commissions: options?.modules?.commissions === true,
       cards: options?.modules?.cards !== false,
       // Opt-in: only shown when an app explicitly enables reconciliation (bank connector present).
       reconciliation: options?.modules?.reconciliation === true,
@@ -7809,6 +7926,7 @@ function createFinancialPlugin(options) {
   const PageComponent = () => React17.createElement(FinancialPage, { config, provider, store: store6, registries });
   return {
     id: "financial",
+    defaultAgentRole: "finance",
     name: config.labels.pageTitle,
     icon: "DollarSign",
     version: "1.0.0",
@@ -7935,28 +8053,15 @@ function createFinancialPlugin(options) {
           { label: "Compare this week's revenue to last week" }
         ]
       },
-      {
-        id: "financial.create-invoice",
-        name: "createInvoice",
-        description: "Creates a new invoice/payable for a contact.",
-        icon: "FileText",
-        mode: "persist",
-        limitKey: "movements_month",
-        category: "Finance",
-        parameters: {
-          type: "object",
-          properties: {
-            contact: { type: "string", description: "Contact/customer name" },
-            amount: { type: "number", description: "Invoice amount" },
-            description: { type: "string", description: "Invoice description" }
-          },
-          required: ["contact", "amount"]
-        },
-        suggestions: [
-          { label: "Create an invoice for a new client" }
-        ],
-        permission: { feature: "financial", action: "create" }
-      },
+      // (removed) `createInvoice`. It declared mode:'persist' with no handler, no
+      // dataTools entry and no RPC, so buildAgentToolset filtered it out — a
+      // capability advertised to nobody. It was not given an RPC because its
+      // three parameters (contact, amount, description) cannot express what
+      // CreateInvoiceInput requires: `direction` (payable vs receivable),
+      // `invoiceDate`, and `installments[]` with their due dates. An RPC would
+      // have to invent all three, and a bill with a guessed due date is worse
+      // than no bill. Creating an invoice stays the form's job — /financial
+      // #payables-new, which the agent can navigate to.
       {
         id: "financial.mark-payment-received",
         name: "markPaymentReceived",
@@ -8014,7 +8119,6 @@ function createFinancialPlugin(options) {
         component: (() => {
           const FinancialSettingsTab = () => React17.createElement(PluginSettingsPanel, {
             title: "Financial Settings",
-            subtitle: "Payment methods, accounts, and configurations",
             generalSettings: React17.createElement(FinancialGeneralSettings),
             registries,
             hostPluginId: "financial",