@fayz-ai/plugin-financial 0.26.3 → 0.26.4

package/dist/{FinancialPage-7SQNQEY2.js → FinancialPage-NZFBBVY4.js}

@@ -3,13 +3,13 @@ import { startReceiptCapture, RECEIVABLE_RECEIPT_INSTRUCTIONS, RECEIPT_INSTRUCTI
 import { FINANCIAL_MODULE_DEFAULTS, FinancialGeneralSettings } from './chunk-POYZFEAN.js';
 import { CashRegistersView } from './chunk-MGDAJLUQ.js';
 import { formatCurrency, FinancialContextProvider, useFinancialConfig, useFinancialStore, useFinancialProvider } from './chunk-CNXAVGSW.js';
-import * as React14 from 'react';
-import React14__default, { memo, useState, useMemo, useCallback, useEffect, useRef } from 'react';
+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, 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, 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, CloudDownload, ListChecks, Search, ArrowRightLeft, Building2, Download, Paperclip, CircleDashed, CircleEllipsis, CircleCheckBig, CircleAlert, Ban, Printer, FileText, Camera, 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';
+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';
 import { T } from '@fayz-ai/financial/data/tables';
 import { postableAccounts, accountLabel } from '@fayz-ai/financial/domain/chart-of-accounts';
 import { cnabPayeeGaps, inferPixKeyType, generateCnab240, splitAccountDigit, suggestPaymentForm } from '@fayz-ai/financial/domain/cnab240';
@@ -336,9 +336,9 @@ function windowReachesToday(from, to, now = /* @__PURE__ */ new Date()) {
   return from <= today3 && today3 <= to;
 }
 function ReceiptAgentSurface({ onOpenDraft, direction = "payable" }) {
-  const live = React14.useRef(onOpenDraft);
+  const live = React15.useRef(onOpenDraft);
   live.current = onOpenDraft;
-  const contribution = React14.useMemo(() => direction === "receivable" ? {
+  const contribution = React15.useMemo(() => direction === "receivable" ? {
     id: "financial.receivables.receipt",
     pluginId: "financial",
     role: "finance",
@@ -440,22 +440,22 @@ function lineFromInvoice(invoice, payee) {
 var openAmount = (invoice) => Math.max(0, invoice.totalAmount - invoice.paidAmount);
 function CnabRemittanceModal({ invoices, bankAccounts, provider, onClose }) {
   const { currency } = useFinancialConfig();
-  const [step, setStep] = React14__default.useState(0);
-  const [bankAccountId, setBankAccountId] = React14__default.useState("");
-  const [draft, setDraft] = React14__default.useState(null);
-  const [context, setContext] = React14__default.useState(null);
-  const [companyName, setCompanyName] = React14__default.useState("");
-  const [companyDocument, setCompanyDocument] = React14__default.useState("");
-  const [lines, setLines] = React14__default.useState([]);
-  const [companyUnsaved, setCompanyUnsaved] = React14__default.useState(false);
-  const [loadingContext, setLoadingContext] = React14__default.useState(false);
-  const [busy, setBusy] = React14__default.useState(false);
-  const [error, setError] = React14__default.useState("");
+  const [step, setStep] = React15__default.useState(0);
+  const [bankAccountId, setBankAccountId] = React15__default.useState("");
+  const [draft, setDraft] = React15__default.useState(null);
+  const [context, setContext] = React15__default.useState(null);
+  const [companyName, setCompanyName] = React15__default.useState("");
+  const [companyDocument, setCompanyDocument] = React15__default.useState("");
+  const [lines, setLines] = React15__default.useState([]);
+  const [companyUnsaved, setCompanyUnsaved] = React15__default.useState(false);
+  const [loadingContext, setLoadingContext] = React15__default.useState(false);
+  const [busy, setBusy] = React15__default.useState(false);
+  const [error, setError] = React15__default.useState("");
   const eligibleAccounts = bankAccounts.filter((account2) => account2.accountType === "bank" && account2.isActive);
   const total = invoices.reduce((sum, invoice) => sum + openAmount(invoice), 0);
   const account = eligibleAccounts.find((candidate) => candidate.id === bankAccountId);
   const missingBankData = draft ? missingFields(draft, companyDocument) : [];
-  const items = React14__default.useMemo(() => lines.map((line) => ({
+  const items = React15__default.useMemo(() => lines.map((line) => ({
     reference: line.invoice.id,
     amount: openAmount(line.invoice),
     paymentDate: line.paymentDate,
@@ -480,8 +480,8 @@ function CnabRemittanceModal({ invoices, bankAccounts, provider, onClose }) {
       postalCode: line.payee.postalCode
     }
   })), [lines]);
-  const gaps = React14__default.useMemo(() => cnabPayeeGaps(items), [items]);
-  const batches = React14__default.useMemo(() => {
+  const gaps = React15__default.useMemo(() => cnabPayeeGaps(items), [items]);
+  const batches = React15__default.useMemo(() => {
     const grouped = /* @__PURE__ */ new Map();
     for (const line of lines) {
       const current = grouped.get(line.paymentForm) ?? { count: 0, total: 0 };
@@ -2129,7 +2129,7 @@ function StatementsView({ onNavigate }) {
       "extrato"
     );
   };
-  const headerActions = React14__default.useMemo(() => [{
+  const headerActions = React15__default.useMemo(() => [{
     id: "new-transfer",
     label: t("financial.statements.newTransfer"),
     icon: ArrowRightLeft,
@@ -2340,15 +2340,15 @@ function CommissionsView() {
   const fetchCommissions = useFinancialStore((s) => s.fetchCommissions);
   const generateCommissions = useFinancialStore((s) => s.generateCommissions);
   const provider = useFinancialProvider();
-  const [from, setFrom] = React14__default.useState(firstOfMonth());
-  const [to, setTo] = React14__default.useState(today());
-  const [preset, setPreset] = React14__default.useState("this_month");
-  const [running, setRunning] = React14__default.useState(false);
-  const [lastRun, setLastRun] = React14__default.useState(null);
-  const [generation, setGeneration] = React14__default.useState(null);
-  const [busy, setBusy] = React14__default.useState(null);
-  const [error, setError] = React14__default.useState(null);
-  const loadGeneration = React14__default.useCallback(async () => {
+  const [from, setFrom] = React15__default.useState(firstOfMonth());
+  const [to, setTo] = React15__default.useState(today());
+  const [preset, setPreset] = React15__default.useState("this_month");
+  const [running, setRunning] = React15__default.useState(false);
+  const [lastRun, setLastRun] = React15__default.useState(null);
+  const [generation, setGeneration] = React15__default.useState(null);
+  const [busy, setBusy] = React15__default.useState(null);
+  const [error, setError] = React15__default.useState(null);
+  const loadGeneration = React15__default.useCallback(async () => {
     try {
       const gens = await provider.getCommissionGenerations?.() ?? [];
       const doPeriodo = gens.filter((g) => g.periodStart === from && g.periodEnd === to);
@@ -2356,11 +2356,11 @@ function CommissionsView() {
     } catch {
     }
   }, [provider, from, to]);
-  React14__default.useEffect(() => {
+  React15__default.useEffect(() => {
     void fetchCommissions({ periodStart: from, periodEnd: to });
     void loadGeneration();
   }, [fetchCommissions, loadGeneration, from, to]);
-  const byPerson = React14__default.useMemo(() => {
+  const byPerson = React15__default.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     for (const c of commissions) {
       const key = c.personId;
@@ -2413,7 +2413,7 @@ function CommissionsView() {
       setBusy(null);
     }
   }
-  const headerActions = React14__default.useMemo(() => [{
+  const headerActions = React15__default.useMemo(() => [{
     id: "commission-rules",
     label: "Configurar regras de comiss\xE3o",
     icon: Settings,
@@ -2846,13 +2846,13 @@ var CELL2 = "px-4 py-2";
 function GoalsView() {
   const { labels } = useFinancialConfig();
   const provider = useFinancialProvider();
-  const [units, setUnits] = React14__default.useState([]);
-  const [unitId, setUnitId] = React14__default.useState("");
-  const [year, setYear] = React14__default.useState((/* @__PURE__ */ new Date()).getFullYear());
-  const [rows, setRows] = React14__default.useState(null);
-  const [editing, setEditing] = React14__default.useState(null);
-  const [error, setError] = React14__default.useState(null);
-  const columns = React14__default.useMemo(() => [
+  const [units, setUnits] = React15__default.useState([]);
+  const [unitId, setUnitId] = React15__default.useState("");
+  const [year, setYear] = React15__default.useState((/* @__PURE__ */ new Date()).getFullYear());
+  const [rows, setRows] = React15__default.useState(null);
+  const [editing, setEditing] = React15__default.useState(null);
+  const [error, setError] = React15__default.useState(null);
+  const columns = React15__default.useMemo(() => [
     { id: "month", header: () => head2("M\xEAs"), cell: ({ row }) => MESES[row.original.month - 1], meta: { className: `${CELL2} font-medium` } },
     { id: "achieved", header: () => head2("Realizado"), cell: ({ row }) => money2(row.original.achievedAmount), meta: { className: `${CELL2} text-right tabular-nums` } },
     { id: "target", header: () => head2("Meta"), cell: ({ row }) => /* @__PURE__ */ jsx(Degrau, { valor: row.original.targetAmount, percentual: row.original.targetPercent }), meta: { className: `${CELL2} text-right` } },
@@ -2876,7 +2876,7 @@ function GoalsView() {
       meta: { className: "px-2 py-2 text-right" }
     }
   ], []);
-  React14__default.useEffect(() => {
+  React15__default.useEffect(() => {
     void (async () => {
       const cat = await provider.getCommissionCatalogs?.();
       const us = cat?.units ?? [];
@@ -2884,7 +2884,7 @@ function GoalsView() {
       setUnitId((cur) => cur || us[0]?.id || "");
     })();
   }, [provider]);
-  const load = React14__default.useCallback(async () => {
+  const load = React15__default.useCallback(async () => {
     if (!unitId) return;
     setRows(null);
     try {
@@ -2895,7 +2895,7 @@ function GoalsView() {
       setRows([]);
     }
   }, [provider, unitId, year]);
-  React14__default.useEffect(() => {
+  React15__default.useEffect(() => {
     void load();
   }, [load]);
   const totalRealizado = (rows ?? []).reduce((s, r) => s + r.achievedAmount, 0);
@@ -3002,11 +3002,11 @@ function GoalDialog({
   onSaved
 }) {
   const provider = useFinancialProvider();
-  const [target, setTarget] = React14__default.useState(String(goal.targetAmount || ""));
-  const [sup, setSup] = React14__default.useState(String(goal.superAmount || ""));
-  const [hyper, setHyper] = React14__default.useState(String(goal.hyperAmount || ""));
-  const [saving, setSaving] = React14__default.useState(false);
-  const [error, setError] = React14__default.useState(null);
+  const [target, setTarget] = React15__default.useState(String(goal.targetAmount || ""));
+  const [sup, setSup] = React15__default.useState(String(goal.superAmount || ""));
+  const [hyper, setHyper] = React15__default.useState(String(goal.hyperAmount || ""));
+  const [saving, setSaving] = React15__default.useState(false);
+  const [error, setError] = React15__default.useState(null);
   const t = Number(target) || 0;
   const s = Number(sup) || 0;
   const h = Number(hyper) || 0;
@@ -3097,21 +3097,21 @@ function GiftCardsView() {
   const provider = useFinancialProvider();
   const { currency } = useFinancialConfig();
   const can = usePermissionOptional();
-  const [enabled, setEnabled] = React14__default.useState(null);
-  const [cards, setCards] = React14__default.useState(null);
-  const [error, setError] = React14__default.useState(null);
-  const [issuing, setIssuing] = React14__default.useState(false);
-  const [issued, setIssued] = React14__default.useState(null);
-  const [activating, setActivating] = React14__default.useState(null);
-  const [search, setSearch] = React14__default.useState("");
-  const [state, setState] = React14__default.useState("");
-  const [minValue, setMinValue] = React14__default.useState("");
-  const [maxValue, setMaxValue] = React14__default.useState("");
-  const [from, setFrom] = React14__default.useState("");
-  const [to, setTo] = React14__default.useState("");
-  const money3 = React14__default.useCallback((v) => formatCurrency(v, currency), [currency]);
-  const seq = React14__default.useRef(0);
-  const load = React14__default.useCallback(async () => {
+  const [enabled, setEnabled] = React15__default.useState(null);
+  const [cards, setCards] = React15__default.useState(null);
+  const [error, setError] = React15__default.useState(null);
+  const [issuing, setIssuing] = React15__default.useState(false);
+  const [issued, setIssued] = React15__default.useState(null);
+  const [activating, setActivating] = React15__default.useState(null);
+  const [search, setSearch] = React15__default.useState("");
+  const [state, setState] = React15__default.useState("");
+  const [minValue, setMinValue] = React15__default.useState("");
+  const [maxValue, setMaxValue] = React15__default.useState("");
+  const [from, setFrom] = React15__default.useState("");
+  const [to, setTo] = React15__default.useState("");
+  const money3 = React15__default.useCallback((v) => formatCurrency(v, currency), [currency]);
+  const seq = React15__default.useRef(0);
+  const load = React15__default.useCallback(async () => {
     const mine = ++seq.current;
     setCards(null);
     setError(null);
@@ -3132,7 +3132,7 @@ function GiftCardsView() {
       setCards([]);
     }
   }, [provider, search, state, minValue, maxValue, from, to]);
-  React14__default.useEffect(() => {
+  React15__default.useEffect(() => {
     void (async () => {
       try {
         setEnabled(await provider.giftCardsEnabled?.() === true);
@@ -3141,10 +3141,10 @@ function GiftCardsView() {
       }
     })();
   }, [provider]);
-  React14__default.useEffect(() => {
+  React15__default.useEffect(() => {
     if (enabled) void load();
   }, [enabled, load]);
-  const columns = React14__default.useMemo(() => [
+  const columns = React15__default.useMemo(() => [
     {
       accessorKey: "code",
       header: "C\xF3digo",
@@ -3325,12 +3325,12 @@ function IssueDialog({
   onIssued
 }) {
   const provider = useFinancialProvider();
-  const [quantity, setQuantity] = React14__default.useState("10");
-  const [amount, setAmount] = React14__default.useState("100");
-  const [expiresAt, setExpiresAt] = React14__default.useState("");
-  const [note, setNote] = React14__default.useState("");
-  const [saving, setSaving] = React14__default.useState(false);
-  const [error, setError] = React14__default.useState(null);
+  const [quantity, setQuantity] = React15__default.useState("10");
+  const [amount, setAmount] = React15__default.useState("100");
+  const [expiresAt, setExpiresAt] = React15__default.useState("");
+  const [note, setNote] = React15__default.useState("");
+  const [saving, setSaving] = React15__default.useState(false);
+  const [error, setError] = React15__default.useState(null);
   const q = Math.trunc(Number(quantity)) || 0;
   const a = Number(amount) || 0;
   const total = q * a;
@@ -4830,6 +4830,66 @@ var GroupRow = memo(function GroupRow2({ g, d, expanded, options, accounts, onSe
     ] })
   );
 });
+function relativeSince(iso, t, now = Date.now()) {
+  const minutes = Math.floor((now - Date.parse(iso)) / 6e4);
+  if (minutes < 1) return t("financial.reconciliation.syncWhenNow");
+  if (minutes < 60) return t("financial.reconciliation.syncWhenMinutes", { count: minutes });
+  const hours = Math.floor(minutes / 60);
+  if (hours < 24) return t("financial.reconciliation.syncWhenHours", { count: hours });
+  const days = Math.floor(hours / 24);
+  if (days < 30) return t("financial.reconciliation.syncWhenDays", { count: days });
+  return new Date(iso).toLocaleDateString(void 0, { day: "2-digit", month: "short", year: "numeric" });
+}
+function syncStatusLine(status, syncing, t, now = Date.now()) {
+  if (syncing) return { text: t("financial.reconciliation.syncStatusSyncing"), tone: "muted" };
+  if (!status) return null;
+  if (status.status === "error") {
+    const reason = status.error?.trim() || t("financial.reconciliation.syncStatusErrorUnknown");
+    return { text: t("financial.reconciliation.syncStatusError", { reason }), tone: "error", detail: reason };
+  }
+  if (status.status === "revoked") return { text: t("financial.reconciliation.syncStatusRevoked"), tone: "warning" };
+  if (status.status === "pending") return { text: t("financial.reconciliation.syncStatusPending"), tone: "muted" };
+  if (!status.lastSyncedAt) return { text: t("financial.reconciliation.syncStatusNever"), tone: "muted" };
+  return {
+    text: t("financial.reconciliation.syncStatusOk", { when: relativeSince(status.lastSyncedAt, t, now) }),
+    tone: "muted"
+  };
+}
+var TONE = {
+  muted: "text-muted-foreground",
+  warning: "text-amber-600 dark:text-amber-500",
+  error: "text-destructive"
+};
+function StatementSyncControl({ status, syncing, onSync, t }) {
+  const [now, setNow] = React15__default.useState(() => Date.now());
+  React15__default.useEffect(() => {
+    const id = setInterval(() => setNow(Date.now()), 3e4);
+    return () => clearInterval(id);
+  }, []);
+  const line = syncStatusLine(status, syncing, t, now);
+  const stamp = status?.lastSyncedAt ? new Date(status.lastSyncedAt).toLocaleString() : void 0;
+  return /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-1", "data-testid": "reconciliation-sync-status", children: [
+    /* @__PURE__ */ jsx(
+      RefreshButton,
+      {
+        onRefresh: onSync,
+        label: t("financial.reconciliation.syncNow"),
+        "data-testid": "reconciliation-sync"
+      }
+    ),
+    line && /* @__PURE__ */ jsx(Hint, { label: line.detail ?? stamp, children: /* @__PURE__ */ jsxs(
+      "span",
+      {
+        role: "status",
+        className: `flex min-w-0 max-w-[18rem] items-center gap-1 truncate text-xs ${TONE[line.tone]}`,
+        children: [
+          line.tone === "error" && /* @__PURE__ */ jsx(AlertCircle, { className: "h-3.5 w-3.5 shrink-0" }),
+          /* @__PURE__ */ jsx("span", { className: "truncate", children: line.text })
+        ]
+      }
+    ) })
+  ] });
+}
 var PAGE_SIZE = 50;
 var shortDate3 = (value) => {
   const [year, month, day] = value.split("-");
@@ -4930,6 +4990,7 @@ function ReconciliationView() {
   const [flow, setFlow] = useState(null);
   const [detailsLine, setDetailsLine] = useState(null);
   const [syncing, setSyncing] = useState(false);
+  const [syncStatus, setSyncStatus] = useState(null);
   const [batching, setBatching] = useState(false);
   const [collapsed, setCollapsed] = useState(() => /* @__PURE__ */ new Set());
   const supported = typeof provider.getStatementLines === "function";
@@ -5027,10 +5088,25 @@ function ReconciliationView() {
       setBusy(false);
     }
   }
-  const RefreshIcon = React14__default.useMemo(
+  const RefreshIcon = React15__default.useMemo(
     () => ({ className }) => /* @__PURE__ */ jsx(RefreshCw, { className: `${className ?? ""} ${loading ? "animate-spin" : ""}` }),
     [loading]
   );
+  const loadSyncStatus = useCallback(async () => {
+    if (!provider.getStatementSyncStatus) {
+      setSyncStatus(null);
+      return;
+    }
+    try {
+      setSyncStatus(await provider.getStatementSyncStatus({ bankAccountId: applied.accountId || void 0 }));
+    } catch (error) {
+      console.warn("[financial] could not read the statement sync status", error);
+      setSyncStatus(null);
+    }
+  }, [provider, applied.accountId]);
+  useEffect(() => {
+    void loadSyncStatus();
+  }, [loadSyncStatus]);
   async function sincronizar() {
     if (!provider.syncStatements) return;
     setSyncing(true);
@@ -5038,45 +5114,33 @@ function ReconciliationView() {
       const r = await provider.syncStatements({ bankAccountId: applied.accountId || void 0 });
       if (r.failed > 0) toast.error(t("financial.reconciliation.syncFailed"), { description: r.errors[0] });
       else toast.success(r.imported > 0 ? t("financial.reconciliation.syncImported", { count: r.imported }) : t("financial.reconciliation.syncNothingNew"));
-      if (r.imported > 0) await load();
+      await load();
     } catch (e) {
       toast.error(t("financial.reconciliation.syncFailed"), { description: e instanceof Error ? e.message : String(e) });
     } finally {
       setSyncing(false);
+      await loadSyncStatus();
     }
   }
-  const headerActions = React14__default.useMemo(
-    () => [
-      ...provider.syncStatements ? [{
-        id: "sync",
-        label: syncing ? t("financial.reconciliation.syncing") : t("financial.reconciliation.syncNow"),
-        icon: CloudDownload,
-        intent: "primary",
-        testId: "reconciliation-sync",
-        disabled: syncing || busy,
-        onSelect: () => void sincronizar()
-      }] : [],
-      ...provider.reconcileAsBill && provider.getStatementLines ? [{
-        id: "batch",
-        label: "Classificar em lote",
-        icon: ListChecks,
-        intent: "secondary",
-        testId: "reconciliation-batch",
-        disabled: busy || !applied.accountId,
-        onSelect: () => setBatching(true)
-      }] : [],
-      {
-        id: "refresh",
-        label: t("financial.reconciliation.refresh"),
-        icon: RefreshIcon,
-        intent: "utility",
-        disabled: loading || busy || !applied.accountId,
-        onSelect: () => void load()
-      }
-    ],
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [t, RefreshIcon, loading, busy, applied.accountId, load, syncing, provider, setBatching]
-  );
+  const headerActions = React15__default.useMemo(() => [
+    ...provider.reconcileAsBill && provider.getStatementLines ? [{
+      id: "batch",
+      label: t("financial.reconciliation.batchClassify"),
+      icon: ListChecks,
+      intent: "primary",
+      testId: "reconciliation-batch",
+      disabled: busy || !applied.accountId,
+      onSelect: () => setBatching(true)
+    }] : [],
+    ...provider.syncStatements ? [] : [{
+      id: "refresh",
+      label: t("financial.reconciliation.refresh"),
+      icon: RefreshIcon,
+      intent: "utility",
+      disabled: loading || busy || !applied.accountId,
+      onSelect: () => void load()
+    }]
+  ], [t, RefreshIcon, loading, busy, applied.accountId, load, provider, setBatching]);
   if (!supported) {
     return /* @__PURE__ */ jsxs("div", { className: "py-16 text-center", children: [
       /* @__PURE__ */ jsx(Landmark, { className: "mx-auto mb-2 h-8 w-8 text-muted-foreground/30" }),
@@ -5087,6 +5151,7 @@ function ReconciliationView() {
   const total = result?.total ?? 0;
   return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxs(PageHeaderActions, { children: [
+      provider.syncStatements && /* @__PURE__ */ jsx(StatementSyncControl, { status: syncStatus, syncing, onSync: sincronizar, t }),
       /* @__PURE__ */ jsx(PageActions, { actions: headerActions }),
       batching && applied.accountId && /* @__PURE__ */ jsx(
         BatchClassifyModal,
@@ -5571,13 +5636,13 @@ function RecurringBillsList({ direction, onNavigate }) {
   const provider = useFinancialProvider();
   const { currency } = useFinancialConfig();
   const can = usePermissionOptional();
-  const [rows, setRows] = React14__default.useState(null);
-  const [search, setSearch] = React14__default.useState("");
-  const [status, setStatus] = React14__default.useState("all");
-  const [changing, setChanging] = React14__default.useState(null);
+  const [rows, setRows] = React15__default.useState(null);
+  const [search, setSearch] = React15__default.useState("");
+  const [status, setStatus] = React15__default.useState("all");
+  const [changing, setChanging] = React15__default.useState(null);
   const isPayable = direction === "payable";
   const prefix = isPayable ? "payables" : "receivables";
-  const load = React14__default.useCallback(async () => {
+  const load = React15__default.useCallback(async () => {
     setRows(null);
     try {
       setRows(await provider.getRecurringBills?.(direction) ?? []);
@@ -5586,10 +5651,10 @@ function RecurringBillsList({ direction, onNavigate }) {
       toast.error(error?.message ?? "N\xE3o foi poss\xEDvel carregar as recorr\xEAncias.");
     }
   }, [provider, direction]);
-  React14__default.useEffect(() => {
+  React15__default.useEffect(() => {
     void load();
   }, [load]);
-  const filtered = React14__default.useMemo(() => {
+  const filtered = React15__default.useMemo(() => {
     const term = search.trim().toLowerCase();
     const visiveis = (rows ?? []).filter((row) => {
       if (status === "active" && !row.isActive) return false;
@@ -5599,7 +5664,7 @@ function RecurringBillsList({ direction, onNavigate }) {
     });
     return [...visiveis].sort((a, b) => Number(b.isActive) - Number(a.isActive) || (a.dueDay ?? 0) - (b.dueDay ?? 0) || a.description.localeCompare(b.description));
   }, [rows, search, status]);
-  const porMes = React14__default.useMemo(() => {
+  const porMes = React15__default.useMemo(() => {
     const fator = { weekly: 52 / 12, monthly: 1, quarterly: 1 / 3, yearly: 1 / 12 };
     const ativas = filtered.filter((row) => row.isActive);
     return {
@@ -5620,7 +5685,7 @@ function RecurringBillsList({ direction, onNavigate }) {
       setChanging(null);
     }
   }
-  const columns = React14__default.useMemo(() => [
+  const columns = React15__default.useMemo(() => [
     {
       accessorKey: "description",
       header: "Descri\xE7\xE3o",
@@ -5718,41 +5783,41 @@ function RecurringBillFormView({ direction, valueId, onBack }) {
   const { locations, currency, itemTypes: configuredItemTypes, entityLookups } = useFinancialConfig();
   const t = useTranslation();
   const isPayable = direction === "payable";
-  const [value, setValue] = React14__default.useState(null);
-  const [loaded, setLoaded] = React14__default.useState(!valueId);
-  const [contact, setContact] = React14__default.useState(null);
-  const [counterpartyAccounting, setCounterpartyAccounting] = React14__default.useState({
+  const [value, setValue] = React15__default.useState(null);
+  const [loaded, setLoaded] = React15__default.useState(!valueId);
+  const [contact, setContact] = React15__default.useState(null);
+  const [counterpartyAccounting, setCounterpartyAccounting] = React15__default.useState({
     allowedAccountIds: [],
     limitAccounts: false,
     addItemsAutomatically: false
   });
-  const accountingPolicyRequest = React14__default.useRef(0);
-  const counterpartyLookup = React14__default.useMemo(
+  const accountingPolicyRequest = React15__default.useRef(0);
+  const counterpartyLookup = React15__default.useMemo(
     () => createFinancialCounterpartyLookup(isPayable ? "debit" : "credit"),
     [isPayable]
   );
   const contactCreate = useLookupCreate(counterpartyLookup, (created) => {
     setContact({ id: created.id, name: created.label });
   });
-  const initialItem = React14__default.useRef(newRecurringItem());
-  const [items, setItems] = React14__default.useState([initialItem.current]);
-  const [expandedItemId, setExpandedItemId] = React14__default.useState(initialItem.current._id);
-  const [addingItem, setAddingItem] = React14__default.useState(false);
-  const [frequency, setFrequency] = React14__default.useState("monthly");
-  const [dueDay, setDueDay] = React14__default.useState("1");
-  const [startsOn, setStartsOn] = React14__default.useState(today2());
-  const [endsOn, setEndsOn] = React14__default.useState("");
-  const [unitId, setUnitId] = React14__default.useState(locations[0]?.id ?? "");
-  const [availableLocations, setAvailableLocations] = React14__default.useState(locations);
-  const [notes, setNotes] = React14__default.useState("");
-  const [isActive, setIsActive] = React14__default.useState(true);
-  const [accounts, setAccounts] = React14__default.useState([]);
-  const [costCenters, setCostCenters] = React14__default.useState([]);
+  const initialItem = React15__default.useRef(newRecurringItem());
+  const [items, setItems] = React15__default.useState([initialItem.current]);
+  const [expandedItemId, setExpandedItemId] = React15__default.useState(initialItem.current._id);
+  const [addingItem, setAddingItem] = React15__default.useState(false);
+  const [frequency, setFrequency] = React15__default.useState("monthly");
+  const [dueDay, setDueDay] = React15__default.useState("1");
+  const [startsOn, setStartsOn] = React15__default.useState(today2());
+  const [endsOn, setEndsOn] = React15__default.useState("");
+  const [unitId, setUnitId] = React15__default.useState(locations[0]?.id ?? "");
+  const [availableLocations, setAvailableLocations] = React15__default.useState(locations);
+  const [notes, setNotes] = React15__default.useState("");
+  const [isActive, setIsActive] = React15__default.useState(true);
+  const [accounts, setAccounts] = React15__default.useState([]);
+  const [costCenters, setCostCenters] = React15__default.useState([]);
   const { choices: unitChoices } = useWritableUnits(availableLocations);
-  const [saving, setSaving] = React14__default.useState(false);
-  const [ending, setEnding] = React14__default.useState(false);
-  const [error, setError] = React14__default.useState(null);
-  React14__default.useEffect(() => {
+  const [saving, setSaving] = React15__default.useState(false);
+  const [ending, setEnding] = React15__default.useState(false);
+  const [error, setError] = React15__default.useState(null);
+  React15__default.useEffect(() => {
     if (locations.length > 0) {
       setAvailableLocations(locations);
       return;
@@ -5767,7 +5832,7 @@ function RecurringBillFormView({ direction, valueId, onBack }) {
       cancelled = true;
     };
   }, [locations]);
-  React14__default.useEffect(() => {
+  React15__default.useEffect(() => {
     let cancelled = false;
     void Promise.all([
       provider.getChartOfAccounts(),
@@ -5814,25 +5879,25 @@ function RecurringBillFormView({ direction, valueId, onBack }) {
       cancelled = true;
     };
   }, [provider, direction, valueId]);
-  const translatedItemTypes = React14__default.useMemo(() => configuredItemTypes.map((tp) => {
+  const translatedItemTypes = React15__default.useMemo(() => configuredItemTypes.map((tp) => {
     const label = t(`financial.itemType.${tp.value}`);
     return label === `financial.itemType.${tp.value}` ? tp : { ...tp, label };
   }), [configuredItemTypes, t]);
-  const offeredItemTypes = React14__default.useMemo(() => availableInvoiceItemTypes(
+  const offeredItemTypes = React15__default.useMemo(() => availableInvoiceItemTypes(
     translatedItemTypes,
     Object.keys(entityLookups),
     t("financial.itemType.other"),
     direction
   ), [translatedItemTypes, entityLookups, direction, t]);
   const itemTypes = useStockedItemTypes(offeredItemTypes, entityLookups);
-  const selectableAccounts = React14__default.useMemo(() => {
+  const selectableAccounts = React15__default.useMemo(() => {
     const postable = postableAccounts(accounts);
     if (!counterpartyAccounting.limitAccounts) return postable;
     const allowed = new Set(counterpartyAccounting.allowedAccountIds);
     return postable.filter((account) => allowed.has(account.id));
   }, [accounts, counterpartyAccounting]);
   const hasItemLookups = itemTypes.some((item) => entityLookups[item.value]);
-  const amount = React14__default.useMemo(() => items.reduce(
+  const amount = React15__default.useMemo(() => items.reduce(
     (sum, item) => sum + item.quantity * item.unitPrice - (item.discount ?? 0) + (item.surcharge ?? 0),
     0
   ), [items]);
@@ -5840,8 +5905,8 @@ function RecurringBillFormView({ direction, valueId, onBack }) {
   const numericDueDay = Math.trunc(Number(dueDay));
   const invalid = items.length === 0 ? "Adicione pelo menos um item." : items.some((item) => !item.description.trim()) ? "Informe a descri\xE7\xE3o de todos os itens." : !contact?.id ? `Selecione ${isPayable ? "quem recebe" : "quem paga"}.` : !(amount > 0) ? "Informe um valor maior que zero." : numericDueDay < 1 || numericDueDay > 31 ? "O dia do vencimento vai de 1 a 31." : !startsOn ? "Informe o in\xEDcio da recorr\xEAncia." : endsOn && endsOn < startsOn ? "O t\xE9rmino n\xE3o pode vir antes do in\xEDcio." : null;
   const fields = { items, contactId: contact?.id ?? "", frequency, dueDay, startsOn, endsOn, unitId, notes, isActive };
-  const snapshot = React14__default.useRef(null);
-  React14__default.useEffect(() => {
+  const snapshot = React15__default.useRef(null);
+  React15__default.useEffect(() => {
     if (loaded && snapshot.current === null) snapshot.current = JSON.stringify(fields);
   }, [loaded]);
   const dirty = snapshot.current !== null && JSON.stringify(fields) !== snapshot.current;
@@ -6500,5 +6565,5 @@ function FinancialPage({ config: appConfig, provider, store, registries }) {
 }
 
 export { FinancialPage };
-//# sourceMappingURL=FinancialPage-7SQNQEY2.js.map
-//# sourceMappingURL=FinancialPage-7SQNQEY2.js.map
+//# sourceMappingURL=FinancialPage-NZFBBVY4.js.map
+//# sourceMappingURL=FinancialPage-NZFBBVY4.js.map