@fayz-ai/plugin-financial 0.9.0 → 0.9.1

package/dist/index.js

@@ -1,9 +1,9 @@
 import * as React18 from 'react';
 import React18__default, { useState, useEffect, useMemo, useCallback, useRef } from 'react';
-import { createSafeDataProvider, registerTranslations, useTranslation, getSupabaseClientOptional, getActiveTenantId } from '@fayz-ai/core';
-import { toast, defineKpiWidget, defineChartWidget, defineCustomWidget, defineTableWidget, DataTable, PageTransition, ModulePage, Button, Modal, ModalContent, DatePicker, DashboardCanvas, SubpageHeader, Skeleton, Input, TooltipProvider, Tooltip, TooltipTrigger, TooltipContent, CurrencyInput, useSaveBar, SearchSelect, ListView, KpiCard, ChartWidget, Card, CardHeader, CardTitle, CardContent, TableWidget, useDashboardNavigate, GoldCard } from '@fayz-ai/ui';
-import { createPluginContext, PluginSettingsPanel, dedup, useModuleNavigation, usePermissionOptional, useModuleNavAccess, PermissionGate, ModuleActionBar, useTenantPluginSettings, SettingsGroup, ToggleRow, formatCurrency, parseViewId, EntitlementGate, UpgradePrompt, useLimitGuard, invalidateLimit, PersonLink } from '@fayz-ai/saas';
-import { Wallet, Plus, DollarSign, Landmark, CreditCard, BookOpen, Check, ChevronRight, X, CalendarDays, Paperclip, Camera, Tag, Repeat, ChevronDown, FileText, FileCheck2, ExternalLink, Send, Ban, CalendarClock, RefreshCw, ArrowDownCircle, ArrowUpCircle, Sparkles, Link2, ArrowRightLeft, Receipt, Clock, ArrowLeftRight, CheckCheck, Calculator, StickyNote, Play, Square, ChevronUp, MoreVertical, LayoutList, CircleDashed, CircleAlert, CircleCheckBig, CircleEllipsis, Pencil, User, Calendar, Hash, Building2, ShoppingCart, Car, Home, Utensils, Zap, Film, HeartPulse, Dumbbell, Music, ShoppingBag, CircleDollarSign, Search, Trash2, FileCheck, QrCode, Banknote, ArrowUpRight, ArrowDownRight, AlertTriangle, EyeOff, Eye } from 'lucide-react';
+import { createSafeDataProvider, registerTranslations, registerMessageDefaults, useTranslation, getSupabaseClientOptional, getActiveTenantId, exportCSV } from '@fayz-ai/core';
+import { toast, defineKpiWidget, defineChartWidget, defineCustomWidget, defineTableWidget, DataTable, PageTransition, ModulePage, Button, Modal, ModalContent, DatePicker, DashboardCanvas, SubpageHeader, Skeleton, Card, FilterChip, Input, TooltipProvider, Tooltip, TooltipTrigger, TooltipContent, CurrencyInput, useSaveBar, SearchSelect, ListView, KpiCard, ChartWidget, CardHeader, CardTitle, CardContent, TableWidget, useDashboardNavigate, GoldCard } from '@fayz-ai/ui';
+import { createPluginContext, PluginSettingsPanel, dedup, useModuleNavigation, usePermissionOptional, useModuleNavAccess, PermissionGate, ModuleActionBar, useTenantPluginSettings, SettingsGroup, ToggleRow, formatCurrency, parseViewId, EntitlementGate, UpgradePrompt, useLimitGuard, invalidateLimit, PersonLink, OrderFormSkeleton, OrderFormBlock, OrderFormView, OrderFormItemsCard, OrderFormItemRow, OrderFormAddItemStep, OrderDetailSkeleton, OrderDetailBlock, OrderDetailView } from '@fayz-ai/admin';
+import { Wallet, Plus, DollarSign, Landmark, CreditCard, BookOpen, Check, ChevronRight, X, CalendarDays, Paperclip, Camera, Tag, Repeat, ChevronDown, FileText, FileCheck2, ExternalLink, Send, Ban, CalendarClock, RefreshCw, ArrowDownCircle, ArrowUpCircle, Sparkles, Link2, ArrowRightLeft, Search, Download, Receipt, Clock, ArrowLeftRight, CheckCheck, Calculator, StickyNote, Play, Square, ChevronUp, MoreVertical, CircleCheckBig, CircleDashed, CircleAlert, CircleEllipsis, Pencil, 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';
@@ -789,7 +789,6 @@ function InvoiceListView({ direction, onNew, onEdit }) {
     });
   }, [direction, statusFilter, search, accountId, costCenterId, dateRange]);
   const filtered = invoices.filter((inv) => inv.direction === direction);
-  const listTitle = direction === "debit" ? t2("financial.invoice.accountsPayable") : t2("financial.invoice.accountsReceivable");
   const columns = useInvoiceColumns(currency);
   const tags = useMemo(
     () => STATUS_OPTIONS.filter((o) => o.value !== "cancelled").map((o) => ({ value: o.value, label: t2(o.labelKey) })),
@@ -809,114 +808,85 @@ function InvoiceListView({ direction, onNew, onEdit }) {
   }, [filtered]);
   const receivedLabel = direction === "debit" ? t2("financial.invoice.summaryPaid") : t2("financial.invoice.summaryReceived");
   const pendingLabel = direction === "debit" ? t2("financial.invoice.summaryPayable") : t2("financial.invoice.summaryReceivable");
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+  const exportRows = () => {
+    exportCSV(
+      [
+        { key: "fiscalNumber", label: "#" },
+        { key: "invoiceDate", label: t2("financial.invoice.columnDate") },
+        { key: "contactName", label: t2("financial.invoice.columnDescription") },
+        { key: "totalAmount", label: t2("financial.invoice.columnAmount"), format: (v) => formatCurrency(Number(v) || 0, currency) },
+        { key: "paidAmount", label: t2("financial.invoice.columnPaid"), format: (v) => formatCurrency(Number(v) || 0, currency) },
+        { key: "status", label: t2("financial.invoice.columnStatus"), format: (v) => {
+          const opt = STATUS_OPTIONS.find((o) => o.value === v);
+          return opt ? t2(opt.labelKey) : String(v ?? "");
+        } },
+        { key: "totalInstallments", label: t2("financial.invoice.columnInst") }
+      ],
+      filtered,
+      direction === "debit" ? "contas-a-pagar" : "contas-a-receber"
+    );
+  };
+  const listFilters = /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
-      SubpageHeader,
+      FilterChip,
       {
-        title: listTitle,
-        subtitle: t2("financial.invoice.invoices", { count: filtered.length })
+        icon: CalendarDays,
+        label: t2("financial.invoice.filterPeriod"),
+        allLabel: t2("financial.invoice.filterAllPeriods"),
+        value: datePreset === "all" ? void 0 : datePreset,
+        onChange: (next) => applyPreset(next ?? "all"),
+        options: [
+          { value: "thisMonth", label: t2("financial.invoice.filterThisMonth") },
+          { value: "lastMonth", label: t2("financial.invoice.filterLastMonth") },
+          { value: "last30", label: t2("financial.invoice.filterLast30") },
+          { value: "thisYear", label: t2("financial.invoice.filterThisYear") },
+          { value: "custom", label: t2("financial.invoice.filterCustom") }
+        ]
       }
     ),
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-end gap-3 rounded-lg border bg-muted/20 px-4 py-3", children: [
-      /* @__PURE__ */ jsxs("label", { className: "flex min-w-[180px] flex-col gap-1 text-xs font-medium text-muted-foreground", children: [
-        t2("financial.invoice.filterPeriod"),
-        /* @__PURE__ */ jsxs(
-          "select",
-          {
-            className: "h-9 rounded-md border bg-background px-3 text-sm text-foreground",
-            value: datePreset,
-            onChange: (event) => applyPreset(event.target.value),
-            children: [
-              /* @__PURE__ */ jsx("option", { value: "all", children: t2("financial.invoice.filterAllPeriods") }),
-              /* @__PURE__ */ jsx("option", { value: "thisMonth", children: t2("financial.invoice.filterThisMonth") }),
-              /* @__PURE__ */ jsx("option", { value: "lastMonth", children: t2("financial.invoice.filterLastMonth") }),
-              /* @__PURE__ */ jsx("option", { value: "last30", children: t2("financial.invoice.filterLast30") }),
-              /* @__PURE__ */ jsx("option", { value: "thisYear", children: t2("financial.invoice.filterThisYear") }),
-              /* @__PURE__ */ jsx("option", { value: "custom", children: t2("financial.invoice.filterCustom") })
-            ]
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-xs font-medium text-muted-foreground", children: [
-        t2("financial.invoice.filterFrom"),
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            type: "date",
-            className: "h-9 rounded-md border bg-background px-3 text-sm text-foreground",
-            value: dateFrom,
-            max: dateTo || void 0,
-            onChange: (event) => {
-              setDateFrom(event.target.value);
-              setDatePreset("custom");
-            }
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-xs font-medium text-muted-foreground", children: [
-        t2("financial.invoice.filterTo"),
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            type: "date",
-            className: "h-9 rounded-md border bg-background px-3 text-sm text-foreground",
-            value: dateTo,
-            min: dateFrom || void 0,
-            onChange: (event) => {
-              setDateTo(event.target.value);
-              setDatePreset("custom");
-            }
-          }
-        )
-      ] }),
-      (dateFrom || dateTo) && /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          className: "h-9 rounded-md px-2 text-xs font-medium text-muted-foreground hover:text-foreground",
-          onClick: () => applyPreset("all"),
-          children: t2("financial.invoice.filterClear")
-        }
-      ),
-      accounts.length > 0 && /* @__PURE__ */ jsxs("label", { className: "flex min-w-[220px] flex-col gap-1 text-xs font-medium text-muted-foreground", children: [
-        t2("financial.invoice.filterAccount"),
-        /* @__PURE__ */ jsxs(
-          "select",
-          {
-            className: "h-9 rounded-md border bg-background px-3 text-sm text-foreground",
-            value: accountId,
-            onChange: (event) => setAccountId(event.target.value),
-            children: [
-              /* @__PURE__ */ jsx("option", { value: "", children: t2("financial.invoice.filterAllAccounts") }),
-              accounts.map((account) => /* @__PURE__ */ jsxs("option", { value: account.id, children: [
-                account.code,
-                " - ",
-                account.name
-              ] }, account.id))
-            ]
-          }
-        )
-      ] }),
-      costCenters.length > 0 && /* @__PURE__ */ jsxs("label", { className: "flex min-w-[220px] flex-col gap-1 text-xs font-medium text-muted-foreground", children: [
-        t2("financial.invoice.filterCostCenter"),
-        /* @__PURE__ */ jsxs(
-          "select",
-          {
-            className: "h-9 rounded-md border bg-background px-3 text-sm text-foreground",
-            value: costCenterId,
-            onChange: (event) => setCostCenterId(event.target.value),
-            children: [
-              /* @__PURE__ */ jsx("option", { value: "", children: t2("financial.invoice.filterAllCostCenters") }),
-              costCenters.map((costCenter) => /* @__PURE__ */ jsxs("option", { value: costCenter.id, children: [
-                costCenter.code,
-                " - ",
-                costCenter.name
-              ] }, costCenter.id))
-            ]
-          }
-        )
-      ] })
+    datePreset === "custom" && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(DatePicker, { value: dateFrom, onChange: setDateFrom, variant: "chip" }),
+      /* @__PURE__ */ jsx(DatePicker, { value: dateTo, onChange: setDateTo, variant: "chip" })
     ] }),
