@fayz-ai/plugin-financial 0.27.0 → 0.27.1

package/dist/{FinancialPage-HIVSEGJE.js → FinancialPage-QGKOWJ6J.js}

@@ -6,7 +6,7 @@ import { formatCurrency, FinancialContextProvider, useFinancialConfig, useFinanc
 import * as React15 from 'react';
 import React15__default, { memo, useState, useMemo, useCallback, useEffect, useRef } from 'react';
 import { useTranslation, navigateApp, appHref, useUnitMode, useDataChanged, describeError, resolveCurrency, exportCSV, formatCurrency as formatCurrency$1 } from '@fayz-ai/core';
-import { Badge, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Input, PageTransition, ModulePage, Button, DashboardCanvas, ComingSoon, SubpageHeader, PageTabs, StatTiles, Tooltip, TooltipTrigger, TooltipContent, TooltipProvider, ListView, DatePicker, DataTable, DateRangeControl, usePageSize, PageHeaderActions, FilterPanel, FilterPanelField, SearchSelect, SegmentedControl, Card, Pagination, Hint, RequiredFilter, FilterMenuRow, toast, printDocument, ChoiceList, Skeleton, Modal, ModalContent, ModalHeader, ModalTitle, ModalDescription, ModalBody, ModalFooter, RefreshButton, AiActionButton, CurrencyInput, ModalFlow, useSaveBar, Switch, Textarea, RowActions, WizardSteps } from '@fayz-ai/ui';
+import { Badge, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Input, PageTransition, ModulePage, Button, DashboardCanvas, ComingSoon, SubpageHeader, PageTabs, StatTiles, Tooltip, TooltipTrigger, TooltipContent, TooltipProvider, ListView, DatePicker, DataTable, DateRangeControl, useFilterDraft, usePageSize, PageHeaderActions, FilterPanel, FilterPanelField, SearchSelect, SegmentedControl, Card, Pagination, Hint, RequiredFilter, FilterMenuRow, toast, printDocument, ChoiceList, Skeleton, Modal, ModalContent, ModalHeader, ModalTitle, ModalDescription, ModalBody, ModalFooter, RefreshButton, AiActionButton, CurrencyInput, ModalFlow, useSaveBar, Switch, Textarea, RowActions, WizardSteps } from '@fayz-ai/ui';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useTenantPluginSettings, useModuleNavigation, usePluginOnboardingGate, usePermissionOptional, useModuleNavAccess, PluginOnboardingGateSkeleton, PluginSettingsPanel, ModuleActionBar, EntitlementGate, UpgradePrompt, parseViewId, GetStarted, PermissionGate, PageActions, useUnitFilter, adminNavigateTo, PersonLink, createOneShotAsk, useLookupCreate, createArchetypeLookup, OrderFormSkeleton, OrderFormView, OrderFormBlock, OrderFormItemsCard, OrderFormItemRow, OrderFormAddItemStep, useAgentSurface, shrinkForVision, toInlineFile } from '@fayz-ai/admin';
 import { ChevronDown, ChevronRight, DollarSign, Landmark, CreditCard, BookOpen, Check, Wallet, Receipt, CalendarClock, Plus, Loader2, BadgeCheck, Gift, Pencil, Target, Settings, Play, ArrowRight, Users, RefreshCw, ListChecks, Search, ArrowRightLeft, Building2, Download, Paperclip, CircleDashed, CircleEllipsis, CircleCheckBig, CircleAlert, Ban, Printer, FileText, Camera, AlertCircle, Sparkles, Link2, FileSearch, Undo2, Eye, TriangleAlert, Trash2, CheckCheck, X, Pause, ShoppingCart, Car, Home, Utensils, Zap, Film, HeartPulse, Dumbbell, Music, ShoppingBag, CircleDollarSign, ArrowLeft, FileDown, AlertTriangle } from 'lucide-react';