+    (dateFrom || dateTo) && /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: "h-9 rounded-md px-2 text-xs font-medium text-muted-foreground hover:text-foreground",
+        onClick: () => applyPreset("all"),
+        children: t2("financial.invoice.filterClear")
+      }
+    ),
+    accounts.length > 0 && /* @__PURE__ */ jsx(
+      FilterChip,
+      {
+        icon: Landmark,
+        label: t2("financial.invoice.filterAccount"),
+        allLabel: t2("financial.invoice.filterAllAccounts"),
+        value: accountId || void 0,
+        onChange: (next) => setAccountId(next ?? ""),
+        options: accounts.map((account) => ({
+          value: account.id,
+          label: `${account.code} - ${account.name}`
+        }))
+      }
+    ),
+    costCenters.length > 0 && /* @__PURE__ */ jsx(
+      FilterChip,
+      {
+        icon: Building2,
+        label: t2("financial.invoice.filterCostCenter"),
+        allLabel: t2("financial.invoice.filterAllCostCenters"),
+        value: costCenterId || void 0,
+        onChange: (next) => setCostCenterId(next ?? ""),
+        options: costCenters.map((costCenter) => ({
+          value: costCenter.id,
+          label: `${costCenter.code} - ${costCenter.name}`
+        }))
+      }
+    )
+  ] });
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsx(
       ListView,
       {
@@ -928,823 +898,37 @@ function InvoiceListView({ direction, onNew, onEdit }) {
         onSearchChange: setSearch,
         searchDebounce: 0,
         tags,
+        allTagLabel: t2("crud.list.allFacet"),
         activeTag: statusFilter.length === 1 ? statusFilter[0] : void 0,
         onTagChange: (v) => setStatusFilter(v ? [v] : []),
+        filters: listFilters,
+        onExport: filtered.length > 0 ? exportRows : void 0,
+        exportLabel: t2("crud.export.action"),
         newLabel: t2("financial.invoice.new"),
         onNew: onNewGated,
         onRowClick: (row) => onEdit?.(row.id),
         emptyIcon: FileText,
         emptyMessage: t2("financial.invoice.noInvoices"),
-        emptyActionLabel: onNewGated ? t2("financial.invoice.createFirst") : void 0,
-        onEmptyAction: onNewGated
-      }
-    ),
-    filtered.length > 0 && !invoicesLoading && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-6 rounded-lg border bg-muted/30 px-5 py-3 text-sm", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t2("financial.invoice.summaryTotal") }),
-        /* @__PURE__ */ jsx("span", { className: "font-semibold", children: formatCurrency(summary.totalAmount, currency) })
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "h-4 w-px bg-border" }),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: receivedLabel }),
-        /* @__PURE__ */ jsx("span", { className: "font-semibold text-success", children: formatCurrency(summary.paidAmount, currency) })
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "h-4 w-px bg-border" }),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: pendingLabel }),
-        /* @__PURE__ */ jsx("span", { className: "font-semibold text-warning", children: formatCurrency(summary.openAmount, currency) })
-      ] })
-    ] })
-  ] });
-}
-function LocationSelector({ locations, value, onChange }) {
-  const t2 = useTranslation();
-  const [open, setOpen] = useState(false);
-  const [search, setSearch] = useState("");
-  const ref = useRef(null);
-  useEffect(() => {
-    function handler(e) {
-      if (ref.current && !ref.current.contains(e.target)) setOpen(false);
-    }
-    document.addEventListener("mousedown", handler);
-    return () => document.removeEventListener("mousedown", handler);
-  }, []);
-  const selected = locations.find((l) => l.id === value);
-  const filtered = locations.filter(
-    (l) => !search.trim() || l.name.toLowerCase().includes(search.toLowerCase())
-  );
-  return /* @__PURE__ */ jsxs("div", { ref, className: "relative", children: [
-    /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground", children: t2("financial.invoiceForm.unit") }),
-    /* @__PURE__ */ jsxs(
-      "button",
-      {
-        type: "button",
-        onClick: () => setOpen(!open),
-        className: "w-full mt-1 flex items-center gap-2 rounded-input border border-input  bg-card shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] px-3 py-2 text-sm text-left hover:bg-muted/30  transition-colors",
-        children: [
-          /* @__PURE__ */ jsx(Building2, { className: "h-3.5 w-3.5 text-muted-foreground shrink-0" }),
-          /* @__PURE__ */ jsx("span", { className: "flex-1 truncate", children: selected?.name ?? t2("financial.invoiceForm.selectUnit") }),
-          /* @__PURE__ */ jsx(ChevronDown, { className: `h-3 w-3 text-muted-foreground transition-transform ${open ? "rotate-180" : ""}` })
-        ]
-      }
-    ),
-    open && /* @__PURE__ */ jsxs("div", { className: "fayz-glass-surface absolute top-full left-0 right-0 z-50 mt-1 rounded-lg border bg-popover shadow-lg overflow-hidden min-w-[260px]", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-3 py-2 border-b", children: [
-        /* @__PURE__ */ jsx(Building2, { className: "h-4 w-4 text-muted-foreground" }),
-        /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold", children: t2("financial.invoiceForm.selectUnitTitle") }),
-        /* @__PURE__ */ jsx("button", { onClick: () => setOpen(false), className: "ml-auto text-muted-foreground hover:text-foreground", children: /* @__PURE__ */ jsx(X, { className: "h-3.5 w-3.5" }) })
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "p-2 border-b", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 rounded-input border border-input  bg-card shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] px-2.5 py-1.5", children: [
-        /* @__PURE__ */ jsx(Search, { className: "h-3.5 w-3.5 text-muted-foreground" }),
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            type: "text",
-            autoFocus: true,
-            value: search,
-            onChange: (e) => setSearch(e.target.value),
-            placeholder: t2("financial.invoiceForm.searchUnit"),
-            className: "flex-1 bg-transparent text-sm outline-none"
-          }
-        )
-      ] }) }),
-      /* @__PURE__ */ jsxs("div", { className: "max-h-56 overflow-auto py-1", children: [
-        filtered.map((loc) => /* @__PURE__ */ jsxs(
-          "button",
-          {
-            onClick: () => {
-              onChange(loc.id);
-              setOpen(false);
-              setSearch("");
-            },
-            className: `w-full flex items-center gap-3 px-3 py-2.5 text-left hover:bg-muted/50 transition-colors ${loc.id === value ? "bg-muted/30" : ""}`,
-            children: [
-              /* @__PURE__ */ jsx("div", { className: "flex h-8 w-8 items-center justify-center rounded-lg bg-muted shrink-0", children: /* @__PURE__ */ jsx(Building2, { className: "h-4 w-4 text-muted-foreground" }) }),
-              /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
-                /* @__PURE__ */ jsx("p", { className: "text-sm font-medium truncate", children: loc.name }),
-                loc.isHQ && /* @__PURE__ */ jsx("p", { className: "text-[10px] text-muted-foreground", children: t2("financial.invoiceForm.headquarters") })
-              ] })
-            ]
-          },
-          loc.id
-        )),
-        filtered.length === 0 && /* @__PURE__ */ jsx("p", { className: "px-3 py-4 text-center text-xs text-muted-foreground", children: t2("financial.invoiceForm.noUnitsFound") })
-      ] })
-    ] })
-  ] });
-}
-var formId = 1;
-function fid() {
-  return `f${formId++}`;
-}
-function ItemRow({ item, index, itemTypes, currency, expanded, onToggle, onUpdate, onRemove, entityLookups, showTypeSelector }) {
-  const t2 = useTranslation();
-  const total = item.quantity * item.unitPrice - (item.discount ?? 0) + (item.surcharge ?? 0);
-  const kindLabel = itemTypes.find((tp) => tp.value === item.itemKind)?.label ?? item.itemKind;
-  const hasAdjustments = (item.discount ?? 0) > 0 || (item.surcharge ?? 0) > 0;
-  const [showAdjustments, setShowAdjustments] = useState(hasAdjustments);
-  function handleFieldKeyDown(e) {
-    if (e.key === "Enter" && !e.shiftKey) {
-      e.preventDefault();
-      onToggle();
-    }
-  }
-  return /* @__PURE__ */ jsxs("div", { className: "border-b last:border-0", children: [
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: "flex items-center gap-2 px-4 py-3 cursor-pointer hover:bg-muted/30 transition-colors group",
-        onClick: onToggle,
-        children: [
-          /* @__PURE__ */ jsx(ChevronDown, { className: `h-3 w-3 text-muted-foreground shrink-0 transition-transform ${expanded ? "rotate-0" : "-rotate-90"}` }),
-          /* @__PURE__ */ jsxs("span", { className: "text-[10px] font-medium text-muted-foreground w-5 shrink-0", children: [
-            index + 1,
-            "."
-          ] }),
-          /* @__PURE__ */ jsx("span", { className: "inline-flex items-center rounded px-1.5 py-0.5 text-[9px] font-medium bg-muted text-muted-foreground shrink-0", children: kindLabel }),
-          /* @__PURE__ */ jsx("span", { className: "text-sm truncate flex-1 min-w-0", children: item.description || /* @__PURE__ */ jsx("span", { className: "text-muted-foreground italic", children: t2("financial.invoiceForm.noDescription") }) }),
-          /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground shrink-0", children: [
-            item.quantity,
-            " x ",
-            formatCurrency(item.unitPrice, currency)
-          ] }),
-          hasAdjustments && /* @__PURE__ */ jsx(Tag, { className: "h-3 w-3 text-warning shrink-0" }),
-          /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold shrink-0 min-w-[80px] text-right", children: formatCurrency(total, currency) }),
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              onClick: (e) => {
-                e.stopPropagation();
-                onRemove();
-              },
-              className: "p-1 text-muted-foreground opacity-0 group-hover:opacity-100 hover:text-destructive transition-all shrink-0",
-              children: /* @__PURE__ */ jsx(Trash2, { className: "h-3 w-3" })
-            }
-          )
-        ]
-      }
-    ),
-    expanded && /* @__PURE__ */ jsxs("div", { className: "px-4 pb-4 pt-1 ml-8 space-y-3 bg-muted/10", children: [
-      showTypeSelector && /* @__PURE__ */ jsx("div", { className: "flex gap-1.5", children: itemTypes.map((tp) => /* @__PURE__ */ jsx(
-        "button",
-        {
-          onClick: () => onUpdate({ itemKind: tp.value }),
-          className: `rounded-full px-2.5 py-1 text-[10px] font-medium transition-colors ${item.itemKind === tp.value ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground hover:bg-muted/80"}`,
-          children: tp.label
-        },
-        tp.value
-      )) }),
-      /* @__PURE__ */ jsxs("div", { className: "grid gap-3 grid-cols-12", children: [
-        /* @__PURE__ */ jsx("div", { className: "col-span-6 sm:col-span-7", children: entityLookups[item.itemKind] ? /* @__PURE__ */ jsx(
-          SearchSelect,
-          {
-            label: t2("financial.invoiceForm.item"),
-            value: item.referenceId ?? "",
-            displayValue: item.description,
-            loadOnOpen: true,
-            onChange: (id, opt) => {
-              const price = opt?.data?.price;
-              onUpdate({
-                referenceId: id || void 0,
-                description: opt?.label ?? "",
-                ...price != null ? { unitPrice: price } : {}
-              });
-            },
-            onSearch: async (q) => {
-              const results = await entityLookups[item.itemKind].search(q);
-              return results.map((r) => ({
-                id: r.id,
-                label: r.label,
-                subtitle: r.subtitle,
-                group: r.group,
-                data: r
-              }));
-            },
-            placeholder: `Search ${itemTypes.find((tp) => tp.value === item.itemKind)?.label?.toLowerCase() ?? "item"}...`,
-            renderOption: (opt) => /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-              /* @__PURE__ */ jsx("p", { className: "text-sm truncate", children: opt.label }),
-              opt.subtitle && /* @__PURE__ */ jsx("p", { className: "text-[10px] text-muted-foreground", children: opt.subtitle })
-            ] })
-          }
-        ) : /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx("label", { className: "text-[10px] font-medium text-muted-foreground", children: t2("financial.invoiceForm.description") }),
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              type: "text",
-              value: item.description,
-              onChange: (e) => onUpdate({ description: e.target.value }),
-              onKeyDown: handleFieldKeyDown,
-              placeholder: t2("financial.invoiceForm.itemDescription"),
-              autoFocus: true,
-              className: "w-full mt-0.5 rounded-input border border-input  bg-card shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] px-2.5 py-1.5 text-sm focus:outline-none focus:ring-2 focus:ring-ring"
-            }
-          )
-        ] }) }),
-        /* @__PURE__ */ jsxs("div", { className: "col-span-2 sm:col-span-1", children: [
-          /* @__PURE__ */ jsx("label", { className: "text-[10px] font-medium text-muted-foreground", children: t2("financial.invoiceForm.qty") }),
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              type: "number",
-              min: 1,
-              value: item.quantity,
-              onChange: (e) => onUpdate({ quantity: Number(e.target.value) || 1 }),
-              onKeyDown: handleFieldKeyDown,
-              className: "w-full mt-0.5 rounded-input border border-input  bg-card shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] px-2 py-1.5 text-sm text-center focus:outline-none focus:ring-2 focus:ring-ring"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "col-span-4", onKeyDown: handleFieldKeyDown, children: /* @__PURE__ */ jsx(
-          CurrencyInput,
-          {
-            label: t2("financial.invoiceForm.unitPrice"),
-            value: item.unitPrice,
-            onChange: (v) => onUpdate({ unitPrice: v }),
-            symbol: currency.symbol,
-            locale: currency.locale,
-            currencyCode: currency.code
-          }
-        ) })
-      ] }),
-      !showAdjustments ? /* @__PURE__ */ jsxs(
-        "button",
-        {
-          onClick: () => setShowAdjustments(true),
-          className: "inline-flex items-center gap-1 text-xs text-muted-foreground hover:text-foreground transition-colors",
-          children: [
-            /* @__PURE__ */ jsx(Plus, { className: "h-3 w-3" }),
-            " ",
-            t2("financial.invoiceForm.discountSurcharge")
-          ]
-        }
-      ) : /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
-          /* @__PURE__ */ jsx("label", { className: "text-[10px] font-medium text-muted-foreground", children: t2("financial.invoiceForm.discount") }),
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center mt-0.5 rounded-input border border-input  bg-card shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] focus-within:ring-2 focus-within:ring-primary/20", children: [
-            /* @__PURE__ */ jsx("span", { className: "pl-2 text-xs text-muted-foreground", children: currency.symbol }),
-            /* @__PURE__ */ jsx(
-              "input",
-              {
-                type: "number",
-                min: 0,
-                step: 0.01,
-                value: item.discount ?? 0,
-                onChange: (e) => onUpdate({ discount: Number(e.target.value) || 0 }),
-                onKeyDown: handleFieldKeyDown,
-                className: "flex-1 bg-transparent px-2 py-1 text-xs outline-none"
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
-          /* @__PURE__ */ jsx("label", { className: "text-[10px] font-medium text-muted-foreground", children: t2("financial.invoiceForm.surcharge") }),
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center mt-0.5 rounded-input border border-input  bg-card shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] focus-within:ring-2 focus-within:ring-primary/20", children: [
-            /* @__PURE__ */ jsx("span", { className: "pl-2 text-xs text-muted-foreground", children: currency.symbol }),
-            /* @__PURE__ */ jsx(
-              "input",
-              {
-                type: "number",
-                min: 0,
-                step: 0.01,
-                value: item.surcharge ?? 0,
-                onChange: (e) => onUpdate({ surcharge: Number(e.target.value) || 0 }),
-                onKeyDown: handleFieldKeyDown,
-                className: "flex-1 bg-transparent px-2 py-1 text-xs outline-none"
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            onClick: () => {
-              onUpdate({ discount: 0, surcharge: 0 });
-              setShowAdjustments(false);
-            },
-            className: "mt-3 p-1 text-muted-foreground hover:text-destructive transition-colors",
-            title: t2("financial.invoiceForm.removeAdjustments"),
-            children: /* @__PURE__ */ jsx(X, { className: "h-3.5 w-3.5" })
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "flex justify-end pt-1", children: /* @__PURE__ */ jsxs(
-        "button",
-        {
-          onClick: onToggle,
-          className: "inline-flex items-center gap-1 rounded-md px-2.5 py-1 text-[11px] text-muted-foreground hover:text-foreground hover:bg-muted/50 transition-colors",
-          children: [
-            /* @__PURE__ */ jsx(Check, { className: "h-3 w-3" }),
-            " ",
-            t2("financial.invoiceForm.done")
-          ]
-        }
-      ) })
-    ] })
-  ] });
-}
-function AddItemStep({ itemTypes, onSelect, onCancel }) {
-  const t2 = useTranslation();
-  return /* @__PURE__ */ jsxs("div", { className: "border-b px-4 py-3 bg-primary/5 animate-in fade-in-0 slide-in-from-top-1", children: [
-    /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-muted-foreground mb-2", children: t2("financial.invoiceForm.selectItemType") }),
-    /* @__PURE__ */ jsxs("div", { className: "flex gap-2 flex-wrap", children: [
-      itemTypes.map((t3) => /* @__PURE__ */ jsx(
-        "button",
-        {
-          onClick: () => onSelect(t3.value),
-          className: "inline-flex items-center gap-1.5 rounded-lg border-2 border-transparent bg-card px-4 py-2 text-sm font-medium shadow-sm hover:border-primary hover:shadow-md transition-all",
-          children: t3.label
-        },
-        t3.value
-      )),
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          onClick: onCancel,
-          className: "inline-flex items-center rounded-lg px-3 py-2 text-xs text-muted-foreground hover:text-foreground transition-colors",
-          children: t2("financial.invoiceForm.cancel")
-        }
-      )
-    ] })
-  ] });
-}
-function InvoiceFormView({ direction, editId, onSaved }) {
-  const t2 = useTranslation();
-  const config = useFinancialConfig();
-  const { currency, itemTypes, locations } = config;
-  const provider = useFinancialProvider();
-  const hasItemLookups = itemTypes.some((tp) => config.entityLookups[tp.value]);
-  const defaultItemKind = itemTypes.find((tp) => tp.value === "other")?.value ?? itemTypes.find((tp) => !config.entityLookups[tp.value])?.value ?? itemTypes[0]?.value ?? "other";
-  const createInvoice = useFinancialStore((s) => s.createInvoice);
-  const guardMovements = useLimitGuard("movements_month");
-  const can = usePermissionOptional();
-  const hasLocations = locations.length > 0;
-  const isEdit = !!editId;
-  const [loaded, setLoaded] = useState(!editId);
-  const [loading, setLoading] = useState(!!editId);
-  const [contactName, setContactName] = useState("");
-  const [contactId, setContactId] = useState();
-  const [unitId, setUnitId] = useState(locations[0]?.id ?? "");
-  const [invoiceDate, setInvoiceDate] = useState((/* @__PURE__ */ new Date()).toISOString().slice(0, 10));
-  const [fiscalNumber, setFiscalNumber] = useState("");
-  const [observations, setObservations] = useState("");
-  const [items, setItems] = useState([]);
-  const [expandedItemId, setExpandedItemId] = useState(null);
-  const [addingItem, setAddingItem] = useState(false);
-  const [installments, setInstallments] = useState([]);
-  const [saving, setSaving] = useState(false);
-  const [menuOpen, setMenuOpen] = useState(false);
-  const [confirmCancel, setConfirmCancel] = useState(false);
-  const [cancelling, setCancelling] = useState(false);
-  const menuRef = useRef(null);
-  const cancelInvoice = useFinancialStore((s) => s.cancelInvoice);
-  useEffect(() => {
-    if (!menuOpen) return;
-    function handleClick(e) {
-      if (menuRef.current && !menuRef.current.contains(e.target)) setMenuOpen(false);
-    }
-    document.addEventListener("mousedown", handleClick);
-    return () => document.removeEventListener("mousedown", handleClick);
-  }, [menuOpen]);
-  async function handleCancelInvoice() {
-    if (!editId) return;
-    setCancelling(true);
-    try {
-      await cancelInvoice(editId);
-      onSaved?.();
-    } catch {
-    } finally {
-      setCancelling(false);
-    }
-  }
-  useEffect(() => {
-    if (!editId || loaded) return;
-    setLoading(true);
-    (async () => {
-      const invoice = await provider.getInvoiceById(editId);
-      if (!invoice) return;
-      setContactName(invoice.contactName ?? "");
-      setContactId(invoice.contactId);
-      setUnitId(invoice.unitId ?? locations[0]?.id ?? "");
-      setInvoiceDate(invoice.invoiceDate);
-      setFiscalNumber(invoice.fiscalNumber ?? "");
-      setObservations(invoice.observations ?? "");
-      const invoiceItems = await provider.getInvoiceItems(editId);
-      setItems(invoiceItems.map((it) => ({
-        _id: fid(),
-        itemKind: it.itemKind,
-        referenceId: it.referenceId,
-        description: it.description,
-        quantity: it.quantity,
-        unitPrice: it.unitPrice,
-        discount: it.discount,
-        surcharge: it.surcharge
-      })));
-      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));
-      setInstallments(invoiceMovements.map((m) => ({
-        _id: fid(),
-        amount: m.amount,
-        dueDate: m.dueDate
-      })));
-      setLoaded(true);
-      setLoading(false);
-    })();
-  }, [editId]);
-  const totalAmount = items.reduce((sum, it) => {
-    return sum + it.quantity * it.unitPrice - (it.discount ?? 0) + (it.surcharge ?? 0);
-  }, 0);
-  const prevItemCount = useRef(items.length);
-  useEffect(() => {
-    if (items.length > 0 && prevItemCount.current === 0 && installments.length === 0 && !isEdit) {
-      const total = items.reduce((sum, it) => sum + it.quantity * it.unitPrice - (it.discount ?? 0) + (it.surcharge ?? 0), 0);
-      if (total > 0) {
-        setInstallments([{ _id: fid(), amount: total, dueDate: invoiceDate }]);
-      }
-    }
-    prevItemCount.current = items.length;
-  }, [items.length]);
-  useEffect(() => {
-    if (installments.length > 0 && totalAmount > 0 && !isEdit) {
-      const count = installments.length;
-      const perInstallment = Math.floor(totalAmount * 100 / count) / 100;
-      const remainder = Math.round((totalAmount - perInstallment * count) * 100) / 100;
-      setInstallments((prev) => prev.map((inst, i) => ({
-        ...inst,
-        amount: i === 0 ? perInstallment + remainder : perInstallment
-      })));
-    }
-  }, [totalAmount]);
-  function addItemOfKind(kind) {
-    const newItem = {
-      _id: fid(),
-      itemKind: kind,
-      description: "",
-      quantity: 1,
-      unitPrice: 0
-    };
-    setItems([...items, newItem]);
-    setExpandedItemId(newItem._id);
-    setAddingItem(false);
-  }
-  function startAddItem() {
-    if (hasItemLookups) setAddingItem(true);
-    else addItemOfKind(defaultItemKind);
-  }
-  function updateItem(id, data) {
-    setItems(items.map((it) => it._id === id ? { ...it, ...data } : it));
-  }
-  function removeItem(id) {
-    setItems(items.filter((it) => it._id !== id));
-  }
-  function generateInstallments(count) {
-    if (count < 1 || totalAmount <= 0) return;
-    const perInstallment = Math.floor(totalAmount * 100 / count) / 100;
-    const remainder = Math.round((totalAmount - perInstallment * count) * 100) / 100;
-    const base = new Date(invoiceDate);
-    const inst = [];
-    for (let i = 0; i < count; i++) {
-      const due = new Date(base);
-      due.setMonth(due.getMonth() + i + 1);
-      inst.push({
-        _id: fid(),
-        amount: i === 0 ? perInstallment + remainder : perInstallment,
-        dueDate: due.toISOString().slice(0, 10)
-      });
-    }
-    setInstallments(inst);
-  }
-  async function handleSave() {
-    if (!isEdit && !can("financial", "create")) return;
-    if (items.length === 0) {
-      toast.error(t2("common.formIncomplete"));
-      return;
-    }
-    if (!isEdit && await guardMovements(Math.max(1, installments.length)) === "blocked") return;
-    setSaving(true);
-    try {
-      const movInputs = installments.map((inst, i) => ({
-        direction,
-        movementKind: "bill",
-        amount: inst.amount,
-        dueDate: inst.dueDate,
-        installmentNumber: i + 1
-      }));
-      if (movInputs.length === 0) {
-        movInputs.push({
-          direction,
-          movementKind: "bill",
-          amount: totalAmount,
-          dueDate: invoiceDate,
-          installmentNumber: 1
-        });
-      }
-      if (isEdit && editId) {
-        await provider.updateInvoice(editId, {
-          invoiceDate,
-          contactId,
-          contactName: contactName || void 0,
-          unitId: unitId || void 0,
-          fiscalNumber: fiscalNumber || void 0,
-          observations: observations || void 0,
-          totalAmount
-        });
-        onSaved?.(editId);
-      } else {
-        const invoice = await createInvoice({
-          direction,
-          invoiceDate,
-          contactId,
-          contactName: contactName || void 0,
-          unitId: unitId || void 0,
-          fiscalNumber: fiscalNumber || void 0,
-          observations: observations || void 0,
-          items: items.map(({ _id, ...rest }) => rest),
-          installments: movInputs
-        });
-        invalidateLimit("movements_month");
-        onSaved?.(invoice.id);
-      }
-    } finally {
-      setSaving(false);
-    }
-  }
-  const fields = {
-    contactName,
-    contactId,
-    unitId,
-    invoiceDate,
-    fiscalNumber,
-    observations,
-    items: items.map(({ _id, ...rest }) => rest),
-    installments: installments.map(({ _id, ...rest }) => rest)
-  };
-  const snapshot = useRef(null);
-  useEffect(() => {
-    if (loaded && snapshot.current === null) snapshot.current = JSON.stringify(fields);
-  }, [loaded]);
-  const dirty = snapshot.current !== null && JSON.stringify(fields) !== snapshot.current;
-  useSaveBar({
-    dirty,
-    saving,
-    onSave: () => {
-      void handleSave();
-    },
-    onDiscard: () => onSaved?.(),
-    saveLabel: t2("financial.invoiceForm.save")
-  });
-  const title = direction === "debit" ? t2("financial.invoice.accountsPayable") : t2("financial.invoice.accountsReceivable");
-  const subtitle = isEdit ? t2("financial.invoiceForm.editing") : t2("financial.invoiceForm.creating");
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
-    /* @__PURE__ */ jsx(
-      SubpageHeader,
-      {
-        title,
-        subtitle,
-        onBack: onSaved,
-        parentLabel: direction === "debit" ? t2("financial.nav.payables") : t2("financial.nav.receivables"),
-        actions: isEdit ? /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: /* @__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" })
-            }
-          ),
-          menuOpen && /* @__PURE__ */ jsx("div", { className: "fayz-glass-surface absolute right-0 top-full mt-1 w-44 rounded-lg border bg-popover shadow-md z-20 py-1", style: { animation: "field-slide-in 150ms ease-out" }, children: /* @__PURE__ */ jsxs(
-            "button",
-            {
-              onClick: () => {
-                setConfirmCancel(true);
-                setMenuOpen(false);
-              },
-              className: "flex w-full items-center gap-2 px-3 py-2 text-xs text-destructive hover:bg-destructive/10 transition-colors",
-              children: [
-                /* @__PURE__ */ jsx(Ban, { className: "h-3.5 w-3.5" }),
-                " ",
-                t2("financial.invoiceForm.cancelInvoice")
-              ]
-            }
-          ) })
-        ] }) }) : null
-      }
-    ),
-    /* @__PURE__ */ jsx("div", { className: "rounded-lg border bg-card shadow-sm p-5", children: /* @__PURE__ */ jsxs("div", { className: `grid gap-4 ${hasLocations ? "sm:grid-cols-12" : "sm:grid-cols-10"}`, children: [
-      /* @__PURE__ */ jsx("div", { className: hasLocations ? "sm:col-span-4" : "sm:col-span-4", children: /* @__PURE__ */ jsx(
-        SearchSelect,
-        {
-          label: direction === "debit" ? t2("financial.invoiceForm.payTo") : t2("financial.invoiceForm.receiveFrom"),
-          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 }));
-          },
-          placeholder: t2("financial.invoiceForm.searchType")
-        }
-      ) }),
-      hasLocations && /* @__PURE__ */ jsx("div", { className: "sm:col-span-3", children: /* @__PURE__ */ jsx(
-        LocationSelector,
-        {
-          locations,
-          value: unitId,
-          onChange: setUnitId
-        }
-      ) }),
-      /* @__PURE__ */ jsxs("div", { className: hasLocations ? "sm:col-span-2" : "sm:col-span-3", children: [
-        /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground", children: t2("financial.invoiceForm.date") }),
-        /* @__PURE__ */ jsx(DatePicker, { value: invoiceDate, onChange: setInvoiceDate, className: "mt-1" })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: hasLocations ? "sm:col-span-3" : "sm:col-span-3", children: [
-        /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground", children: t2("financial.invoiceForm.fiscalNumber") }),
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            type: "text",
-            value: fiscalNumber,
-            onChange: (e) => setFiscalNumber(e.target.value),
-            placeholder: t2("financial.invoiceForm.fiscalNumber"),
-            className: "w-full mt-1 rounded-input border border-input  bg-card shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring"
-          }
-        )
-      ] })
-    ] }) }),
-    loading ? /* @__PURE__ */ jsxs("div", { className: "grid gap-4 lg:grid-cols-3", children: [
-      /* @__PURE__ */ jsxs("div", { className: "lg:col-span-2 rounded-lg border bg-card shadow-sm overflow-hidden", 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(LayoutList, { className: "h-4 w-4 text-muted-foreground" }),
-          /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: t2("financial.invoiceForm.items") })
-        ] }) }),
-        /* @__PURE__ */ jsx("div", { className: "p-4 space-y-3", children: [1, 2].map((i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 px-2 py-3", children: [
-          /* @__PURE__ */ jsx("div", { className: "h-4 w-4 rounded bg-muted animate-pulse" }),
-          /* @__PURE__ */ jsx("div", { className: "h-4 w-8 rounded bg-muted animate-pulse" }),
-          /* @__PURE__ */ jsx("div", { className: "h-4 w-16 rounded bg-muted animate-pulse" }),
-          /* @__PURE__ */ jsx("div", { className: "h-4 flex-1 rounded bg-muted animate-pulse" }),
-          /* @__PURE__ */ jsx("div", { className: "h-4 w-20 rounded bg-muted animate-pulse" }),
-          /* @__PURE__ */ jsx("div", { className: "h-4 w-16 rounded bg-muted animate-pulse" })
-        ] }, i)) })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-card shadow-sm", children: [
-        /* @__PURE__ */ jsx("div", { className: "px-5 py-3 border-b", children: /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: t2("financial.invoiceForm.installments") }) }),
-        /* @__PURE__ */ jsx("div", { className: "p-4 space-y-3", children: [1, 2].map((i) => /* @__PURE__ */ jsxs("div", { className: "rounded border p-2.5 space-y-2", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex justify-between", children: [
-            /* @__PURE__ */ jsx("div", { className: "h-3 w-6 rounded bg-muted animate-pulse" }),
-            /* @__PURE__ */ jsx("div", { className: "h-4 w-16 rounded bg-muted animate-pulse" })
-          ] }),
-          /* @__PURE__ */ jsx("div", { className: "h-7 rounded bg-muted animate-pulse" })
-        ] }, i)) })
-      ] })
-    ] }) : /* @__PURE__ */ jsxs("div", { className: "grid gap-4 lg:grid-cols-3", children: [
-      /* @__PURE__ */ jsxs("div", { className: "lg:col-span-2 rounded-lg border bg-card shadow-sm overflow-hidden flex flex-col", children: [
-        /* @__PURE__ */ jsxs("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(LayoutList, { className: "h-4 w-4 text-muted-foreground" }),
-            /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: t2("financial.invoiceForm.items") })
-          ] }),
-          /* @__PURE__ */ jsxs(
-            "button",
-            {
-              onClick: startAddItem,
-              className: "inline-flex items-center gap-1.5 rounded-lg bg-primary border border-primary px-3 py-1.5 text-xs font-medium text-primary-foreground hover:bg-primary/90 shadow-button-primary active:shadow-button-inset transition-colors",
-              children: [
-                /* @__PURE__ */ jsx(Plus, { className: "h-3 w-3" }),
-                " ",
-                t2("financial.invoiceForm.addItem")
-              ]
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
-          addingItem && /* @__PURE__ */ jsx(
-            AddItemStep,
-            {
-              itemTypes,
-              onSelect: addItemOfKind,
-              onCancel: () => setAddingItem(false)
-            }
-          ),
-          items.length === 0 && !addingItem ? /* @__PURE__ */ jsxs("div", { className: "py-10 text-center", children: [
-            /* @__PURE__ */ jsx(LayoutList, { className: "h-8 w-8 text-muted-foreground/30 mx-auto mb-2" }),
-            /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t2("financial.invoiceForm.noItems") }),
-            /* @__PURE__ */ jsx("button", { onClick: startAddItem, className: "text-xs text-primary hover:underline mt-1", children: t2("financial.invoiceForm.addFirstItem") })
-          ] }) : items.map((item, i) => /* @__PURE__ */ jsx(
-            ItemRow,
-            {
-              item,
-              index: i,
-              itemTypes,
-              currency,
-              expanded: expandedItemId === item._id,
-              onToggle: () => setExpandedItemId(expandedItemId === item._id ? null : item._id),
-              onUpdate: (data) => updateItem(item._id, data),
-              onRemove: () => {
-                removeItem(item._id);
-                if (expandedItemId === item._id) setExpandedItemId(null);
-              },
-              entityLookups: config.entityLookups,
-              showTypeSelector: hasItemLookups
-            },
-            item._id
-          ))
-        ] }),
-        items.length > 0 && /* @__PURE__ */ jsxs("div", { className: "px-4 py-3 border-t bg-muted/20 flex justify-between items-center mt-auto", children: [
-          /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t2("financial.invoiceForm.itemCount", { count: items.length, plural: items.length !== 1 ? "s" : "" }) }),
-          /* @__PURE__ */ jsxs("div", { className: "text-right", children: [
-            /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
-              t2("financial.invoiceForm.total"),
-              " "
-            ] }),
-            /* @__PURE__ */ jsx("span", { className: "text-lg font-bold", children: formatCurrency(totalAmount, currency) })
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-card shadow-sm", children: [
-        /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between px-5 py-3 border-b", children: /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: "Installments" }) }),
-        /* @__PURE__ */ jsxs("div", { className: "p-4 space-y-3", children: [
-          /* @__PURE__ */ jsx("div", { className: "flex gap-1.5 flex-wrap", children: [1, 2, 3, 6, 12].map((n) => /* @__PURE__ */ jsxs(
-            "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: "text-xs text-muted-foreground py-4 text-center", children: totalAmount <= 0 ? t2("financial.invoiceForm.addItemsFirst") : t2("financial.invoiceForm.selectInstallments") }) : /* @__PURE__ */ jsx("div", { className: "space-y-2", children: installments.map((inst, i) => /* @__PURE__ */ jsxs("div", { className: "rounded border p-2.5 space-y-1.5", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-              /* @__PURE__ */ jsxs("span", { className: "text-[10px] font-medium text-muted-foreground", children: [
-                "#",
-                i + 1
-              ] }),
-              /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold", children: formatCurrency(inst.amount, currency) })
-            ] }),
-            /* @__PURE__ */ jsx(
-              DatePicker,
-              {
-                value: inst.dueDate,
-                onChange: (v) => {
-                  const updated = [...installments];
-                  updated[i] = { ...inst, dueDate: v };
-                  setInstallments(updated);
-                }
-              }
-            )
-          ] }, inst._id)) })
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground", children: t2("financial.invoiceForm.observations") }),
-      /* @__PURE__ */ jsx(
-        "textarea",
-        {
-          value: observations,
-          onChange: (e) => setObservations(e.target.value),
-          placeholder: t2("financial.invoiceForm.additionalNotes"),
-          rows: 2,
-          className: "w-full mt-1 rounded-input border border-input  bg-card shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring resize-none"
-        }
-      )
-    ] }),
-    confirmCancel && createPortal(
-      /* @__PURE__ */ jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50", onClick: () => setConfirmCancel(false), children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-sm rounded-modal border bg-card shadow-lg mx-4 p-5", onClick: (e) => e.stopPropagation(), style: { animation: "field-slide-in 200ms ease-out" }, children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 mb-3", children: [
-          /* @__PURE__ */ jsx("div", { className: "flex h-10 w-10 items-center justify-center rounded-full bg-destructive/10 shrink-0", children: /* @__PURE__ */ jsx(Ban, { className: "h-5 w-5 text-destructive" }) }),
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: t2("financial.invoiceForm.cancelInvoice") }),
-            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t2("financial.invoiceForm.cancelConfirm") })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mb-4", children: t2("financial.invoiceForm.cancelDesc") }),
-        /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
-          /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: () => setConfirmCancel(false), children: t2("financial.invoiceForm.keepInvoice") }),
-          /* @__PURE__ */ jsxs(Button, { variant: "destructive", size: "sm", onClick: handleCancelInvoice, disabled: cancelling, children: [
-            /* @__PURE__ */ jsx(Ban, { className: "h-3.5 w-3.5" }),
-            cancelling ? t2("financial.invoiceForm.cancelling") : t2("financial.invoiceForm.yesCancel")
-          ] })
-        ] })
-      ] }) }),
-      document.body
-    ),
-    /* @__PURE__ */ jsx("style", { children: `
-        @keyframes field-slide-in {
-          from { opacity: 0; transform: translateY(8px); }
-          to { opacity: 1; transform: translateY(0); }
-        }
-      ` })
+        emptyActionLabel: onNewGated ? t2("financial.invoice.createFirst") : void 0,
+        onEmptyAction: onNewGated
+      }
+    ),
+    filtered.length > 0 && !invoicesLoading && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-6 rounded-lg border bg-muted/30 px-5 py-3 text-sm", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t2("financial.invoice.summaryTotal") }),
+        /* @__PURE__ */ jsx("span", { className: "font-semibold", children: formatCurrency(summary.totalAmount, currency) })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "h-4 w-px bg-border" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: receivedLabel }),
+        /* @__PURE__ */ jsx("span", { className: "font-semibold text-success", children: formatCurrency(summary.paidAmount, currency) })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "h-4 w-px bg-border" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: pendingLabel }),
+        /* @__PURE__ */ jsx("span", { className: "font-semibold text-warning", children: formatCurrency(summary.openAmount, currency) })
+      ] })
+    ] })
   ] });
 }
 var ACCOUNT_TYPES_FOR_TX = {
@@ -2022,39 +1206,634 @@ function PaymentModal({ movement, onClose, onPaid }) {
             from { opacity: 0; transform: translateY(8px); }
             to { opacity: 1; transform: translateY(0); }
           }
-        ` }),
-              /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2 px-5 py-4 border-t sticky bottom-0 bg-card", children: [
-                /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: handleClose, children: t2("financial.payment.cancel") }),
-                /* @__PURE__ */ jsxs(
-                  Button,
-                  {
-                    variant: "default",
-                    size: "sm",
-                    onClick: handlePay,
-                    disabled: amount <= 0 || !selectedTypeId || !bankAccountId || saving,
-                    children: [
-                      /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5" }),
-                      saving ? t2("financial.payment.processing") : t2("financial.payment.payAmount", { amount: formatCurrency(amount, currency) })
-                    ]
-                  }
-                )
-              ] })
-            ]
+        ` }),
+              /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2 px-5 py-4 border-t sticky bottom-0 bg-card", children: [
+                /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: handleClose, children: t2("financial.payment.cancel") }),
+                /* @__PURE__ */ jsxs(
+                  Button,
+                  {
+                    variant: "default",
+                    size: "sm",
+                    onClick: handlePay,
+                    disabled: amount <= 0 || !selectedTypeId || !bankAccountId || saving,
+                    children: [
+                      /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5" }),
+                      saving ? t2("financial.payment.processing") : t2("financial.payment.payAmount", { amount: formatCurrency(amount, currency) })
+                    ]
+                  }
+                )
+              ] })
+            ]
+          }
+        )
+      }
+    ),
+    document.body
+  );
+}
+function LocationSelector({ locations, value, onChange }) {
+  const t2 = useTranslation();
+  const [open, setOpen] = useState(false);
+  const [search, setSearch] = useState("");
+  const ref = useRef(null);
+  useEffect(() => {
+    function handler(e) {
+      if (ref.current && !ref.current.contains(e.target)) setOpen(false);
+    }
+    document.addEventListener("mousedown", handler);
+    return () => document.removeEventListener("mousedown", handler);
+  }, []);
+  const selected = locations.find((l) => l.id === value);
+  const filtered = locations.filter(
+    (l) => !search.trim() || l.name.toLowerCase().includes(search.toLowerCase())
+  );
+  return /* @__PURE__ */ jsxs("div", { ref, className: "relative", children: [
+    /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground", children: t2("financial.invoiceForm.unit") }),
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => setOpen(!open),
+        className: "w-full mt-1 flex items-center gap-2 rounded-input border border-input  bg-card shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] px-3 py-2 text-sm text-left hover:bg-muted/30  transition-colors",
+        children: [
+          /* @__PURE__ */ jsx(Building2, { className: "h-3.5 w-3.5 text-muted-foreground shrink-0" }),
+          /* @__PURE__ */ jsx("span", { className: "flex-1 truncate", children: selected?.name ?? t2("financial.invoiceForm.selectUnit") }),
+          /* @__PURE__ */ jsx(ChevronDown, { className: `h-3 w-3 text-muted-foreground transition-transform ${open ? "rotate-180" : ""}` })
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsxs("div", { className: "fayz-glass-surface absolute top-full left-0 right-0 z-50 mt-1 rounded-lg border bg-popover shadow-lg overflow-hidden min-w-[260px]", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-3 py-2 border-b", children: [
+        /* @__PURE__ */ jsx(Building2, { className: "h-4 w-4 text-muted-foreground" }),
+        /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold", children: t2("financial.invoiceForm.selectUnitTitle") }),
+        /* @__PURE__ */ jsx("button", { onClick: () => setOpen(false), className: "ml-auto text-muted-foreground hover:text-foreground", children: /* @__PURE__ */ jsx(X, { className: "h-3.5 w-3.5" }) })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "p-2 border-b", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 rounded-input border border-input  bg-card shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] px-2.5 py-1.5", children: [
+        /* @__PURE__ */ jsx(Search, { className: "h-3.5 w-3.5 text-muted-foreground" }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "text",
+            autoFocus: true,
+            value: search,
+            onChange: (e) => setSearch(e.target.value),
+            placeholder: t2("financial.invoiceForm.searchUnit"),
+            className: "flex-1 bg-transparent text-sm outline-none"
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ jsxs("div", { className: "max-h-56 overflow-auto py-1", children: [
+        filtered.map((loc) => /* @__PURE__ */ jsxs(
+          "button",
+          {
+            onClick: () => {
+              onChange(loc.id);
+              setOpen(false);
+              setSearch("");
+            },
+            className: `w-full flex items-center gap-3 px-3 py-2.5 text-left hover:bg-muted/50 transition-colors ${loc.id === value ? "bg-muted/30" : ""}`,
+            children: [
+              /* @__PURE__ */ jsx("div", { className: "flex h-8 w-8 items-center justify-center rounded-lg bg-muted shrink-0", children: /* @__PURE__ */ jsx(Building2, { className: "h-4 w-4 text-muted-foreground" }) }),
+              /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+                /* @__PURE__ */ jsx("p", { className: "text-sm font-medium truncate", children: loc.name }),
+                loc.isHQ && /* @__PURE__ */ jsx("p", { className: "text-[10px] text-muted-foreground", children: t2("financial.invoiceForm.headquarters") })
+              ] })
+            ]
+          },
+          loc.id
+        )),
+        filtered.length === 0 && /* @__PURE__ */ jsx("p", { className: "px-3 py-4 text-center text-xs text-muted-foreground", children: t2("financial.invoiceForm.noUnitsFound") })
+      ] })
+    ] })
+  ] });
+}
+var formId = 1;
+function fid() {
+  return `f${formId++}`;
+}
+function InvoiceFormView({ direction, editId, onSaved }) {
+  const t2 = useTranslation();
+  const config = useFinancialConfig();
+  const { currency, itemTypes, locations } = config;
+  const provider = useFinancialProvider();
+  const hasItemLookups = itemTypes.some((tp) => config.entityLookups[tp.value]);
+  const defaultItemKind = itemTypes.find((tp) => tp.value === "other")?.value ?? itemTypes.find((tp) => !config.entityLookups[tp.value])?.value ?? itemTypes[0]?.value ?? "other";
+  const createInvoice = useFinancialStore((s) => s.createInvoice);
+  const guardMovements = useLimitGuard("movements_month");
+  const can = usePermissionOptional();
+  const hasLocations = locations.length > 0;
+  const isEdit = !!editId;
+  const [loaded, setLoaded] = useState(!editId);
+  const [loading, setLoading] = useState(!!editId);
+  const [contactName, setContactName] = useState("");
+  const [contactId, setContactId] = useState();
+  const [unitId, setUnitId] = useState(locations[0]?.id ?? "");
+  const [invoiceDate, setInvoiceDate] = useState((/* @__PURE__ */ new Date()).toISOString().slice(0, 10));
+  const [fiscalNumber, setFiscalNumber] = useState("");
+  const [observations, setObservations] = useState("");
+  const [items, setItems] = useState([]);
+  const [expandedItemId, setExpandedItemId] = useState(null);
+  const [addingItem, setAddingItem] = useState(false);
+  const [installments, setInstallments] = useState([]);
+  const [savedMovements, setSavedMovements] = useState([]);
+  const [payingMovement, setPayingMovement] = useState(null);
+  const [saving, setSaving] = useState(false);
+  const [menuOpen, setMenuOpen] = useState(false);
+  const [confirmCancel, setConfirmCancel] = useState(false);
+  const [cancelling, setCancelling] = useState(false);
+  const menuRef = useRef(null);
+  const cancelInvoice = useFinancialStore((s) => s.cancelInvoice);
+  useEffect(() => {
+    if (!menuOpen) return;
+    function handleClick(e) {
+      if (menuRef.current && !menuRef.current.contains(e.target)) setMenuOpen(false);
+    }
+    document.addEventListener("mousedown", handleClick);
+    return () => document.removeEventListener("mousedown", handleClick);
+  }, [menuOpen]);
+  async function handleCancelInvoice() {
+    if (!editId) return;
+    setCancelling(true);
+    try {
+      await cancelInvoice(editId);
+      onSaved?.();
+    } catch {
+    } finally {
+      setCancelling(false);
+    }
+  }
+  useEffect(() => {
+    if (!editId || loaded) return;
+    setLoading(true);
+    (async () => {
+      const invoice = await provider.getInvoiceById(editId);
+      if (!invoice) return;
+      setContactName(invoice.contactName ?? "");
+      setContactId(invoice.contactId);
+      setUnitId(invoice.unitId ?? locations[0]?.id ?? "");
+      setInvoiceDate(invoice.invoiceDate);
+      setFiscalNumber(invoice.fiscalNumber ?? "");
+      setObservations(invoice.observations ?? "");
+      const invoiceItems = await provider.getInvoiceItems(editId);
+      setItems(invoiceItems.map((it) => ({
+        _id: fid(),
+        itemKind: it.itemKind,
+        referenceId: it.referenceId,
+        description: it.description,
+        quantity: it.quantity,
+        unitPrice: it.unitPrice,
+        discount: it.discount,
+        surcharge: it.surcharge
+      })));
+      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));
+      setSavedMovements(invoiceMovements);
+      setInstallments(invoiceMovements.map((m) => ({
+        _id: fid(),
+        amount: m.amount,
+        dueDate: m.dueDate
+      })));
+      setLoaded(true);
+      setLoading(false);
+    })();
+  }, [editId]);
+  const totalAmount = items.reduce((sum, it) => {
+    return sum + it.quantity * it.unitPrice - (it.discount ?? 0) + (it.surcharge ?? 0);
+  }, 0);
+  const prevItemCount = useRef(items.length);
+  useEffect(() => {
+    if (items.length > 0 && prevItemCount.current === 0 && installments.length === 0 && !isEdit) {
+      const total = items.reduce((sum, it) => sum + it.quantity * it.unitPrice - (it.discount ?? 0) + (it.surcharge ?? 0), 0);
+      if (total > 0) {
+        setInstallments([{ _id: fid(), amount: total, dueDate: invoiceDate }]);
+      }
+    }
+    prevItemCount.current = items.length;
+  }, [items.length]);
+  useEffect(() => {
+    if (installments.length > 0 && totalAmount > 0 && !isEdit) {
+      const count = installments.length;
+      const perInstallment = Math.floor(totalAmount * 100 / count) / 100;
+      const remainder = Math.round((totalAmount - perInstallment * count) * 100) / 100;
+      setInstallments((prev) => prev.map((inst, i) => ({
+        ...inst,
+        amount: i === 0 ? perInstallment + remainder : perInstallment
+      })));
+    }
+  }, [totalAmount]);
+  function addItemOfKind(kind) {
+    const newItem = {
+      _id: fid(),
+      itemKind: kind,
+      description: "",
+      quantity: 1,
+      unitPrice: 0
+    };
+    setItems([...items, newItem]);
+    setExpandedItemId(newItem._id);
+    setAddingItem(false);
+  }
+  function startAddItem() {
+    if (hasItemLookups) setAddingItem(true);
+    else addItemOfKind(defaultItemKind);
+  }
+  function updateItem(id, data) {
+    setItems(items.map((it) => it._id === id ? { ...it, ...data } : it));
+  }
+  function removeItem(id) {
+    setItems(items.filter((it) => it._id !== id));
+  }
+  function generateInstallments(count) {
+    if (count < 1 || totalAmount <= 0) return;
+    const perInstallment = Math.floor(totalAmount * 100 / count) / 100;
+    const remainder = Math.round((totalAmount - perInstallment * count) * 100) / 100;
+    const base = new Date(invoiceDate);
+    const inst = [];
+    for (let i = 0; i < count; i++) {
+      const due = new Date(base);
+      due.setMonth(due.getMonth() + i + 1);
+      inst.push({
+        _id: fid(),
+        amount: i === 0 ? perInstallment + remainder : perInstallment,
+        dueDate: due.toISOString().slice(0, 10)
+      });
+    }
+    setInstallments(inst);
+  }
+  async function handleSave() {
+    if (!isEdit && !can("financial", "create")) return;
+    if (items.length === 0) {
+      toast.error(t2("common.formIncomplete"));
+      return;
+    }
+    if (!isEdit && await guardMovements(Math.max(1, installments.length)) === "blocked") return;
+    setSaving(true);
+    try {
+      const movInputs = installments.map((inst, i) => ({
+        direction,
+        movementKind: "bill",
+        amount: inst.amount,
+        dueDate: inst.dueDate,
+        installmentNumber: i + 1
+      }));
+      if (movInputs.length === 0) {
+        movInputs.push({
+          direction,
+          movementKind: "bill",
+          amount: totalAmount,
+          dueDate: invoiceDate,
+          installmentNumber: 1
+        });
+      }
+      if (isEdit && editId) {
+        await provider.updateInvoice(editId, {
+          invoiceDate,
+          contactId,
+          contactName: contactName || void 0,
+          unitId: unitId || void 0,
+          fiscalNumber: fiscalNumber || void 0,
+          observations: observations || void 0,
+          totalAmount
+        });
+        onSaved?.(editId);
+      } else {
+        const invoice = await createInvoice({
+          direction,
+          invoiceDate,
+          contactId,
+          contactName: contactName || void 0,
+          unitId: unitId || void 0,
+          fiscalNumber: fiscalNumber || void 0,
+          observations: observations || void 0,
+          items: items.map(({ _id, ...rest }) => rest),
+          installments: movInputs
+        });
+        invalidateLimit("movements_month");
+        onSaved?.(invoice.id);
+      }
+    } finally {
+      setSaving(false);
+    }
+  }
+  const fields = {
+    contactName,
+    contactId,
+    unitId,
+    invoiceDate,
+    fiscalNumber,
+    observations,
+    items: items.map(({ _id, ...rest }) => rest),
+    installments: installments.map(({ _id, ...rest }) => rest)
+  };
+  const snapshot = useRef(null);
+  useEffect(() => {
+    if (loaded && snapshot.current === null) snapshot.current = JSON.stringify(fields);
+  }, [loaded]);
+  const dirty = snapshot.current !== null && JSON.stringify(fields) !== snapshot.current;
+  useSaveBar({
+    dirty,
+    saving,
+    onSave: () => {
+      void handleSave();
+    },
+    onDiscard: () => onSaved?.(),
+    saveLabel: t2("financial.invoiceForm.save")
+  });
+  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, {});
+  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" }) }),
+    menuOpen && /* @__PURE__ */ jsx("div", { className: "fayz-glass-surface absolute right-0 top-full z-20 mt-1 w-44 rounded-lg border bg-popover py-1 shadow-md", style: { animation: "field-slide-in 150ms ease-out" }, children: /* @__PURE__ */ jsxs(
+      "button",
+      {
+        onClick: () => {
+          setConfirmCancel(true);
+          setMenuOpen(false);
+        },
+        className: "flex w-full items-center gap-2 px-3 py-2 text-xs text-destructive transition-colors hover:bg-destructive/10",
+        children: [
+          /* @__PURE__ */ jsx(Ban, { className: "h-3.5 w-3.5" }),
+          " ",
+          t2("financial.invoiceForm.cancelInvoice")
+        ]
+      }
+    ) })
+  ] }) : 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) => /* @__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: [
+          "#",
+          i + 1
+        ] }),
+        /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold tabular-nums", children: money(inst.amount) })
+      ] }),
+      /* @__PURE__ */ jsx(
+        DatePicker,
+        {
+          value: inst.dueDate,
+          onChange: (v) => {
+            const updated = [...installments];
+            updated[i] = { ...inst, dueDate: v };
+            setInstallments(updated);
+          }
+        }
+      )
+    ] }, 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,
+            {
+              value: inst.dueDate,
+              variant: "chip",
+              onChange: (v) => {
+                const updated = [...installments];
+                updated[i] = { ...inst, dueDate: v };
+                setInstallments(updated);
+              }
+            }
+          ) : /* @__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 }));
+        },
+        placeholder: t2("financial.invoiceForm.searchType")
+      }
+    ) }),
+    /* @__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: [
+        /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground", children: t2("financial.invoiceForm.date") }),
+        /* @__PURE__ */ jsx(DatePicker, { value: invoiceDate, onChange: setInvoiceDate, className: "mt-1" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground", children: t2("financial.invoiceForm.fiscalNumber") }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "text",
+            value: fiscalNumber,
+            onChange: (e) => setFiscalNumber(e.target.value),
+            placeholder: t2("financial.invoiceForm.fiscalNumber"),
+            className: "mt-1 w-full rounded-input border border-input bg-card px-3 py-2 text-sm shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] focus:outline-none focus:ring-2 focus:ring-ring"
           }
         )
+      ] })
+    ] }) }),
+    !isEdit && installmentsEditor,
+    /* @__PURE__ */ jsx(OrderFormBlock, { title: t2("financial.invoiceForm.observations"), children: /* @__PURE__ */ jsx(
+      "textarea",
+      {
+        value: observations,
+        onChange: (e) => setObservations(e.target.value),
+        placeholder: t2("financial.invoiceForm.additionalNotes"),
+        rows: 2,
+        className: "w-full resize-none rounded-input border border-input bg-card px-3 py-2 text-sm shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] focus:outline-none focus:ring-2 focus:ring-ring"
+      }
+    ) })
+  ] });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      OrderFormView,
+      {
+        title,
+        subtitle,
+        parentLabel: direction === "debit" ? t2("financial.nav.payables") : t2("financial.nav.receivables"),
+        onBack: onSaved,
+        actions,
+        sideSections,
+        children: [
+          /* @__PURE__ */ jsx(
+            OrderFormItemsCard,
+            {
+              label: t2("financial.invoiceForm.items"),
+              addLabel: t2("financial.invoiceForm.addItem"),
+              onAdd: startAddItem,
+              count: items.length,
+              countLabel: t2("financial.invoiceForm.itemCount", { count: items.length, plural: items.length !== 1 ? "s" : "" }),
+              totalLabel: t2("financial.invoiceForm.total"),
+              total: money(totalAmount),
+              emptyLabel: t2("financial.invoiceForm.noItems"),
+              emptyActionLabel: t2("financial.invoiceForm.addFirstItem"),
+              header: addingItem && /* @__PURE__ */ jsx(
+                OrderFormAddItemStep,
+                {
+                  itemTypes,
+                  onSelect: addItemOfKind,
+                  onCancel: () => setAddingItem(false),
+                  label: t2("financial.invoiceForm.selectItemType"),
+                  cancelLabel: t2("financial.invoiceForm.cancel")
+                }
+              ),
+              children: items.map((item, i) => /* @__PURE__ */ jsx(
+                OrderFormItemRow,
+                {
+                  index: i,
+                  itemKind: item.itemKind,
+                  description: item.description,
+                  quantity: item.quantity,
+                  unitPrice: item.unitPrice,
+                  discount: item.discount,
+                  surcharge: item.surcharge,
+                  referenceId: item.referenceId,
+                  itemTypes,
+                  currency,
+                  formatMoney: money,
+                  expanded: expandedItemId === item._id,
+                  onToggle: () => setExpandedItemId(expandedItemId === item._id ? null : item._id),
+                  onChange: (patch) => updateItem(item._id, patch),
+                  onRemove: () => {
+                    removeItem(item._id);
+                    if (expandedItemId === item._id) setExpandedItemId(null);
+                  },
+                  entityLookups: config.entityLookups,
+                  showTypeSelector: hasItemLookups,
+                  allowSurcharge: true,
+                  labels: {
+                    item: t2("financial.invoiceForm.item"),
+                    description: t2("financial.invoiceForm.description"),
+                    descriptionPlaceholder: t2("financial.invoiceForm.itemDescription"),
+                    noDescription: t2("financial.invoiceForm.noDescription"),
+                    qty: t2("financial.invoiceForm.qty"),
+                    unitPrice: t2("financial.invoiceForm.unitPrice"),
+                    discount: t2("financial.invoiceForm.discount"),
+                    surcharge: t2("financial.invoiceForm.surcharge"),
+                    adjustments: t2("financial.invoiceForm.discountSurcharge"),
+                    removeAdjustments: t2("financial.invoiceForm.removeAdjustments"),
+                    done: t2("financial.invoiceForm.done")
+                  }
+                },
+                item._id
+              ))
+            }
+          ),
+          scheduleSection
+        ]
       }
     ),