@@ -1096,14 +1096,7 @@ function InvoiceListView({ direction, onNew, onNewReceipt, onEdit }) {
   const fetchPaymentMethods = useFinancialStore((s) => s.fetchPaymentMethods);
   const fetchBankAccounts = useFinancialStore((s) => s.fetchBankAccounts);
   const [search, setSearch] = useState("");
-  const [statusFilter, setStatusFilter] = useState([]);
-  const [accountId, setAccountId] = useState("");
-  const [costCenterId, setCostCenterId] = useState("");
   const [unitId, setUnitId] = useState("");
-  const [contactId, setContactId] = useState("");
-  const [contactName, setContactName] = useState("");
-  const [fiscalNumber, setFiscalNumber] = useState("");
-  const [bankAccountId, setBankAccountId] = useState("");
   const unitMode = useUnitMode();
   const unitFilter = useUnitFilter();
   const effectiveUnitId = unitMode ? unitFilter.value : unitId || void 0;
@@ -1117,35 +1110,66 @@ function InvoiceListView({ direction, onNew, onNewReceipt, onEdit }) {
       to: isoDate(new Date(hoje.getFullYear(), hoje.getMonth() + 2, 0))
     };
   }, []);
-  const [datePreset, setDatePreset] = useState("custom");
-  const [dateFrom, setDateFrom] = useState(mesCorrente.from);
-  const [dateTo, setDateTo] = useState(mesCorrente.to);
+  const filtros = useFilterDraft(
+    {
+      status: [],
+      contactId: "",
+      contactName: "",
+      fiscalNumber: "",
+      bankAccountId: "",
+      accountId: "",
+      costCenterId: "",
+      from: mesCorrente.from,
+      to: mesCorrente.to,
+      preset: "custom"
+    },
+    { persistKey: `financial.invoices.${direction}`, persistExclude: ["preset"] }
+  );
+  const { draft, applied: emVigor, patch } = filtros;
+  const {
+    status: statusFilter,
+    contactId,
+    contactName,
+    fiscalNumber,
+    bankAccountId,
+    accountId,
+    costCenterId,
+    from: dateFrom,
+    to: dateTo,
+    preset: datePreset
+  } = draft;
+  const setStatusFilter = (status) => patch({ status });
+  const setAccountId = (id) => patch({ accountId: id });
+  const setCostCenterId = (id) => patch({ costCenterId: id });
+  const setBankAccountId = (id) => patch({ bankAccountId: id });
+  const setFiscalNumber = (value) => patch({ fiscalNumber: value });
   useMemo(() => ({ from: dateFrom, to: dateTo }), [dateFrom, dateTo]);
   const applyPreset = (value) => {
-    setDatePreset(value);
-    if (value === "custom") return;
+    if (value === "custom") {
+      patch({ preset: value });
+      return;
+    }
     const range = presetRange(value);
-    setDateFrom(range.from);
-    setDateTo(range.to);
+    patch({ preset: value, from: range.from, to: range.to });
   };
   const setFromClamped = (from) => {
     if (!from) return;
-    setDatePreset("custom");
-    setDateFrom(from);
     if (dateTo && spanDays(from, dateTo) > MAX_RANGE_DAYS) {
       const to = /* @__PURE__ */ new Date(`${from}T00:00:00`);
       to.setDate(to.getDate() + (MAX_RANGE_DAYS - 1));
-      setDateTo(isoDate(to));
+      patch({ preset: "custom", from, to: isoDate(to) });
+    } else {
+      patch({ preset: "custom", from });
     }
   };
   const setToClamped = (to) => {
     if (!to) return;
-    setDatePreset("custom");
-    setDateTo(to);
     if (dateFrom && spanDays(dateFrom, to) > MAX_RANGE_DAYS) {
       const from = /* @__PURE__ */ new Date(`${to}T00:00:00`);
       from.setDate(from.getDate() - (MAX_RANGE_DAYS - 1));
-      setDateFrom(isoDate(from));
+      patch({ preset: "custom", to, from: isoDate(from) });
+    } else {
+      patch({ preset: "custom", to });
     }
   };
   useEffect(() => {
@@ -1166,28 +1190,13 @@ function InvoiceListView({ direction, onNew, onNewReceipt, onEdit }) {
   useEffect(() => {
     void Promise.all([fetchPaymentMethods(), fetchBankAccounts()]);
   }, [fetchPaymentMethods, fetchBankAccounts]);
-  const rascunho = useMemo(() => ({
-    status: statusFilter,
-    contactId,
-    fiscalNumber: fiscalNumber.trim(),
-    bankAccountId,
-    accountId,
-    costCenterId,
-    from: dateFrom,
-    to: dateTo
-  }), [statusFilter, contactId, fiscalNumber, bankAccountId, accountId, costCenterId, dateFrom, dateTo]);
-  const [emVigor, setEmVigor] = useState(rascunho);
-  const filtrosPendentes = useMemo(
-    () => JSON.stringify(rascunho) !== JSON.stringify(emVigor),
-    [rascunho, emVigor]
-  );
-  const aplicarFiltros = useCallback(() => setEmVigor(() => rascunho), [rascunho]);
+  const aplicarFiltros = filtros.apply;
   const query = useMemo(() => ({
     direction,
     status: emVigor.status.length > 0 ? emVigor.status : void 0,
     search: search || void 0,
     contactId: emVigor.contactId || void 0,
-    fiscalNumber: emVigor.fiscalNumber || void 0,
+    fiscalNumber: emVigor.fiscalNumber.trim() || void 0,
     bankAccountId: emVigor.bankAccountId || void 0,
     accountId: emVigor.accountId || void 0,
     costCenterId: emVigor.costCenterId || void 0,
@@ -1351,16 +1360,18 @@ function InvoiceListView({ direction, onNew, onNewReceipt, onEdit }) {
     );
   };
   const clearFilters = () => {
-    setAccountId("");
-    setCostCenterId("");
     setUnitId("");
-    setStatusFilter([]);
-    setContactId("");
-    setContactName("");
-    setFiscalNumber("");
-    setBankAccountId("");
+    patch({
+      accountId: "",
+      costCenterId: "",
+      status: [],
+      contactId: "",
+      contactName: "",
+      fiscalNumber: "",
+      bankAccountId: ""
+    });
   };
-  const activeFilterCount = (accountId ? 1 : 0) + (costCenterId ? 1 : 0) + (unitId ? 1 : 0) + (statusFilter.length > 0 ? 1 : 0) + (contactId ? 1 : 0) + (fiscalNumber ? 1 : 0) + (bankAccountId ? 1 : 0);
+  const activeFilterCount = (accountId ? 1 : 0) + (costCenterId ? 1 : 0) + (unitId ? 1 : 0) + (statusFilter.length > 0 ? 1 : 0) + (contactId ? 1 : 0) + (fiscalNumber.trim() ? 1 : 0) + (bankAccountId ? 1 : 0);
   const unitField = unitFilter.visible ? /* @__PURE__ */ jsx(
     RequiredFilter,
     {
@@ -1518,16 +1529,13 @@ function InvoiceListView({ direction, onNew, onNewReceipt, onEdit }) {
     FilterPanel,
     {
       title: t("financial.invoice.filtersTitle"),
-      dirty: filtrosPendentes,
       onApply: aplicarFiltros,
       applyLabel: t("financial.invoice.filterApply"),
-      pendingTitle: t("financial.invoice.filterPending"),
-      pendingHint: t("financial.invoice.filterPendingHint"),
       onClear: activeFilterCount > 0 ? clearFilters : void 0,
       clearLabel: t("financial.invoice.filterClear"),
       busy: invoicesLoading,
       advanced: filtrosAvancados,
-      advancedCount: (accountId ? 1 : 0) + (costCenterId ? 1 : 0) + (bankAccountId ? 1 : 0) + (fiscalNumber ? 1 : 0),
+      advancedCount: (accountId ? 1 : 0) + (costCenterId ? 1 : 0) + (bankAccountId ? 1 : 0) + (fiscalNumber.trim() ? 1 : 0),
       moreLabel: t("financial.invoice.filterMore"),
       lessLabel: t("financial.invoice.filterLess"),
       children: [
@@ -1547,8 +1555,7 @@ function InvoiceListView({ direction, onNew, onNewReceipt, onEdit }) {
             loadOnOpen: false,
             clearLabel: t("financial.invoice.filterAllContacts"),
             onChange: (id, option) => {
-              setContactId(id);
-              setContactName(option?.label ?? "");
+              patch({ contactId: id, contactName: option?.label ?? "" });
             },
             onSearch: async (termo) => {
               const results = await contactLookup.search(termo);
@@ -1914,8 +1921,6 @@ function StatementsView({ onNavigate }) {
   const paymentMethodTypes = useFinancialStore((s) => s.paymentMethodTypes);
   const fetchPaymentMethods = useFinancialStore((s) => s.fetchPaymentMethods);
   const fetchStatement = useFinancialStore((s) => s.fetchStatement);
-  const [accountId, setAccountId] = useState("");
-  const [selectedAccount, setSelectedAccount] = useState(null);
   const MAX_RANGE_DAYS2 = 90;
   const hojeIso = () => {
     const d = /* @__PURE__ */ new Date();
@@ -1926,44 +1931,58 @@ function StatementsView({ onNavigate }) {
     d.setDate(d.getDate() - 29);
     return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, "0")}-${String(d.getDate()).padStart(2, "0")}`;
   }, []);
-  const [dateFrom, setDateFrom] = useState(defaultFrom);
-  const [dateTo, setDateTo] = useState(hojeIso);
+  const filtros = useFilterDraft(
+    {
+      accountId: "",
+      accountName: "",
+      from: defaultFrom,
+      to: hojeIso(),
+      // THE THREE OPERATION TYPES of V1 (credits · debits · transfers). They
+      // cut the statement already in hand, so the list reads them from the
+      // DRAFT (instant) and they never trigger a query; they live in the slice
+      // only so they are remembered with it.
+      credits: true,
+      debits: true,
+      transfers: true
+    },
+    { persistKey: "financial.statements" }
+  );
+  const { draft, applied, patch } = filtros;
+  const accountId = draft.accountId;
+  const dateFrom = draft.from;
+  const dateTo = draft.to;
+  const verCreditos = draft.credits;
+  const verDebitos = draft.debits;
+  const verTransferencias = draft.transfers;
   const spanDays2 = (from, to) => Math.round(((/* @__PURE__ */ new Date(`${to}T00:00:00`)).getTime() - (/* @__PURE__ */ new Date(`${from}T00:00:00`)).getTime()) / 864e5) + 1;
   const setFromClamped = (from) => {
     if (!from) return;
-    setDateFrom(from);
     if (dateTo && spanDays2(from, dateTo) > MAX_RANGE_DAYS2) {
       const d = /* @__PURE__ */ new Date(`${from}T00:00:00`);
       d.setDate(d.getDate() + (MAX_RANGE_DAYS2 - 1));
-      setDateTo(`${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, "0")}-${String(d.getDate()).padStart(2, "0")}`);
+      patch({ from, to: `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, "0")}-${String(d.getDate()).padStart(2, "0")}` });
+    } else {
+      patch({ from });
     }
   };
   const setToClamped = (to) => {
     if (!to) return;
-    setDateTo(to);
     if (dateFrom && spanDays2(dateFrom, to) > MAX_RANGE_DAYS2) {
       const d = /* @__PURE__ */ new Date(`${to}T00:00:00`);
       d.setDate(d.getDate() - (MAX_RANGE_DAYS2 - 1));
-      setDateFrom(`${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, "0")}-${String(d.getDate()).padStart(2, "0")}`);
+      patch({ to, from: `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, "0")}-${String(d.getDate()).padStart(2, "0")}` });
+    } else {
+      patch({ to });
     }
   };
   const [search, setSearch] = useState("");
   const [showTransfer, setShowTransfer] = useState(false);
-  const [verCreditos, setVerCreditos] = useState(true);
-  const [verDebitos, setVerDebitos] = useState(true);
-  const [verTransferencias, setVerTransferencias] = useState(true);
   const unidades = useUnitFilter();
-  const [aplicado, setAplicado] = useState({ accountId: "", from: defaultFrom, to: hojeIso() });
-  const filtrosPendentes = useMemo(
-    () => JSON.stringify({ accountId, from: dateFrom, to: dateTo }) !== JSON.stringify(aplicado),
-    [accountId, dateFrom, dateTo, aplicado]
-  );
+  const [refreshTick, setRefreshTick] = useState(0);
   const gerar = useCallback(() => {
-    setAplicado({ accountId, from: dateFrom, to: dateTo });
-  }, [accountId, dateFrom, dateTo]);
-  useEffect(() => {
-    if (accountId && !aplicado.accountId) gerar();
-  }, [accountId, aplicado.accountId, gerar]);
+    filtros.apply();
+    setRefreshTick((n) => n + 1);
+  }, [filtros.apply]);
   useEffect(() => {
     fetchPaymentMethods();
   }, [fetchPaymentMethods]);
@@ -1983,13 +2002,13 @@ function StatementsView({ onNavigate }) {
     onNavigate(`${base}-detail:${e.movement.invoiceId}`);
   }
   useEffect(() => {
-    if (aplicado.accountId) {
+    if (applied.accountId) {
       fetchStatement({
-        bankAccountId: aplicado.accountId,
-        dateRange: { from: aplicado.from, to: aplicado.to }
+        bankAccountId: applied.accountId,
+        dateRange: { from: applied.from, to: applied.to }
       });
     }
-  }, [aplicado]);
+  }, [applied.accountId, applied.from, applied.to, refreshTick]);
   const fmt = (n) => formatCurrency(n, currency);
   const columns = useMemo(() => [
     {
@@ -2096,7 +2115,7 @@ function StatementsView({ onNavigate }) {
     }
   ], [currency, t, methodName, onNavigate]);
   const entries = useMemo(() => {
-    const all = aplicado.accountId ? statement?.entries ?? [] : [];
+    const all = applied.accountId ? statement?.entries ?? [] : [];
     const porTipo = all.filter((e) => {
       if (e.entryKind !== "movement") return verTransferencias;
       return e.movement.direction === "credit" ? verCreditos : verDebitos;
@@ -2107,7 +2126,7 @@ function StatementsView({ onNavigate }) {
       return haystack.some((v) => v?.toLowerCase().includes(term));
     });
     return newestStatementEntriesFirst(filtered);
-  }, [statement, search, methodName, aplicado.accountId, verCreditos, verDebitos, verTransferencias]);
+  }, [statement, search, methodName, applied.accountId, verCreditos, verDebitos, verTransferencias]);
   const exportEntries = () => {
     exportCSV(
       [
@@ -2144,20 +2163,17 @@ function StatementsView({ onNavigate }) {
       FilterPanel,
       {
         title: t("financial.invoice.filtersTitle"),
-        dirty: filtrosPendentes,
         onApply: gerar,
         applyLabel: t("financial.statements.generate"),
-        pendingTitle: t("financial.invoice.filterPending"),
-        pendingHint: t("financial.statements.filterPendingHint"),
         applyDisabledReason: accountId ? void 0 : t("financial.statements.accountRequired"),
         busy: statementLoading,
         moreLabel: t("financial.invoice.filterMore"),
         lessLabel: t("financial.invoice.filterLess"),
         advancedCount: [verCreditos, verDebitos, verTransferencias].filter((v) => !v).length,
         advanced: /* @__PURE__ */ jsx(FilterPanelField, { label: t("financial.statements.operationTypes"), className: "sm:col-span-2", children: /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-1.5", children: [
-          [t("financial.statements.opCredits"), verCreditos, setVerCreditos],
-          [t("financial.statements.opDebits"), verDebitos, setVerDebitos],
-          [t("financial.statements.opTransfers"), verTransferencias, setVerTransferencias]
+          [t("financial.statements.opCredits"), verCreditos, (v) => patch({ credits: v })],
+          [t("financial.statements.opDebits"), verDebitos, (v) => patch({ debits: v })],
+          [t("financial.statements.opTransfers"), verTransferencias, (v) => patch({ transfers: v })]
         ].map(([rotulo, ligado, alterna]) => /* @__PURE__ */ jsx(
           Button,
           {
@@ -2177,7 +2193,7 @@ function StatementsView({ onNavigate }) {
             {
               className: "w-full",
               value: accountId,
-              displayValue: selectedAccount?.name ?? "",
+              displayValue: draft.accountName,
               icon: Landmark,
               placeholder: "Digite...",
               minChars: 2,
@@ -2187,8 +2203,7 @@ function StatementsView({ onNavigate }) {
               searchingLabel: "Buscando contas e pessoas...",
               clearLabel: "Limpar",
               onChange: (id, option) => {
-                setAccountId(id);
-                setSelectedAccount(option?.data ?? null);
+                patch({ accountId: id, accountName: option?.data?.name ?? option?.label ?? "" });
               },
               onSearch: async (query) => {
                 const accounts = provider.searchFinancialAccounts ? await provider.searchFinancialAccounts(query, 20) : (await provider.getBankAccounts()).filter((account) => account.name.toLocaleLowerCase("pt-BR").includes(query.toLocaleLowerCase("pt-BR"))).slice(0, 20);
@@ -2231,7 +2246,7 @@ function StatementsView({ onNavigate }) {
         ]
       }
     ),
-    aplicado.accountId && statement && /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 sm:grid-cols-4 gap-2", children: [
+    applied.accountId && statement && /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 sm:grid-cols-4 gap-2", children: [
       /* @__PURE__ */ jsx(SummaryStat, { label: t("financial.statements.opening"), value: fmt(statement.openingBalance) }),
       /* @__PURE__ */ jsx(SummaryStat, { label: t("financial.statements.totalCredits"), value: fmt(statement.totalCredits), positive: true }),
       /* @__PURE__ */ jsx(SummaryStat, { label: t("financial.statements.totalDebits"), value: fmt(statement.totalDebits), negative: true }),
@@ -3709,10 +3724,11 @@ function ReconcileFlow({ line, initialIntent, initialTarget, initialStep = 0, on
     min: toAmountInput(line.amount * (1 - LINK_AMOUNT_TOLERANCE)),
     max: toAmountInput(line.amount * (1 + LINK_AMOUNT_TOLERANCE))
   });
-  const [rascunho, setRascunho] = useState(filtrosIniciais);
-  const [aplicado, setAplicado] = useState(filtrosIniciais);
-  const mudarFiltro = (patch) => setRascunho((prev) => ({ ...prev, ...patch }));
-  const filtrosPendentes = JSON.stringify(rascunho) !== JSON.stringify(aplicado);
+  const filtros = useFilterDraft(filtrosIniciais(), {
+    persistKey: "financial.reconcile-flow",
+    persistExclude: ["dueFrom", "dueTo", "texto", "min", "max"]
+  });
+  const { draft: rascunho, applied: aplicado, patch: mudarFiltro, dirty: filtrosPendentes } = filtros;
   const [resultados, setResultados] = useState([]);
   const [paginaBusca, setPaginaBusca] = useState(1);
   const [temMais, setTemMais] = useState(false);
@@ -3763,8 +3779,8 @@ function ReconcileFlow({ line, initialIntent, initialTarget, initialStep = 0, on
   }, [podeBuscar, resultados, candidates, initialTarget]);
   const ampliarBusca = () => {
     const amplo = { ...rascunho, dueFrom: shiftDate(line.date, -WIDEN_DAYS), dueTo: shiftDate(line.date, WIDEN_DAYS), min: "", max: "" };
-    setRascunho(amplo);
-    setAplicado(amplo);
+    filtros.setDraft(amplo);
+    filtros.apply();
   };
   const contaDoExtrato = useMemo(
     () => contas.find((a) => a.id === line.bankAccountId) ?? null,
@@ -3976,7 +3992,7 @@ function ReconcileFlow({ line, initialIntent, initialTarget, initialStep = 0, on
     return item.candidate.installmentCount ? `${n}/${item.candidate.installmentCount}` : String(n);
   };
   const filtrar = () => {
-    if (filtrosPendentes) setAplicado(rascunho);
+    if (filtrosPendentes) filtros.apply();
     else void buscar(1);
   };
   const colunasDaBusca = [
@@ -4057,11 +4073,8 @@ function ReconcileFlow({ line, initialIntent, initialTarget, initialStep = 0, on
       FilterPanel,
       {
         title: t("financial.reconciliation.filtersTitle"),
-        dirty: filtrosPendentes,
         onApply: filtrar,
         applyLabel: t("financial.reconciliation.filter"),
-        pendingTitle: t("financial.reconciliation.filterPending"),
-        pendingHint: t("financial.reconciliation.searchPendingHint"),
         busy: buscando,
         moreLabel: t("financial.reconciliation.filterMore"),
         lessLabel: t("financial.reconciliation.filterLess"),
@@ -4958,27 +4971,26 @@ function ReconciliationView() {
   const unidades = useUnitFilter({ scope: "list" });
   const fmt = (n) => formatCurrency(n, currency);
   const [unitId, setUnitId] = useState("");
-  const [accountId, setAccountId] = useState("");
-  const [selectedAccount, setSelectedAccount] = useState(null);
   const defaultFrom = useMemo(() => {
     const d = /* @__PURE__ */ new Date();
     d.setDate(d.getDate() - 29);
     return isoDay(d);
   }, []);
-  const [dateFrom, setDateFrom] = useState(defaultFrom);
-  const [dateTo, setDateTo] = useState(() => isoDay(/* @__PURE__ */ new Date()));
-  const [direction, setDirection] = useState("all");
-  const [status, setStatus] = useState("all");
+  const filtros = useFilterDraft(
+    {
+      accountId: "",
+      account: null,
+      dateFrom: defaultFrom,
+      dateTo: isoDay(/* @__PURE__ */ new Date()),
+      direction: "all",
+      status: "all",
+      hideInvestments: true
+    },
+    { persistKey: "financial.reconciliation" }
+  );
+  const { draft, applied, patch } = filtros;
+  const { accountId, account: selectedAccount, dateFrom, dateTo, direction, status, hideInvestments } = draft;
   const [search, setSearch] = useState("");
-  const [hideInvestments, setHideInvestments] = useState(true);
-  const [applied, setApplied] = useState({
-    accountId: "",
-    dateFrom: defaultFrom,
-    dateTo: isoDay(/* @__PURE__ */ new Date()),
-    direction: "all",
-    status: "all",
-    hideInvestments: true
-  });
   const [appliedSearch, setAppliedSearch] = useState("");
   const [page, setPage] = useState(1);
   const [pageSize, setPageSize] = usePageSize("financial.reconciliation", PAGE_SIZE);
@@ -5006,9 +5018,12 @@ function ReconciliationView() {
     const id = setTimeout(() => setAppliedSearch(termo), 300);
     return () => clearTimeout(id);
   }, [search, appliedSearch]);
+  const loadSeq = React15__default.useRef(0);
   const load = useCallback(async () => {
+    const seq = ++loadSeq.current;
     if (!provider.getStatementLines || !applied.accountId) {
       setResult(null);
+      setLoading(false);
       return;
     }
     setLoading(true);
@@ -5023,9 +5038,9 @@ function ReconciliationView() {
         page,
         pageSize
       });
-      setResult(data);
+      if (seq === loadSeq.current) setResult(data);
     } finally {
-      setLoading(false);
+      if (seq === loadSeq.current) setLoading(false);
     }
   }, [provider, applied, appliedSearch, page, pageSize]);
   useEffect(() => {
@@ -5045,13 +5060,7 @@ function ReconciliationView() {
       vivo = false;
     };
   }, [provider, linhasAbertas]);
-  function filtrar() {
-    setApplied({ accountId, dateFrom, dateTo, direction, status, hideInvestments });
-  }
-  const filtrosPendentes = useMemo(
-    () => JSON.stringify({ accountId, dateFrom, dateTo, direction, status, hideInvestments }) !== JSON.stringify(applied),
-    [accountId, dateFrom, dateTo, direction, status, hideInvestments, applied]
-  );
+  const filtrar = filtros.apply;
   async function sugerir(line) {
     if (!provider.suggestReconciliation) return;
     setSugerindo(line.id);
@@ -5170,11 +5179,8 @@ function ReconciliationView() {
       FilterPanel,
       {
         title: t("financial.reconciliation.filtersTitle"),
-        dirty: filtrosPendentes,
         onApply: filtrar,
         applyLabel: t("financial.reconciliation.filter"),
-        pendingTitle: t("financial.reconciliation.filterPending"),
-        pendingHint: t("financial.reconciliation.filterPendingHint"),
         applyDisabledReason: accountId ? void 0 : t("financial.reconciliation.pickAccountFirst"),
         busy: loading,
         moreLabel: t("financial.reconciliation.filterMore"),
@@ -5186,7 +5192,7 @@ function ReconciliationView() {
             {
               "aria-label": t("financial.reconciliation.type"),
               value: direction,
-              onChange: (v) => setDirection(v),
+              onChange: (v) => patch({ direction: v }),
               options: [
                 { value: "all", label: t("financial.reconciliation.typeAll") },
                 { value: "credit", label: t("financial.reconciliation.typeIn") },
@@ -5199,7 +5205,7 @@ function ReconciliationView() {
             {
               "aria-label": t("financial.reconciliation.status"),
               value: status,
-              onChange: (v) => setStatus(v),
+              onChange: (v) => patch({ status: v }),
               options: [
                 { value: "all", label: t("financial.reconciliation.statusAll") },
                 { value: "reconciled", label: t("financial.reconciliation.statusReconciled") },
@@ -5212,7 +5218,7 @@ function ReconciliationView() {
             {
               "aria-label": t("financial.reconciliation.investments"),
               value: hideInvestments ? "hide" : "show",
-              onChange: (v) => setHideInvestments(v === "hide"),
+              onChange: (v) => patch({ hideInvestments: v === "hide" }),
               options: [
                 { value: "hide", label: t("financial.reconciliation.investmentsHide") },
                 { value: "show", label: t("financial.reconciliation.investmentsShow") }
@@ -5241,8 +5247,7 @@ function ReconciliationView() {
               searchingLabel: "Buscando contas...",
               clearLabel: "Limpar",
               onChange: (id, option) => {
-                setAccountId(id);
-                setSelectedAccount(option?.data ?? null);
+                patch({ accountId: id, account: option?.data ?? null });
               },
               onSearch: async (query) => {
                 const termo = query.trim().toLocaleLowerCase("pt-BR");
@@ -5260,8 +5265,8 @@ function ReconciliationView() {
               }
             }
           ) }),
-          /* @__PURE__ */ jsx(FilterPanelField, { label: t("financial.reconciliation.from"), children: /* @__PURE__ */ jsx(Input, { type: "date", value: dateFrom, onChange: (e) => setDateFrom(e.target.value), className: CAMPO }) }),
-          /* @__PURE__ */ jsx(FilterPanelField, { label: t("financial.reconciliation.to"), children: /* @__PURE__ */ jsx(Input, { type: "date", value: dateTo, onChange: (e) => setDateTo(e.target.value), className: CAMPO }) })
+          /* @__PURE__ */ jsx(FilterPanelField, { label: t("financial.reconciliation.from"), children: /* @__PURE__ */ jsx(Input, { type: "date", value: dateFrom, onChange: (e) => patch({ dateFrom: e.target.value }), className: CAMPO }) }),
+          /* @__PURE__ */ jsx(FilterPanelField, { label: t("financial.reconciliation.to"), children: /* @__PURE__ */ jsx(Input, { type: "date", value: dateTo, onChange: (e) => patch({ dateTo: e.target.value }), className: CAMPO }) })
         ]
       }
     ),
@@ -6565,5 +6570,5 @@ function FinancialPage({ config: appConfig, provider, store, registries }) {
 }
 
 export { FinancialPage };
-//# sourceMappingURL=FinancialPage-HIVSEGJE.js.map
-//# sourceMappingURL=FinancialPage-HIVSEGJE.js.map
+//# sourceMappingURL=FinancialPage-QGKOWJ6J.js.map
+//# sourceMappingURL=FinancialPage-QGKOWJ6J.js.map