-    document.body
-  );
+    payingMovement && /* @__PURE__ */ jsx(
+      PaymentModal,
+      {
+        movement: payingMovement,
+        onClose: () => setPayingMovement(null),
+        onPaid: () => {
+          setPayingMovement(null);
+          void (async () => {
+            if (!editId) return;
+            const movements = await provider.getMovements({ direction });
+            setSavedMovements(
+              movements.data.filter((m) => m.invoiceId === editId && m.movementKind === "bill").sort((a, b) => (a.installmentNumber ?? 0) - (b.installmentNumber ?? 0))
+            );
+          })();
+        }
+      }
+    ),
+    confirmCancel && createPortal(
+      /* @__PURE__ */ jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50", onClick: () => setConfirmCancel(false), children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-sm rounded-modal border bg-card shadow-lg mx-4 p-5", onClick: (e) => e.stopPropagation(), style: { animation: "field-slide-in 200ms ease-out" }, children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 mb-3", children: [
+          /* @__PURE__ */ jsx("div", { className: "flex h-10 w-10 items-center justify-center rounded-full bg-destructive/10 shrink-0", children: /* @__PURE__ */ jsx(Ban, { className: "h-5 w-5 text-destructive" }) }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: t2("financial.invoiceForm.cancelInvoice") }),
+            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t2("financial.invoiceForm.cancelConfirm") })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mb-4", children: t2("financial.invoiceForm.cancelDesc") }),
+        /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
+          /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: () => setConfirmCancel(false), children: t2("financial.invoiceForm.keepInvoice") }),
+          /* @__PURE__ */ jsxs(Button, { variant: "destructive", size: "sm", onClick: handleCancelInvoice, disabled: cancelling, children: [
+            /* @__PURE__ */ jsx(Ban, { className: "h-3.5 w-3.5" }),
+            cancelling ? t2("financial.invoiceForm.cancelling") : t2("financial.invoiceForm.yesCancel")
+          ] })
+        ] })
+      ] }) }),
+      document.body
+    ),
+    /* @__PURE__ */ jsx("style", { children: `
+        @keyframes field-slide-in {
+          from { opacity: 0; transform: translateY(8px); }
+          to { opacity: 1; transform: translateY(0); }
+        }
+      ` })
+  ] });
 }
 var STATUS_COLORS = {
-  open: { bg: "bg-info-soft text-info-soft-foreground", icon: CircleDashed, labelKey: "financial.invoice.statusOpen" },
-  pending: { bg: "bg-warning-soft text-warning-soft-foreground", icon: CircleDashed, labelKey: "financial.invoice.statusPending" },
-  partial: { bg: "bg-warning-soft text-warning-soft-foreground", icon: CircleEllipsis, labelKey: "financial.invoice.statusPartial" },
-  paid: { bg: "bg-success-soft text-success-soft-foreground", icon: CircleCheckBig, labelKey: "financial.invoice.statusPaid" },
-  overdue: { bg: "bg-destructive-soft text-destructive-soft-foreground", icon: CircleAlert, labelKey: "financial.invoice.statusOverdue" },
-  draft: { bg: "bg-muted text-muted-foreground", icon: CircleDashed, labelKey: "financial.invoice.statusDraft" },
-  cancelled: { bg: "bg-muted text-muted-foreground", icon: Ban, labelKey: "financial.invoice.statusCancelled" }
+  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" },
+  partial: { bg: "bg-warning-soft text-warning-soft-foreground", icon: CircleEllipsis, labelKey: "financial.invoice.statusPartial", tone: "warning" },
+  paid: { bg: "bg-success-soft text-success-soft-foreground", icon: CircleCheckBig, labelKey: "financial.invoice.statusPaid", tone: "success" },
+  overdue: { bg: "bg-destructive-soft text-destructive-soft-foreground", icon: CircleAlert, labelKey: "financial.invoice.statusOverdue", tone: "destructive" },
+  draft: { bg: "bg-muted text-muted-foreground", icon: CircleDashed, labelKey: "financial.invoice.statusDraft", tone: "muted" },
+  cancelled: { bg: "bg-muted text-muted-foreground", icon: Ban, labelKey: "financial.invoice.statusCancelled", tone: "muted" }
 };
 function InvoiceDetailView({ invoiceId, direction, onBack, onEdit, backLabel }) {
   const t2 = useTranslation();
@@ -2125,69 +1904,18 @@ function InvoiceDetailView({ invoiceId, direction, onBack, onEdit, backLabel })
   }
   async function handleCancel() {
     setCancelling(true);
-    try {
-      await cancelInvoice(invoiceId);
-      await loadData();
-      setConfirmCancel(false);
-      setMenuOpen(false);
-    } catch {
-    } finally {
-      setCancelling(false);
-    }
-  }
-  if (loading) {
-    return /* @__PURE__ */ jsxs("div", { className: "space-y-5", children: [
-      /* @__PURE__ */ jsx(SubpageHeader, { title: "", onBack, parentLabel }),
-      /* @__PURE__ */ jsxs("div", { className: "rounded-xl border bg-card shadow-sm overflow-hidden", children: [
-        /* @__PURE__ */ jsx("div", { className: "h-1 bg-muted animate-pulse" }),
-        /* @__PURE__ */ jsxs("div", { className: "p-5 pb-4", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
-              /* @__PURE__ */ jsx("div", { className: "h-10 w-10 rounded-lg bg-muted/40 animate-pulse" }),
-              /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-                /* @__PURE__ */ jsx("div", { className: "h-3 w-20 rounded bg-muted/40 animate-pulse" }),
-                /* @__PURE__ */ jsx("div", { className: "h-6 w-32 rounded bg-muted/40 animate-pulse" })
-              ] })
-            ] }),
-            /* @__PURE__ */ jsx("div", { className: "h-6 w-20 rounded-full bg-muted/40 animate-pulse" })
-          ] }),
-          /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 sm:grid-cols-4 gap-3 mt-4 pt-4 border-t", children: [1, 2, 3, 4].map((i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx("div", { className: "h-3.5 w-3.5 rounded bg-muted/30 animate-pulse" }),
-            /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-              /* @__PURE__ */ jsx("div", { className: "h-2 w-10 rounded bg-muted/30 animate-pulse" }),
-              /* @__PURE__ */ jsx("div", { className: "h-3 w-16 rounded bg-muted/40 animate-pulse" })
-            ] })
-          ] }, i)) })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "px-5 pt-3 pb-1.5", children: /* @__PURE__ */ jsx("div", { className: "h-3 w-12 rounded bg-muted/30 animate-pulse" }) }),
-        /* @__PURE__ */ jsxs("div", { className: "px-5", children: [
-          /* @__PURE__ */ jsxs("div", { className: "border-b py-2 flex justify-between", children: [
-            /* @__PURE__ */ jsx("div", { className: "h-2 w-24 rounded bg-muted/20 animate-pulse" }),
-            /* @__PURE__ */ jsx("div", { className: "h-2 w-16 rounded bg-muted/20 animate-pulse" })
-          ] }),
-          [1, 2].map((i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between py-2.5 border-b last:border-0", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx("div", { className: "h-3 w-4 rounded bg-muted/30 animate-pulse" }),
-              /* @__PURE__ */ jsx("div", { className: "h-5 w-14 rounded bg-muted/30 animate-pulse" }),
-              /* @__PURE__ */ jsx("div", { className: "h-3 w-28 rounded bg-muted/40 animate-pulse" })
-            ] }),
-            /* @__PURE__ */ jsx("div", { className: "h-3 w-20 rounded bg-muted/40 animate-pulse" })
-          ] }, i))
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "px-5 py-3 border-t bg-muted/10 flex justify-end", children: /* @__PURE__ */ jsx("div", { className: "h-4 w-32 rounded bg-muted/40 animate-pulse" }) })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx("div", { className: "h-4 w-28 rounded bg-muted/30 animate-pulse" }),
-        /* @__PURE__ */ jsx("div", { className: "rounded-lg border bg-card shadow-sm divide-y", children: [1].map((i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 px-4 py-3", children: [
-          /* @__PURE__ */ jsx("div", { className: "h-3 w-5 rounded bg-muted/30 animate-pulse" }),
-          /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-1.5", children: [
-            /* @__PURE__ */ jsx("div", { className: "h-4 w-24 rounded bg-muted/40 animate-pulse" }),
-            /* @__PURE__ */ jsx("div", { className: "h-2 w-32 rounded bg-muted/30 animate-pulse" })
-          ] }),
-          /* @__PURE__ */ jsx("div", { className: "h-7 w-16 rounded-lg bg-muted/30 animate-pulse" })
-        ] }, i)) })
-      ] })
-    ] });
+    try {
+      await cancelInvoice(invoiceId);
+      await loadData();
+      setConfirmCancel(false);
+      setMenuOpen(false);
+    } catch {
+    } finally {
+      setCancelling(false);
+    }
+  }
+  if (loading) {
+    return /* @__PURE__ */ jsx(OrderDetailSkeleton, {});
   }
   if (!invoice) {
     return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
@@ -2196,335 +1924,235 @@ function InvoiceDetailView({ invoiceId, direction, onBack, onEdit, backLabel })
     ] });
   }
   const statusConfig = STATUS_COLORS[invoice.status] ?? STATUS_COLORS.pending;
-  const StatusIcon = statusConfig.icon;
+  statusConfig.icon;
   const totalPaid = movements.reduce((sum, m) => sum + m.paidAmount, 0);
   const totalRemaining = invoice.totalAmount - totalPaid;
   const subtotal = items.reduce((sum, it) => sum + it.quantity * it.unitPrice, 0);
   const totalDiscount = items.reduce((sum, it) => sum + it.discount, 0);
   const totalSurcharge = items.reduce((sum, it) => sum + it.surcharge, 0);
-  const itemColumns = [
-    {
-      id: "index",
-      header: t2("financial.invoice.columnNumber"),
-      cell: ({ row }) => /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: row.index + 1 })
-    },
-    {
-      accessorKey: "description",
-      header: t2("financial.invoice.columnDescription"),
-      cell: ({ row }) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
-        /* @__PURE__ */ jsx("span", { className: "inline-flex items-center rounded px-1.5 py-0.5 text-[9px] font-medium bg-muted text-muted-foreground capitalize", children: row.original.itemKind }),
-        /* @__PURE__ */ jsx("span", { className: "truncate", children: row.original.description })
-      ] })
-    },
-    {
-      accessorKey: "quantity",
-      header: () => /* @__PURE__ */ jsx("span", { className: "block text-right", children: t2("financial.invoice.columnQty") }),
-      cell: ({ getValue }) => /* @__PURE__ */ jsx("span", { className: "block text-right text-xs tabular-nums", children: getValue() })
-    },
-    {
-      accessorKey: "unitPrice",
-      header: () => /* @__PURE__ */ jsx("span", { className: "block text-right", children: t2("financial.invoice.columnUnitPrice") }),
-      cell: ({ getValue }) => /* @__PURE__ */ jsx("span", { className: "block text-right text-xs tabular-nums", children: formatCurrency(getValue(), currency) })
-    },
-    {
-      accessorKey: "totalAmount",
-      header: () => /* @__PURE__ */ jsx("span", { className: "block text-right", children: t2("financial.invoice.columnTotal") }),
-      cell: ({ getValue }) => /* @__PURE__ */ jsx("span", { className: "block text-right font-medium tabular-nums", children: formatCurrency(getValue(), currency) })
-    }
+  const detailItems = items.map((it, i) => ({
+    id: it.id ?? String(i),
+    name: it.description,
+    description: it.itemKind,
+    quantity: it.quantity,
+    unitPrice: formatCurrency(it.unitPrice, currency),
+    total: formatCurrency(it.totalAmount, currency)
+  }));
+  const cancelled = invoice.status === "cancelled";
+  const totalRows = [
+    ...totalDiscount > 0 || totalSurcharge > 0 ? [{ label: t2("financial.invoice.subtotal"), value: formatCurrency(subtotal, currency), muted: true }] : [],
+    ...totalDiscount > 0 ? [{ label: t2("financial.invoice.discount"), value: `-${formatCurrency(totalDiscount, currency)}`, muted: true }] : [],
+    ...totalSurcharge > 0 ? [{ label: t2("financial.invoice.surcharge"), value: `+${formatCurrency(totalSurcharge, currency)}`, muted: true }] : [],
+    { label: t2("financial.invoice.total"), value: formatCurrency(invoice.totalAmount, currency), strong: true },
+    { label: t2("financial.invoice.columnPaid"), value: formatCurrency(totalPaid, currency) },
+    ...totalRemaining > 0 ? [{ label: t2("financial.invoice.balance"), value: formatCurrency(totalRemaining, currency) }] : []
   ];
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-5", children: [
+  direction === "debit" ? t2("financial.invoice.accountsPayable") : t2("financial.invoice.accountsReceivable");
+  const actions = /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+    !cancelled && invoice.status !== "paid" && /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", onClick: onEdit, children: [
+      /* @__PURE__ */ jsx(Pencil, { className: "h-3.5 w-3.5" }),
+      " ",
+      t2("financial.invoice.edit")
+    ] }),
+    !cancelled && invoice.status !== "paid" && /* @__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" }) }),
+      menuOpen && /* @__PURE__ */ jsx("div", { className: "fayz-glass-surface absolute right-0 top-full mt-1 w-44 rounded-lg border bg-popover shadow-md z-20 py-1", style: { animation: "field-slide-in 150ms ease-out" }, children: /* @__PURE__ */ jsxs(
+        "button",
+        {
+          onClick: () => {
+            setConfirmCancel(true);
+            setMenuOpen(false);
+          },
+          className: "flex w-full items-center gap-2 px-3 py-2 text-xs text-destructive hover:bg-destructive/10 transition-colors",
+          children: [
+            /* @__PURE__ */ jsx(Ban, { className: "h-3.5 w-3.5" }),
+            " ",
+            t2("financial.invoice.cancelInvoice")
+          ]
+        }
+      ) })
+    ] })
+  ] });
+  const sideBlocks = /* @__PURE__ */ jsxs(Fragment, { children: [
+    invoice.bookingStartsAt && /* @__PURE__ */ jsx(OrderDetailBlock, { title: t2("financial.invoice.booking"), children: /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => config.onBookingClick?.(invoice.id),
+        className: "inline-flex items-center gap-1 text-sm font-medium text-magic hover:underline",
+        children: [
+          /* @__PURE__ */ jsx(CalendarDays, { className: "h-3.5 w-3.5 shrink-0" }),
+          new Date(invoice.bookingStartsAt).toLocaleDateString(void 0, { weekday: "short", day: "2-digit", month: "short" }),
+          " ",
+          new Date(invoice.bookingStartsAt).toLocaleTimeString(void 0, { hour: "2-digit", minute: "2-digit" }),
+          /* @__PURE__ */ jsx(ExternalLink, { className: "h-2.5 w-2.5" })
+        ]
+      }
+    ) }),
+    invoice.observations && /* @__PURE__ */ jsx(OrderDetailBlock, { title: t2("financial.invoice.notes"), children: /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: invoice.observations }) })
+  ] });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
-      SubpageHeader,
+      OrderDetailView,
       {
         title: invoice.fiscalNumber ? `#${invoice.fiscalNumber}` : invoice.contactName ?? invoice.invoiceDate,
+        badges: [{ label: t2(statusConfig.labelKey), tone: statusConfig.tone }],
+        subtitle: invoice.invoiceDate,
         onBack,
-        parentLabel,
-        actions: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
-          invoice.status !== "cancelled" && invoice.status !== "paid" && /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", onClick: onEdit, children: [
-            /* @__PURE__ */ jsx(Pencil, { className: "h-3.5 w-3.5" }),
-            " ",
-            t2("financial.invoice.edit")
-          ] }),
-          invoice.status !== "cancelled" && invoice.status !== "paid" && /* @__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" }) }),
-            menuOpen && /* @__PURE__ */ jsx("div", { className: "fayz-glass-surface absolute right-0 top-full mt-1 w-44 rounded-lg border bg-popover shadow-md z-20 py-1", style: { animation: "field-slide-in 150ms ease-out" }, children: /* @__PURE__ */ jsxs(
-              "button",
-              {
-                onClick: () => {
-                  setConfirmCancel(true);
-                  setMenuOpen(false);
-                },
-                className: "flex w-full items-center gap-2 px-3 py-2 text-xs text-destructive hover:bg-destructive/10 transition-colors",
-                children: [
-                  /* @__PURE__ */ jsx(Ban, { className: "h-3.5 w-3.5" }),
-                  " ",
-                  t2("financial.invoice.cancelInvoice")
-                ]
-              }
-            ) })
-          ] })
-        ] })
+        backLabel: parentLabel,
+        actions,
+        stats: [
+          { id: "total", label: t2("financial.invoice.total"), value: formatCurrency(invoice.totalAmount, currency), icon: DollarSign },
+          { id: "items", label: t2("financial.invoice.items"), value: items.length, icon: LayoutList },
+          { id: "installments", label: t2("financial.invoice.installments"), value: `${invoice.totalInstallments}x`, icon: Layers },
+          { id: "date", label: t2("financial.invoice.date"), value: invoice.invoiceDate, icon: CalendarDays }
+        ],
+        customer: { name: invoice.contactName, email: null },
+        customerNode: invoice.contactName ? /* @__PURE__ */ jsx(PersonLink, { personId: invoice.contactId, name: invoice.contactName, size: "sm" }) : /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: "\u2014" }),
+        items: detailItems,
+        itemsLabel: t2("financial.invoice.items"),
+        totals: totalRows,
+        totalsLabel: t2("financial.invoice.payment"),
+        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__ */ 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 && !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"),
+                          " ",
+                          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.id);
+                  }) }) }) })
+                }
+              )
+            ] }, mov.id);
+          }) }) }) })
+        ),
+        extraSections: sideBlocks
       }
     ),
-    /* @__PURE__ */ jsxs("div", { className: "rounded-xl border bg-card shadow-sm overflow-hidden", children: [
-      /* @__PURE__ */ jsx("div", { className: "h-1 bg-primary" }),
-      /* @__PURE__ */ jsxs("div", { className: "p-5 pb-4", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-4", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
-            /* @__PURE__ */ jsx("div", { className: "flex h-10 w-10 items-center justify-center rounded-lg bg-primary/10 shrink-0", children: /* @__PURE__ */ jsx(FileText, { className: "h-5 w-5 text-primary" }) }),
-            /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wider", children: direction === "debit" ? t2("financial.invoice.accountsPayable") : t2("financial.invoice.accountsReceivable") }),
-              /* @__PURE__ */ jsx("p", { className: `text-xl font-bold mt-0.5 ${invoice.status === "cancelled" ? "line-through text-muted-foreground" : ""}`, children: formatCurrency(invoice.totalAmount, currency) })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs("span", { className: `inline-flex items-center gap-1 rounded-full px-2.5 py-1 text-[11px] font-semibold capitalize ${statusConfig.bg}`, children: [
-            /* @__PURE__ */ jsx(StatusIcon, { className: "h-3 w-3" }),
-            " ",
-            t2(statusConfig.labelKey)
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 sm:grid-cols-4 gap-3 mt-4 pt-4 border-t", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx(User, { className: "h-3.5 w-3.5 text-muted-foreground shrink-0" }),
-            /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
-              /* @__PURE__ */ jsx("p", { className: "text-[10px] text-muted-foreground", children: t2("financial.invoice.contact") }),
-              invoice.contactName ? /* @__PURE__ */ jsx(PersonLink, { personId: invoice.contactId, name: invoice.contactName, size: "sm" }) : /* @__PURE__ */ jsx("p", { className: "text-xs font-medium truncate", children: "\u2014" })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx(Calendar, { className: "h-3.5 w-3.5 text-muted-foreground shrink-0" }),
-            /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx("p", { className: "text-[10px] text-muted-foreground", children: t2("financial.invoice.date") }),
-              /* @__PURE__ */ jsx("p", { className: "text-xs font-medium", children: invoice.invoiceDate })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx(Hash, { className: "h-3.5 w-3.5 text-muted-foreground shrink-0" }),
-            /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx("p", { className: "text-[10px] text-muted-foreground", children: t2("financial.invoice.installments") }),
-              /* @__PURE__ */ jsxs("p", { className: "text-xs font-medium", children: [
-                invoice.totalInstallments,
-                "x"
-              ] })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx(DollarSign, { className: "h-3.5 w-3.5 text-muted-foreground shrink-0" }),
-            /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx("p", { className: "text-[10px] text-muted-foreground", children: t2("financial.invoice.columnPaid") }),
-              /* @__PURE__ */ jsx("p", { className: "text-xs font-medium", children: formatCurrency(totalPaid, currency) })
-            ] })
-          ] })
-        ] }),
-        invoice.bookingStartsAt && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mt-3 pt-3 border-t", children: [
-          /* @__PURE__ */ jsx(CalendarDays, { className: "h-3.5 w-3.5 text-magic shrink-0" }),
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [
-            /* @__PURE__ */ jsx("p", { className: "text-[10px] text-muted-foreground", children: t2("financial.invoice.booking") }),
-            /* @__PURE__ */ jsxs(
-              "button",
-              {
-                type: "button",
-                onClick: () => config.onBookingClick?.(invoice.id),
-                className: "inline-flex items-center gap-1 text-xs font-medium text-magic hover:underline",
-                children: [
-                  new Date(invoice.bookingStartsAt).toLocaleDateString(void 0, { weekday: "short", day: "2-digit", month: "short" }),
-                  " ",
-                  new Date(invoice.bookingStartsAt).toLocaleTimeString(void 0, { hour: "2-digit", minute: "2-digit" }),
-                  /* @__PURE__ */ jsx(ExternalLink, { className: "h-2.5 w-2.5" })
-                ]
-              }
-            )
-          ] })
-        ] })
-      ] }),
-      items.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx("div", { className: "px-5 pt-3 pb-1.5", children: /* @__PURE__ */ jsx("h3", { className: "text-[11px] font-semibold text-muted-foreground uppercase tracking-wider", children: t2("financial.invoice.items") }) }),
-        /* @__PURE__ */ jsx("div", { className: "px-5", children: /* @__PURE__ */ jsx(DataTable, { columns: itemColumns, data: items, variant: "flat", compact: true }) }),
-        /* @__PURE__ */ jsx("div", { className: "px-5 py-3 mt-1 border-t bg-muted/10", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-end gap-0.5", children: [
-          (totalDiscount > 0 || totalSurcharge > 0) && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-6 text-xs", children: [
-            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t2("financial.invoice.subtotal") }),
-            /* @__PURE__ */ jsx("span", { className: "tabular-nums w-24 text-right", children: formatCurrency(subtotal, currency) })
-          ] }),
-          totalDiscount > 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-6 text-xs text-success", children: [
-            /* @__PURE__ */ jsx("span", { children: t2("financial.invoice.discount") }),
-            /* @__PURE__ */ jsxs("span", { className: "tabular-nums w-24 text-right", children: [
-              "-",
-              formatCurrency(totalDiscount, currency)
-            ] })
-          ] }),
-          totalSurcharge > 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-6 text-xs text-warning", children: [
-            /* @__PURE__ */ jsx("span", { children: t2("financial.invoice.surcharge") }),
-            /* @__PURE__ */ jsxs("span", { className: "tabular-nums w-24 text-right", children: [
-              "+",
-              formatCurrency(totalSurcharge, currency)
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-6 text-sm font-bold pt-1", children: [
-            /* @__PURE__ */ jsx("span", { children: t2("financial.invoice.total") }),
-            /* @__PURE__ */ jsx("span", { className: `tabular-nums w-24 text-right ${invoice.status === "cancelled" ? "line-through text-muted-foreground" : ""}`, children: formatCurrency(invoice.totalAmount, currency) })
-          ] })
-        ] }) })
-      ] }),
-      invoice.observations && /* @__PURE__ */ jsxs("div", { className: "px-5 py-3 border-t", children: [
-        /* @__PURE__ */ jsx("p", { className: "text-[10px] font-medium text-muted-foreground uppercase tracking-wider mb-1", children: t2("financial.invoice.notes") }),
-        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: invoice.observations })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-muted-foreground", children: t2("financial.invoice.paymentSchedule") }),
-      /* @__PURE__ */ jsx("div", { className: "rounded-lg border bg-card shadow-sm", children: movements.length === 0 ? /* @__PURE__ */ jsx("div", { className: "px-4 py-8 text-center text-sm text-muted-foreground", children: t2("financial.invoice.noInstallments") }) : /* @__PURE__ */ jsx("div", { className: "divide-y", 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__ */ 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 && !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"),
-                      " ",
-                      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.id);
-              }) }) }) })
-            }
-          )
-        ] }, mov.id);
-      }) }) }),
-      movements.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between rounded-lg border bg-muted/20 px-4 py-2.5", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4 text-xs", children: [
-          /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
-            t2("financial.invoice.paidLabel"),
-            " ",
-            /* @__PURE__ */ jsx("span", { className: "font-semibold text-success", children: formatCurrency(totalPaid, currency) })
-          ] }),
-          totalRemaining > 0 && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
-            t2("financial.invoice.remaining"),
-            " ",
-            /* @__PURE__ */ jsx("span", { className: "font-semibold text-foreground", children: formatCurrency(totalRemaining, currency) })
-          ] })
-        ] }),
-        totalRemaining <= 0 && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 text-xs font-medium text-success", children: [
-          /* @__PURE__ */ jsx(CircleCheckBig, { className: "h-3 w-3" }),
-          " ",
-          t2("financial.invoice.fullyPaid")
-        ] })
-      ] })
-    ] }),
     payingMovement && /* @__PURE__ */ jsx(
       PaymentModal,
       {
@@ -3289,6 +2917,7 @@ function StatementsView({ onNavigate }) {
     return d.toISOString().slice(0, 10);
   });
   const [dateTo, setDateTo] = useState(() => (/* @__PURE__ */ new Date()).toISOString().slice(0, 10));
+  const [search, setSearch] = useState("");
   const [showTransfer, setShowTransfer] = useState(false);
   useEffect(() => {
     fetchBankAccounts();
@@ -3423,54 +3052,105 @@ function StatementsView({ onNavigate }) {
       cell: ({ row }) => /* @__PURE__ */ jsx("span", { className: "text-right block font-medium text-xs", children: fmt(row.original.runningBalance) })
     }
   ], [currency, t2, methodName, onNavigate]);
-  const entries = statement?.entries ?? [];
+  const entries = useMemo(() => {
+    const all = statement?.entries ?? [];
+    const term = search.trim().toLowerCase();
+    if (!term) return all;
+    return all.filter((e) => {
+      const haystack = [e.invoice?.contactName, e.movement.notes, e.invoice?.fiscalNumber, methodName(e.movement)];
+      return haystack.some((v) => v?.toLowerCase().includes(term));
+    });
+  }, [statement, search, methodName]);
+  const exportEntries = () => {
+    exportCSV(
+      [
+        { key: "date", label: t2("financial.statements.columnDate") },
+        { key: "description", label: t2("financial.statements.columnDescription") },
+        { key: "method", label: t2("financial.statements.columnMethod") },
+        { key: "debit", label: t2("financial.statements.columnDebit") },
+        { key: "credit", label: t2("financial.statements.columnCredit") },
+        { key: "balance", label: t2("financial.statements.columnBalance") }
+      ],
+      entries.map((e) => ({
+        date: e.movement.paymentDate ?? e.movement.dueDate,
+        description: e.invoice?.contactName ?? e.movement.notes ?? "",
+        method: methodName(e.movement),
+        debit: e.movement.direction === "debit" ? fmt(e.movement.amount) : "",
+        credit: e.movement.direction === "credit" ? fmt(e.movement.amount) : "",
+        balance: fmt(e.runningBalance)
+      })),
+      "extrato"
+    );
+  };
   return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsx(
-      SubpageHeader,
-      {
-        title: t2("financial.statements.title"),
-        subtitle: t2("financial.statements.subtitle"),
-        actions: /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", onClick: () => setShowTransfer(true), disabled: bankAccounts.length < 2, children: [
-          /* @__PURE__ */ jsx(ArrowRightLeft, { className: "h-3.5 w-3.5" }),
-          t2("financial.statements.newTransfer")
-        ] })
-      }
-    ),
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-col sm:flex-row gap-3 sm:items-end", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex-1 max-w-xs", children: [
-        /* @__PURE__ */ jsx("label", { className: "text-[10px] font-medium text-muted-foreground uppercase", children: t2("financial.statements.account") }),
-        /* @__PURE__ */ jsxs(
-          "select",
-          {
-            value: accountId,
-            onChange: (e) => setAccountId(e.target.value),
-            className: "w-full mt-0.5 rounded-input border border-input bg-card shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] px-3 py-2 text-sm",
-            children: [
-              /* @__PURE__ */ jsx("option", { value: ALL, children: t2("financial.summary.allAccounts") }),
-              bankAccounts.map((a) => /* @__PURE__ */ jsx("option", { value: a.id, children: a.name }, a.id))
-            ]
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("label", { className: "text-[10px] font-medium text-muted-foreground uppercase", children: t2("financial.statements.from") }),
-        /* @__PURE__ */ jsx(DatePicker, { value: dateFrom, onChange: setDateFrom, className: "mt-0.5" })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("label", { className: "text-[10px] font-medium text-muted-foreground uppercase", children: t2("financial.statements.to") }),
-        /* @__PURE__ */ jsx(DatePicker, { value: dateTo, onChange: setDateTo, className: "mt-0.5" })
-      ] })
-    ] }),
+    /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center justify-end gap-3", children: /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", onClick: () => setShowTransfer(true), disabled: bankAccounts.length < 2, children: [
+      /* @__PURE__ */ jsx(ArrowRightLeft, { className: "h-3.5 w-3.5" }),
+      t2("financial.statements.newTransfer")
+    ] }) }),
     accountId && statement && /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 sm:grid-cols-4 gap-2", children: [
       /* @__PURE__ */ jsx(SummaryStat, { label: t2("financial.statements.opening"), value: fmt(statement.openingBalance) }),
       /* @__PURE__ */ jsx(SummaryStat, { label: t2("financial.statements.totalCredits"), value: fmt(statement.totalCredits), positive: true }),
       /* @__PURE__ */ jsx(SummaryStat, { label: t2("financial.statements.totalDebits"), value: fmt(statement.totalDebits), negative: true }),
       /* @__PURE__ */ jsx(SummaryStat, { label: t2("financial.statements.closing"), value: fmt(statement.closingBalance), accent: true })
     ] }),
-    !accountId ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-12 text-center rounded-lg border-2 border-dashed border-muted", children: [
-      /* @__PURE__ */ jsx(Receipt, { className: "h-8 w-8 text-muted-foreground mb-2" }),
-      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t2("financial.statements.selectToView") })
-    ] }) : statementLoading ? /* @__PURE__ */ jsx(DataTable, { columns, data: [], loading: true, skeletonRows: 8, compact: true }) : entries.length === 0 ? /* @__PURE__ */ jsx(DataTable, { columns, data: [], emptyMessage: t2("financial.statements.noTransactions"), compact: true }) : /* @__PURE__ */ jsx(DataTable, { columns, data: entries, compact: true }),
+    /* @__PURE__ */ jsxs(Card, { className: "overflow-hidden", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2 border-b border-border px-3 py-2", children: [
+        /* @__PURE__ */ jsxs("div", { className: "relative min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx(Search, { className: "pointer-events-none absolute left-2.5 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "text",
+              value: search,
+              onChange: (e) => setSearch(e.target.value),
+              placeholder: t2("financial.statements.searchPlaceholder"),
+              className: "w-full bg-transparent py-1.5 pl-8 pr-3 text-sm placeholder:text-muted-foreground focus:outline-none"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "ml-auto flex flex-wrap items-center justify-end gap-2", children: [
+          /* @__PURE__ */ jsx(
+            FilterChip,
+            {
+              icon: Landmark,
+              label: t2("financial.statements.account"),
+              allLabel: t2("financial.summary.allAccounts"),
+              value: accountId && accountId !== ALL ? accountId : void 0,
+              onChange: (next) => setAccountId(next ?? ALL),
+              options: bankAccounts.map((a) => ({ value: a.id, label: a.name }))
+            }
+          ),
+          /* @__PURE__ */ jsx(DatePicker, { value: dateFrom, onChange: setDateFrom, variant: "chip" }),
+          /* @__PURE__ */ jsx(DatePicker, { value: dateTo, onChange: setDateTo, variant: "chip" }),
+          entries.length > 0 && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: exportEntries,
+              "aria-label": t2("crud.export.action"),
+              title: t2("crud.export.action"),
+              className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+              children: /* @__PURE__ */ jsx(Download, { className: "h-4 w-4" })
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(
+        DataTable,
+        {
+          variant: "bare",
+          compact: true,
+          columns,
+          data: statementLoading ? [] : entries,
+          loading: statementLoading,
+          skeletonRows: statementLoading ? 8 : void 0,
+          emptyMessage: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-1 py-6", children: [
+            /* @__PURE__ */ jsx(Receipt, { className: "mb-2 h-9 w-9 text-muted-foreground/40" }),
+            /* @__PURE__ */ jsx("p", { className: "text-base font-semibold text-foreground", children: accountId ? t2("financial.statements.noTransactions") : t2("financial.statements.selectToView") })
+          ] })
+        }
+      )
+    ] }),
     showTransfer && /* @__PURE__ */ jsx(
       TransferModal,
       {
@@ -4227,6 +3907,8 @@ function FinancialPage({ config, provider, store, registries }) {
     ) }) }) });
   }
   function renderView() {
+    const off = intent.view === "commissions" && !config.modules.commissions || intent.view === "cards" && !config.modules.cards || intent.view === "cash-registers" && !config.modules.cashRegisters || intent.view === "reconciliation" && !config.modules.reconciliation || intent.view === "notas-fiscais" && !config.modules.notasFiscais;
+    if (off) return /* @__PURE__ */ jsx(SummaryView, {});
     switch (intent.view) {
       case "payables":
         return /* @__PURE__ */ jsx(PayablesView, { intent, onNavigate: navigate, previousView, back });
@@ -4259,6 +3941,7 @@ function FinancialPage({ config, provider, store, registries }) {
       title: config.labels.pageTitle,
       subtitle: config.labels.pageSubtitle,
       nav,
+      navVariant: config.moduleNav,
       showHeader: intent.view === "summary" || view === "summary",
       viewKey: view,
       direction,
@@ -6190,6 +5873,143 @@ function createSupabaseFinancialProvider() {
   };
   return provider;
 }
+
+// src/lib/message-events.ts
+var INVOICE_FIELDS = [
+  { name: "customer_name", label: "Cliente", type: "string", example: "Maria Silva" },
+  { name: "invoice_number", label: "N\xFAmero", type: "string", example: "0042" },
+  { name: "invoice_total", label: "Valor", type: "money", example: "R$ 1.250,00" },
+  { name: "due_date", label: "Vencimento", type: "date", example: "20/08/2026" },
+  { name: "invoice_url", label: "Link da fatura", type: "url", example: "https://sua.app/faturas/0042" },
+  { name: "business_name", label: "Seu neg\xF3cio", type: "string", example: "Seu Neg\xF3cio" }
+];
+function buildFinancialDomainEvents() {
+  return [
+    {
+      name: "financial.invoice_created",
+      title: "Fatura emitida",
+      icon: "FilePlus2",
+      audit: true,
+      description: "Uma cobran\xE7a foi gerada",
+      trigger: "Quando a fatura \xE9 emitida",
+      fields: INVOICE_FIELDS
+    },
+    {
+      name: "financial.invoice_due_soon",
+      title: "Fatura a vencer",
+      icon: "CalendarClock",
+      audit: false,
+      description: "O vencimento est\xE1 pr\xF3ximo",
+      trigger: "Nos dias que antecedem o vencimento",
+      fields: INVOICE_FIELDS
+    },
+    {
+      name: "financial.invoice_paid",
+      title: "Fatura paga",
+      icon: "CircleCheck",
+      audit: true,
+      description: "O pagamento foi recebido",
+      trigger: "Quando a fatura \xE9 baixada como paga",
+      fields: INVOICE_FIELDS
+    },
+    {
+      name: "financial.invoice_overdue",
+      title: "Fatura vencida",
+      icon: "AlertTriangle",
+      audit: true,
+      description: "A cobran\xE7a passou do vencimento",
+      trigger: "Quando a fatura vence sem pagamento",
+      fields: INVOICE_FIELDS
+    },
+    {
+      name: "financial.invoice_cancelled",
+      title: "Fatura cancelada",
+      icon: "FileX2",
+      audit: true,
+      description: "A cobran\xE7a foi cancelada",
+      trigger: "Quando a fatura \xE9 cancelada",
+      fields: INVOICE_FIELDS
+    }
+  ];
+}
+function buildFinancialMessageDefaults() {
+  return [
+    {
+      eventKey: "financial.invoice_created",
+      kind: "transactional",
+      channels: ["email", "whatsapp"],
+      defaults: {
+        email: {
+          subject: "Fatura {{invoice_number}} \u2014 {{invoice_total}}",
+          body: "Ol\xE1 {{customer_name}},\n\nSegue a fatura {{invoice_number}}, no valor de {{invoice_total}}, com vencimento em {{due_date}}.\n\n{{invoice_url}}\n\nQualquer d\xFAvida, \xE9 s\xF3 responder este e-mail.\n\n{{business_name}}"
+        },
+        whatsapp: {
+          body: "Oi {{customer_name}}! Segue a fatura {{invoice_number}} \u{1F4C4}\n\nValor: {{invoice_total}}\nVencimento: {{due_date}}\n{{invoice_url}}\n\n\u2014 {{business_name}}"
+        }
+      },
+      defaultEnabled: { email: true }
+    },
+    {
+      eventKey: "financial.invoice_due_soon",
+      kind: "transactional",
+      channels: ["whatsapp", "email"],
+      defaults: {
+        whatsapp: {
+          body: "Oi {{customer_name}}! Lembrete tranquilo: a fatura {{invoice_number}} ({{invoice_total}}) vence em {{due_date}}.\n\n{{invoice_url}}\n\n\u2014 {{business_name}}"
+        },
+        email: {
+          subject: "Sua fatura {{invoice_number}} vence em {{due_date}}",
+          body: "Ol\xE1 {{customer_name}},\n\nUm lembrete: a fatura {{invoice_number}}, de {{invoice_total}}, vence em {{due_date}}.\n\n{{invoice_url}}\n\nSe j\xE1 pagou, pode desconsiderar.\n\n{{business_name}}"
+        }
+      },
+      defaultEnabled: { email: true }
+    },
+    {
+      eventKey: "financial.invoice_paid",
+      kind: "transactional",
+      channels: ["email", "whatsapp"],
+      defaults: {
+        email: {
+          subject: "Recebemos o pagamento da fatura {{invoice_number}}",
+          body: "Ol\xE1 {{customer_name}},\n\nConfirmamos o recebimento de {{invoice_total}} referente \xE0 fatura {{invoice_number}}.\n\nObrigado!\n\n{{business_name}}"
+        },
+        whatsapp: {
+          body: "Oi {{customer_name}}! Pagamento da fatura {{invoice_number}} confirmado \u2705\n\nObrigado! \u2014 {{business_name}}"
+        }
+      },
+      // Confirmar recebimento é o mínimo: sem isso o cliente fica sem saber se
+      // o dinheiro chegou, e a próxima mensagem dele é uma pergunta.
+      defaultEnabled: { email: true }
+    },
+    {
+      eventKey: "financial.invoice_overdue",
+      kind: "transactional",
+      channels: ["whatsapp", "email"],
+      defaults: {
+        whatsapp: {
+          body: "Oi {{customer_name}}, tudo bem?\n\nA fatura {{invoice_number}} ({{invoice_total}}) venceu em {{due_date}} e consta em aberto por aqui.\n\n{{invoice_url}}\n\nSe precisar de outra data, me avisa que a gente resolve. \u2014 {{business_name}}"
+        },
+        email: {
+          subject: "Fatura {{invoice_number}} em aberto",
+          body: "Ol\xE1 {{customer_name}},\n\nA fatura {{invoice_number}}, de {{invoice_total}}, venceu em {{due_date}} e consta em aberto.\n\n{{invoice_url}}\n\nSe j\xE1 efetuou o pagamento, desconsidere este aviso. Se precisar de outra data, \xE9 s\xF3 responder.\n\n{{business_name}}"
+        }
+      }
+      // Cobrança de atraso NÃO nasce ligada: a primeira mensagem que uma conta
+      // nova manda sozinha não pode ser uma cobrança escrita por outra pessoa.
+    },
+    {
+      eventKey: "financial.invoice_cancelled",
+      kind: "transactional",
+      channels: ["email"],
+      defaults: {
+        email: {
+          subject: "Fatura {{invoice_number}} cancelada",
+          body: "Ol\xE1 {{customer_name}},\n\nA fatura {{invoice_number}}, de {{invoice_total}}, foi cancelada e n\xE3o precisa ser paga.\n\n{{business_name}}"
+        }
+      }
+    }
+  ];
+}
 function createFinancialStore(provider) {
   return createStore$1((set, get) => ({
     invoices: [],
@@ -6420,7 +6240,7 @@ function createFinancialStore(provider) {
   }));
 }
 
-// src/registries.ts
+// src/data/registries.ts
 var paymentMethodTypeEntity = {
   name: "Payment Type",
   namePlural: "Payment Types",
@@ -6762,6 +6582,10 @@ var en = {
   "financial.invoice.paidOn": "Paid on:",
   "financial.invoice.pay": "Pay",
   "financial.invoice.paymentSchedule": "Payment Schedule",
+  "financial.invoiceForm.scheduleLocked": "Some installments are paid \u2014 the schedule can no longer be regenerated.",
+  "financial.invoice.payment": "Payment",
+  "financial.invoice.balance": "Remaining",
+  "financial.invoice.details": "Details",
   "financial.invoice.remaining": "Remaining:",
   "financial.invoice.searchPlaceholder": "Search by contact or description...",
   "financial.invoice.showing": "Showing {{shown}} of {{total}}",
@@ -6781,6 +6605,8 @@ var en = {
   "financial.invoiceForm.discountSurcharge": "Discount / Surcharge",
   "financial.invoiceForm.done": "Done",
   "financial.invoiceForm.editing": "Editing invoice",
+  "financial.invoiceForm.editTitle": "Edit",
+  "financial.invoiceForm.newTitle": "New",
   "financial.invoiceForm.fiscalNumber": "Fiscal Number (optional)",
   "financial.invoiceForm.headquarters": "Headquarters",
   "financial.invoiceForm.installments": "Installments",
@@ -6917,6 +6743,7 @@ var en = {
   "financial.statements.from": "From",
   "financial.statements.noTransactions": "No transactions in this period",
   "financial.statements.selectAccount": "Select an account to view statement",
+  "financial.statements.searchPlaceholder": "Search by contact, description or document...",
   "financial.statements.selectToView": "Select an account to view statement",
   "financial.statements.subtitle": "Bank account transactions and balances",
   "financial.statements.title": "Statements",
@@ -7256,6 +7083,10 @@ var ptBR = {
   "financial.invoice.paidOn": "Pago em:",
   "financial.invoice.pay": "Pagar",
   "financial.invoice.paymentSchedule": "Cronograma de Pagamento",
+  "financial.invoiceForm.scheduleLocked": "Parcelas j\xE1 pagas \u2014 o parcelamento n\xE3o pode mais ser refeito.",
+  "financial.invoice.payment": "Pagamento",
+  "financial.invoice.balance": "Restante",
+  "financial.invoice.details": "Detalhes",
   "financial.invoice.remaining": "Restante:",
   "financial.invoice.searchPlaceholder": "Buscar por contato ou descri\xE7\xE3o...",
   "financial.invoice.showing": "Exibindo {{shown}} de {{total}}",
@@ -7275,6 +7106,11 @@ var ptBR = {
   "financial.invoiceForm.discountSurcharge": "Desconto / Acr\xE9scimo",
   "financial.invoiceForm.done": "Pronto",
   "financial.invoiceForm.editing": "Editando fatura",
+  // Título da migalha ("← Mensalidades / Nova"). Genérico de propósito: o nome
+  // do documento é do app (Mensalidades, Contas a Receber), e repeti-lo aqui
+  // escreveria "fatura" numa tela que o app chama de outra coisa.
+  "financial.invoiceForm.editTitle": "Editar",
+  "financial.invoiceForm.newTitle": "Nova",
   "financial.invoiceForm.fiscalNumber": "N\xFAmero Fiscal (opcional)",
   "financial.invoiceForm.headquarters": "Sede",
   "financial.invoiceForm.installments": "Parcelas",
@@ -7411,6 +7247,7 @@ var ptBR = {
   "financial.statements.from": "De",
   "financial.statements.noTransactions": "Sem transa\xE7\xF5es neste per\xEDodo",
   "financial.statements.selectAccount": "Selecione uma conta para ver o extrato",
+  "financial.statements.searchPlaceholder": "Buscar por contato, descri\xE7\xE3o ou documento...",
   "financial.statements.selectToView": "Selecione uma conta para ver o extrato",
   "financial.statements.subtitle": "Transa\xE7\xF5es e saldos de contas banc\xE1rias",
   "financial.statements.title": "Extratos",
@@ -7844,6 +7681,7 @@ function resolveConfig(options) {
 function createFinancialPlugin(options) {
   const config = resolveConfig(options);
   registerTranslations(financialLocales);
+  registerMessageDefaults(buildFinancialMessageDefaults());
   const provider = options?.dataProvider ?? createSafeFinancialProvider();
   const store = createFinancialStore(provider);
   const dashboardWidgets = createFinancialDashboardWidgets({ config, provider, store });
@@ -7860,6 +7698,8 @@ function createFinancialPlugin(options) {
     verticalId: options?.verticalId,
     defaultEnabled: true,
     dependencies: [],
+    // Os FATOS do financeiro — só expostos enquanto o módulo está ATIVO.
+    events: buildFinancialDomainEvents(),
     declaredFeatures: [
       { id: "financial", label: config.labels.pageTitle, group: config.labels.pageTitle },
       ...config.modules.receivables ? [{ id: "financial.receivables", label: config.labels.receivables, group: config.labels.pageTitle }] : [],
@@ -8073,6 +7913,6 @@ function createFinancialPlugin(options) {
   };
 }
 
-export { FINANCIAL_NAV_FEATURES, createFinancialPlugin, createMockFinancialProvider, createSafeFinancialProvider, openQuickAdd };
+export { FINANCIAL_NAV_FEATURES, buildFinancialDomainEvents, buildFinancialMessageDefaults, createFinancialPlugin, createMockFinancialProvider, createSafeFinancialProvider, openQuickAdd };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map