@fayz-ai/plugin-financial 0.8.3 → 0.8.4

package/dist/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var React17 = require('react');
+var React18 = require('react');
 var core = require('@fayz-ai/core');
 var ui = require('@fayz-ai/ui');
 var saas = require('@fayz-ai/saas');
@@ -27,7 +27,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React17__namespace = /*#__PURE__*/_interopNamespace(React17);
+var React18__namespace = /*#__PURE__*/_interopNamespace(React18);
 
 // src/index.ts
 var ctx = saas.createPluginContext("FinancialPage");
@@ -68,7 +68,7 @@ function categoryIcon(label) {
 function useDateLabel() {
   const t2 = core.useTranslation();
   const { currency } = useFinancialConfig();
-  return React17.useMemo(() => {
+  return React18.useMemo(() => {
     const todayStr = (/* @__PURE__ */ new Date()).toISOString().slice(0, 10);
     const y = /* @__PURE__ */ new Date();
     y.setDate(y.getDate() - 1);
@@ -98,7 +98,7 @@ function MobileSummary() {
   const fetchBankAccounts = useFinancialStore((s) => s.fetchBankAccounts);
   const fetchStatement = useFinancialStore((s) => s.fetchStatement);
   const dateLabel = useDateLabel();
-  React17.useEffect(() => {
+  React18.useEffect(() => {
     void fetchSummary();
     void fetchBankAccounts();
     const to = (/* @__PURE__ */ new Date()).toISOString().slice(0, 10);
@@ -109,11 +109,11 @@ function MobileSummary() {
   const fmt = (n) => saas.formatCurrency(n, currency);
   const inflow = summary?.monthlyInflow ?? 0;
   const outflow = summary?.monthlyOutflow ?? 0;
-  const accountName = React17.useMemo(() => {
+  const accountName = React18.useMemo(() => {
     const map = new Map(bankAccounts.map((a) => [a.id, a.name]));
     return (id) => id ? map.get(id) ?? "" : "";
   }, [bankAccounts]);
-  const groups = React17.useMemo(() => {
+  const groups = React18.useMemo(() => {
     const entries = (statement?.entries ?? []).filter((e) => e.entryKind === "movement");
     const byDate = /* @__PURE__ */ new Map();
     for (const e of entries) {
@@ -193,9 +193,9 @@ function typeTheme(type) {
   }
 }
 function ChipSelect({ icon: Icon, label, value, options, onChange, emptyLabel }) {
-  const [open, setOpen] = React17.useState(false);
-  const ref = React17.useRef(null);
-  React17.useEffect(() => {
+  const [open, setOpen] = React18.useState(false);
+  const ref = React18.useRef(null);
+  React18.useEffect(() => {
     if (!open) return;
     function onDoc(e) {
       if (ref.current && !ref.current.contains(e.target)) setOpen(false);
@@ -275,22 +275,22 @@ function QuickTransactionForm({ open, onOpenChange, defaultType = "expense", def
   const createQuickTransaction = useFinancialStore((s) => s.createQuickTransaction);
   const guardMovements = saas.useLimitGuard("movements_month");
   const can = saas.usePermissionOptional();
-  const [type, setType] = React17.useState(defaultType);
-  const [amount, setAmount] = React17.useState(0);
-  const [amountStr, setAmountStr] = React17.useState("");
-  const [paid, setPaid] = React17.useState(true);
-  const [date, setDate] = React17.useState(() => (/* @__PURE__ */ new Date()).toISOString().slice(0, 10));
-  const [description, setDescription] = React17.useState("");
-  const [categoryId, setCategoryId] = React17.useState();
-  const [accountId, setAccountId] = React17.useState();
-  const [toAccountId, setToAccountId] = React17.useState();
-  const [recurring, setRecurring] = React17.useState(false);
-  const [saving, setSaving] = React17.useState(false);
-  const [receiptUrl, setReceiptUrl] = React17.useState();
-  const fileInputRef = React17.useRef(null);
-  const [accounts, setAccounts] = React17.useState([]);
-  const [categories, setCategories] = React17.useState([]);
-  React17.useEffect(() => {
+  const [type, setType] = React18.useState(defaultType);
+  const [amount, setAmount] = React18.useState(0);
+  const [amountStr, setAmountStr] = React18.useState("");
+  const [paid, setPaid] = React18.useState(true);
+  const [date, setDate] = React18.useState(() => (/* @__PURE__ */ new Date()).toISOString().slice(0, 10));
+  const [description, setDescription] = React18.useState("");
+  const [categoryId, setCategoryId] = React18.useState();
+  const [accountId, setAccountId] = React18.useState();
+  const [toAccountId, setToAccountId] = React18.useState();
+  const [recurring, setRecurring] = React18.useState(false);
+  const [saving, setSaving] = React18.useState(false);
+  const [receiptUrl, setReceiptUrl] = React18.useState();
+  const fileInputRef = React18.useRef(null);
+  const [accounts, setAccounts] = React18.useState([]);
+  const [categories, setCategories] = React18.useState([]);
+  React18.useEffect(() => {
     if (!open) return;
     setType(defaultType);
     setAmount(0);
@@ -304,7 +304,7 @@ function QuickTransactionForm({ open, onOpenChange, defaultType = "expense", def
     setRecurring(false);
     setReceiptUrl(void 0);
   }, [open, defaultType, defaultAccountId]);
-  React17.useEffect(() => {
+  React18.useEffect(() => {
     if (open && focusReceipt) {
       const id = window.setTimeout(() => fileInputRef.current?.click(), 250);
       return () => window.clearTimeout(id);
@@ -325,7 +325,7 @@ function QuickTransactionForm({ open, onOpenChange, defaultType = "expense", def
     reader.onerror = () => ui.toast.error(t2("financial.quickTx.receiptInvalid"));
     reader.readAsDataURL(file);
   }
-  React17.useEffect(() => {
+  React18.useEffect(() => {
     if (!open) return;
     let cancelled = false;
     void (async () => {
@@ -344,11 +344,11 @@ function QuickTransactionForm({ open, onOpenChange, defaultType = "expense", def
   }, [open, provider]);
   const theme = typeTheme(type);
   const HeaderIcon = theme.icon;
-  const accountOptions = React17.useMemo(
+  const accountOptions = React18.useMemo(
     () => accounts.map((a) => ({ id: a.id, name: a.name, hint: a.accountType === "credit_card" ? t2("financial.quickTx.card") : void 0 })),
     [accounts, t2]
   );
-  const categoryOptions = React17.useMemo(
+  const categoryOptions = React18.useMemo(
     () => categories.filter((c) => c.isActive).map((c) => ({ id: c.id, name: c.name, hint: c.code })),
     [categories]
   );
@@ -662,7 +662,7 @@ function getSnapshot() {
   return pending;
 }
 function usePendingQuickAdd() {
-  return React17__namespace.useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
+  return React18__namespace.useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
 }
 var STATUS_OPTIONS = [
   { value: "open", labelKey: "financial.invoice.statusOpen", color: "bg-info-soft text-info-soft-foreground", icon: lucideReact.CircleDashed },
@@ -700,7 +700,7 @@ function StatusBadge({ status }) {
 }
 function useInvoiceColumns(currency) {
   const t2 = core.useTranslation();
-  return React17.useMemo(() => [
+  return React18.useMemo(() => [
     {
       accessorKey: "fiscalNumber",
       header: "#",
@@ -759,16 +759,16 @@ function InvoiceListView({ direction, onNew, onEdit }) {
   useFinancialStore((s) => s.invoicesTotal);
   const invoicesLoading = useFinancialStore((s) => s.invoicesLoading);
   const fetchInvoices = useFinancialStore((s) => s.fetchInvoices);
-  const [search, setSearch] = React17.useState("");
-  const [statusFilter, setStatusFilter] = React17.useState([]);
-  const [accountId, setAccountId] = React17.useState("");
-  const [costCenterId, setCostCenterId] = React17.useState("");
-  const [accounts, setAccounts] = React17.useState([]);
-  const [costCenters, setCostCenters] = React17.useState([]);
-  const [datePreset, setDatePreset] = React17.useState("all");
-  const [dateFrom, setDateFrom] = React17.useState("");
-  const [dateTo, setDateTo] = React17.useState("");
-  const dateRange = React17.useMemo(() => {
+  const [search, setSearch] = React18.useState("");
+  const [statusFilter, setStatusFilter] = React18.useState([]);
+  const [accountId, setAccountId] = React18.useState("");
+  const [costCenterId, setCostCenterId] = React18.useState("");
+  const [accounts, setAccounts] = React18.useState([]);
+  const [costCenters, setCostCenters] = React18.useState([]);
+  const [datePreset, setDatePreset] = React18.useState("all");
+  const [dateFrom, setDateFrom] = React18.useState("");
+  const [dateTo, setDateTo] = React18.useState("");
+  const dateRange = React18.useMemo(() => {
     if (!dateFrom && !dateTo) return void 0;
     return { from: dateFrom || "0001-01-01", to: dateTo || "9999-12-31" };
   }, [dateFrom, dateTo]);
@@ -784,7 +784,7 @@ function InvoiceListView({ direction, onNew, onEdit }) {
     setDateFrom(range.from);
     setDateTo(range.to);
   };
-  React17.useEffect(() => {
+  React18.useEffect(() => {
     let active = true;
     Promise.all([provider.getChartOfAccounts(), provider.getCostCenters()]).then(([accountRows, costCenterRows]) => {
       if (!active) return;
@@ -799,7 +799,7 @@ function InvoiceListView({ direction, onNew, onEdit }) {
       active = false;
     };
   }, [provider]);
-  React17.useEffect(() => {
+  React18.useEffect(() => {
     fetchInvoices({
       direction,
       status: statusFilter.length > 0 ? statusFilter : void 0,
@@ -812,11 +812,11 @@ function InvoiceListView({ direction, onNew, onEdit }) {
   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 = React17.useMemo(
+  const tags = React18.useMemo(
     () => STATUS_OPTIONS.filter((o) => o.value !== "cancelled").map((o) => ({ value: o.value, label: t2(o.labelKey) })),
     [t2]
   );
-  const summary = React17.useMemo(() => {
+  const summary = React18.useMemo(() => {
     let totalAmount = 0;
     let paidAmount = 0;
     let openAmount = 0;
@@ -980,10 +980,10 @@ function InvoiceListView({ direction, onNew, onEdit }) {
 }
 function LocationSelector({ locations, value, onChange }) {
   const t2 = core.useTranslation();
-  const [open, setOpen] = React17.useState(false);
-  const [search, setSearch] = React17.useState("");
-  const ref = React17.useRef(null);
-  React17.useEffect(() => {
+  const [open, setOpen] = React18.useState(false);
+  const [search, setSearch] = React18.useState("");
+  const ref = React18.useRef(null);
+  React18.useEffect(() => {
     function handler(e) {
       if (ref.current && !ref.current.contains(e.target)) setOpen(false);
     }
@@ -1063,7 +1063,7 @@ function ItemRow({ item, index, itemTypes, currency, expanded, onToggle, onUpdat
   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] = React17.useState(hasAdjustments);
+  const [showAdjustments, setShowAdjustments] = React18.useState(hasAdjustments);
   function handleFieldKeyDown(e) {
     if (e.key === "Enter" && !e.shiftKey) {
       e.preventDefault();
@@ -1301,25 +1301,25 @@ function InvoiceFormView({ direction, editId, onSaved }) {
   const can = saas.usePermissionOptional();
   const hasLocations = locations.length > 0;
   const isEdit = !!editId;
-  const [loaded, setLoaded] = React17.useState(!editId);
-  const [loading, setLoading] = React17.useState(!!editId);
-  const [contactName, setContactName] = React17.useState("");
-  const [contactId, setContactId] = React17.useState();
-  const [unitId, setUnitId] = React17.useState(locations[0]?.id ?? "");
-  const [invoiceDate, setInvoiceDate] = React17.useState((/* @__PURE__ */ new Date()).toISOString().slice(0, 10));
-  const [fiscalNumber, setFiscalNumber] = React17.useState("");
-  const [observations, setObservations] = React17.useState("");
-  const [items, setItems] = React17.useState([]);
-  const [expandedItemId, setExpandedItemId] = React17.useState(null);
-  const [addingItem, setAddingItem] = React17.useState(false);
-  const [installments, setInstallments] = React17.useState([]);
-  const [saving, setSaving] = React17.useState(false);
-  const [menuOpen, setMenuOpen] = React17.useState(false);
-  const [confirmCancel, setConfirmCancel] = React17.useState(false);
-  const [cancelling, setCancelling] = React17.useState(false);
-  const menuRef = React17.useRef(null);
+  const [loaded, setLoaded] = React18.useState(!editId);
+  const [loading, setLoading] = React18.useState(!!editId);
+  const [contactName, setContactName] = React18.useState("");
+  const [contactId, setContactId] = React18.useState();
+  const [unitId, setUnitId] = React18.useState(locations[0]?.id ?? "");
+  const [invoiceDate, setInvoiceDate] = React18.useState((/* @__PURE__ */ new Date()).toISOString().slice(0, 10));
+  const [fiscalNumber, setFiscalNumber] = React18.useState("");
+  const [observations, setObservations] = React18.useState("");
+  const [items, setItems] = React18.useState([]);
+  const [expandedItemId, setExpandedItemId] = React18.useState(null);
+  const [addingItem, setAddingItem] = React18.useState(false);
+  const [installments, setInstallments] = React18.useState([]);
+  const [saving, setSaving] = React18.useState(false);
+  const [menuOpen, setMenuOpen] = React18.useState(false);
+  const [confirmCancel, setConfirmCancel] = React18.useState(false);
+  const [cancelling, setCancelling] = React18.useState(false);
+  const menuRef = React18.useRef(null);
   const cancelInvoice = useFinancialStore((s) => s.cancelInvoice);
-  React17.useEffect(() => {
+  React18.useEffect(() => {
     if (!menuOpen) return;
     function handleClick(e) {
       if (menuRef.current && !menuRef.current.contains(e.target)) setMenuOpen(false);
@@ -1338,7 +1338,7 @@ function InvoiceFormView({ direction, editId, onSaved }) {
       setCancelling(false);
     }
   }
-  React17.useEffect(() => {
+  React18.useEffect(() => {
     if (!editId || loaded) return;
     setLoading(true);
     (async () => {
@@ -1375,8 +1375,8 @@ function InvoiceFormView({ direction, editId, onSaved }) {
   const totalAmount = items.reduce((sum, it) => {
     return sum + it.quantity * it.unitPrice - (it.discount ?? 0) + (it.surcharge ?? 0);
   }, 0);
-  const prevItemCount = React17.useRef(items.length);
-  React17.useEffect(() => {
+  const prevItemCount = React18.useRef(items.length);
+  React18.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) {
@@ -1385,7 +1385,7 @@ function InvoiceFormView({ direction, editId, onSaved }) {
     }
     prevItemCount.current = items.length;
   }, [items.length]);
-  React17.useEffect(() => {
+  React18.useEffect(() => {
     if (installments.length > 0 && totalAmount > 0 && !isEdit) {
       const count = installments.length;
       const perInstallment = Math.floor(totalAmount * 100 / count) / 100;
@@ -1500,8 +1500,8 @@ function InvoiceFormView({ direction, editId, onSaved }) {
     items: items.map(({ _id, ...rest }) => rest),
     installments: installments.map(({ _id, ...rest }) => rest)
   };
-  const snapshot = React17.useRef(null);
-  React17.useEffect(() => {
+  const snapshot = React18.useRef(null);
+  React18.useEffect(() => {
     if (loaded && snapshot.current === null) snapshot.current = JSON.stringify(fields);
   }, [loaded]);
   const dirty = snapshot.current !== null && JSON.stringify(fields) !== snapshot.current;
@@ -1811,40 +1811,40 @@ function PaymentModal({ movement, onClose, onPaid }) {
   const fetchBankAccounts = useFinancialStore((s) => s.fetchBankAccounts);
   const fetchPaymentMethods = useFinancialStore((s) => s.fetchPaymentMethods);
   const remaining = movement.amount - movement.paidAmount;
-  const [amount, setAmount] = React17.useState(remaining);
-  const [paymentDate, setPaymentDate] = React17.useState((/* @__PURE__ */ new Date()).toISOString().slice(0, 10));
-  const [selectedTypeId, setSelectedTypeId] = React17.useState("");
-  const [paymentMethodId, setPaymentMethodId] = React17.useState("");
-  const [bankAccountId, setBankAccountId] = React17.useState("");
-  const [cardBrand, setCardBrand] = React17.useState("");
-  const [cardInstallments, setCardInstallments] = React17.useState(1);
-  const [notes, setNotes] = React17.useState("");
-  const [saving, setSaving] = React17.useState(false);
-  const [visible, setVisible] = React17.useState(false);
-  const [expandMethodPicker, setExpandMethodPicker] = React17.useState(true);
-  React17.useEffect(() => {
+  const [amount, setAmount] = React18.useState(remaining);
+  const [paymentDate, setPaymentDate] = React18.useState((/* @__PURE__ */ new Date()).toISOString().slice(0, 10));
+  const [selectedTypeId, setSelectedTypeId] = React18.useState("");
+  const [paymentMethodId, setPaymentMethodId] = React18.useState("");
+  const [bankAccountId, setBankAccountId] = React18.useState("");
+  const [cardBrand, setCardBrand] = React18.useState("");
+  const [cardInstallments, setCardInstallments] = React18.useState(1);
+  const [notes, setNotes] = React18.useState("");
+  const [saving, setSaving] = React18.useState(false);
+  const [visible, setVisible] = React18.useState(false);
+  const [expandMethodPicker, setExpandMethodPicker] = React18.useState(true);
+  React18.useEffect(() => {
     fetchBankAccounts();
     fetchPaymentMethods();
     requestAnimationFrame(() => setVisible(true));
   }, []);
-  const selectedType = React17.useMemo(
+  const selectedType = React18.useMemo(
     () => paymentMethodTypes.find((tp) => tp.id === selectedTypeId),
     [paymentMethodTypes, selectedTypeId]
   );
   const txType = selectedType?.transactionType ?? "";
-  const filteredMethods = React17.useMemo(
+  const filteredMethods = React18.useMemo(
     () => paymentMethods.filter((m) => m.paymentMethodTypeId === selectedTypeId),
     [paymentMethods, selectedTypeId]
   );
   const needsCard = txType === "credit_card" || txType === "debit_card";
   const needsCardInstallments = txType === "credit_card";
-  const eligibleAccounts = React17.useMemo(() => {
+  const eligibleAccounts = React18.useMemo(() => {
     const allowed = selectedType?.allowedAccountTypes && selectedType.allowedAccountTypes.length ? selectedType.allowedAccountTypes : ACCOUNT_TYPES_FOR_TX[txType];
     if (!allowed || !allowed.length) return bankAccounts;
     const filtered = bankAccounts.filter((a) => allowed.includes(a.accountType));
     return filtered.length ? filtered : bankAccounts;
   }, [bankAccounts, selectedType, txType]);
-  React17.useEffect(() => {
+  React18.useEffect(() => {
     if (selectedTypeId && !bankAccountId && eligibleAccounts.length) {
       setBankAccountId(eligibleAccounts[0].id);
     }
@@ -2088,26 +2088,28 @@ function InvoiceDetailView({ invoiceId, direction, onBack, onEdit, backLabel })
   const bankAccounts = useFinancialStore((s) => s.bankAccounts);
   const fetchPaymentMethods = useFinancialStore((s) => s.fetchPaymentMethods);
   const fetchBankAccounts = useFinancialStore((s) => s.fetchBankAccounts);
-  const [detailsLoaded, setDetailsLoaded] = React17.useState(false);
-  const [detailsLoading, setDetailsLoading] = React17.useState(false);
-  const [invoice, setInvoice] = React17.useState(null);
-  const [items, setItems] = React17.useState([]);
-  const [movements, setMovements] = React17.useState([]);
-  const [payments, setPayments] = React17.useState([]);
-  const [loading, setLoading] = React17.useState(true);
-  const [payingMovement, setPayingMovement] = React17.useState(null);
-  const [expandedMovId, setExpandedMovId] = React17.useState(null);
-  const [menuOpen, setMenuOpen] = React17.useState(false);
-  const [confirmCancel, setConfirmCancel] = React17.useState(false);
-  const [cancelling, setCancelling] = React17.useState(false);
-  const menuRef = React17.useRef(null);
+  const [detailsLoaded, setDetailsLoaded] = React18.useState(false);
+  const [detailsLoading, setDetailsLoading] = React18.useState(false);
+  const [invoice, setInvoice] = React18.useState(null);
+  const [items, setItems] = React18.useState([]);
+  const [movements, setMovements] = React18.useState([]);
+  const [payments, setPayments] = React18.useState([]);
+  const [loading, setLoading] = React18.useState(true);
+  const [payingMovement, setPayingMovement] = React18.useState(null);
+  const [expandedMovId, setExpandedMovId] = React18.useState(null);
+  const [menuOpen, setMenuOpen] = React18.useState(false);
+  const [confirmCancel, setConfirmCancel] = React18.useState(false);
+  const [cancelling, setCancelling] = React18.useState(false);
+  const menuRef = React18.useRef(null);
   const cancelInvoice = useFinancialStore((s) => s.cancelInvoice);
   async function loadData() {
     setLoading(true);
     const [inv, invItems, movResult] = await Promise.all([
       provider.getInvoiceById(invoiceId),
       provider.getInvoiceItems(invoiceId),
-      provider.getMovements({ direction })
+      // Scope to THIS invoice (not the tenant-wide first-50 page) so every
+      // installment/payment loads regardless of how many movements exist.
+      provider.getMovements({ direction, invoiceId, pageSize: 500 })
     ]);
     setInvoice(inv);
     setItems(invItems);
@@ -2119,10 +2121,10 @@ function InvoiceDetailView({ invoiceId, direction, onBack, onEdit, backLabel })
     );
     setLoading(false);
   }
-  React17.useEffect(() => {
+  React18.useEffect(() => {
     loadData();
   }, [invoiceId]);
-  React17.useEffect(() => {
+  React18.useEffect(() => {
     if (!menuOpen) return;
     function handleClick(e) {
       if (menuRef.current && !menuRef.current.contains(e.target)) setMenuOpen(false);
@@ -2723,16 +2725,16 @@ function CashOpeningPanel({
   currency,
   onOpen
 }) {
-  const [selectedAccountId, setSelectedAccountId] = React17.useState(cashAccounts[0]?.id ?? "");
-  const [mode, setMode] = React17.useState("quick");
-  const [quickBalance, setQuickBalance] = React17.useState(0);
-  const [counts, setCounts] = React17.useState({});
-  const [notes, setNotes] = React17.useState("");
-  const [showNotes, setShowNotes] = React17.useState(false);
-  const [confirming, setConfirming] = React17.useState(false);
-  const [submitting, setSubmitting] = React17.useState(false);
+  const [selectedAccountId, setSelectedAccountId] = React18.useState(cashAccounts[0]?.id ?? "");
+  const [mode, setMode] = React18.useState("quick");
+  const [quickBalance, setQuickBalance] = React18.useState(0);
+  const [counts, setCounts] = React18.useState({});
+  const [notes, setNotes] = React18.useState("");
+  const [showNotes, setShowNotes] = React18.useState(false);
+  const [confirming, setConfirming] = React18.useState(false);
+  const [submitting, setSubmitting] = React18.useState(false);
   const t2 = core.useTranslation();
-  const countedTotal = React17.useMemo(() => {
+  const countedTotal = React18.useMemo(() => {
     return BRL_DENOMINATIONS.reduce((sum, d) => sum + (counts[d.value] ?? 0) * d.value, 0);
   }, [counts]);
   const effectiveBalance = mode === "count" ? countedTotal : quickBalance;
@@ -2908,13 +2910,13 @@ function CashClosingPanel({
   currency,
   onClose
 }) {
-  const [mode, setMode] = React17.useState("quick");
-  const [quickBalance, setQuickBalance] = React17.useState(0);
-  const [counts, setCounts] = React17.useState({});
-  const [notes, setNotes] = React17.useState("");
-  const [submitting, setSubmitting] = React17.useState(false);
+  const [mode, setMode] = React18.useState("quick");
+  const [quickBalance, setQuickBalance] = React18.useState(0);
+  const [counts, setCounts] = React18.useState({});
+  const [notes, setNotes] = React18.useState("");
+  const [submitting, setSubmitting] = React18.useState(false);
   const t2 = core.useTranslation();
-  const countedTotal = React17.useMemo(() => {
+  const countedTotal = React18.useMemo(() => {
     return BRL_DENOMINATIONS.reduce((sum, d) => sum + (counts[d.value] ?? 0) * d.value, 0);
   }, [counts]);
   const effectiveBalance = mode === "count" ? countedTotal : quickBalance;
@@ -3019,8 +3021,8 @@ function CashRegistersView() {
   const fetchCashSessions = useFinancialStore((s) => s.fetchCashSessions);
   const openCashSession = useFinancialStore((s) => s.openCashSession);
   const closeCashSession = useFinancialStore((s) => s.closeCashSession);
-  const [expandedClosing, setExpandedClosing] = React17.useState(null);
-  React17.useEffect(() => {
+  const [expandedClosing, setExpandedClosing] = React18.useState(null);
+  React18.useEffect(() => {
     fetchBankAccounts();
     fetchCashSessions();
   }, []);
@@ -3124,7 +3126,7 @@ function OpenAnotherCollapsible({
   onOpen
 }) {
   const t2 = core.useTranslation();
-  const [expanded, setExpanded] = React17.useState(false);
+  const [expanded, setExpanded] = React18.useState(false);
   const availableAccounts = cashAccounts.filter((a) => !openSessions.some((s) => s.bankAccountId === a.id));
   if (availableAccounts.length === 0) return null;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border bg-card shadow-sm", children: [
@@ -3151,14 +3153,14 @@ function TransferModal({ onClose, onDone, defaultFromId }) {
   const bankAccounts = useFinancialStore((s) => s.bankAccounts);
   const createTransfer = useFinancialStore((s) => s.createTransfer);
   const fetchBankAccounts = useFinancialStore((s) => s.fetchBankAccounts);
-  const [fromAccountId, setFromAccountId] = React17.useState(defaultFromId ?? "");
-  const [toAccountId, setToAccountId] = React17.useState("");
-  const [amount, setAmount] = React17.useState(0);
-  const [date, setDate] = React17.useState((/* @__PURE__ */ new Date()).toISOString().slice(0, 10));
-  const [notes, setNotes] = React17.useState("");
-  const [saving, setSaving] = React17.useState(false);
-  const [visible, setVisible] = React17.useState(false);
-  React17.useEffect(() => {
+  const [fromAccountId, setFromAccountId] = React18.useState(defaultFromId ?? "");
+  const [toAccountId, setToAccountId] = React18.useState("");
+  const [amount, setAmount] = React18.useState(0);
+  const [date, setDate] = React18.useState((/* @__PURE__ */ new Date()).toISOString().slice(0, 10));
+  const [notes, setNotes] = React18.useState("");
+  const [saving, setSaving] = React18.useState(false);
+  const [visible, setVisible] = React18.useState(false);
+  React18.useEffect(() => {
     fetchBankAccounts();
     requestAnimationFrame(() => setVisible(true));
   }, []);
@@ -3301,19 +3303,19 @@ function StatementsView({ onNavigate }) {
   const fetchBankAccounts = useFinancialStore((s) => s.fetchBankAccounts);
   const fetchPaymentMethods = useFinancialStore((s) => s.fetchPaymentMethods);
   const fetchStatement = useFinancialStore((s) => s.fetchStatement);
-  const [accountId, setAccountId] = React17.useState("");
-  const [dateFrom, setDateFrom] = React17.useState(() => {
+  const [accountId, setAccountId] = React18.useState("");
+  const [dateFrom, setDateFrom] = React18.useState(() => {
     const d = /* @__PURE__ */ new Date();
     d.setMonth(d.getMonth() - 3);
     return d.toISOString().slice(0, 10);
   });
-  const [dateTo, setDateTo] = React17.useState(() => (/* @__PURE__ */ new Date()).toISOString().slice(0, 10));
-  const [showTransfer, setShowTransfer] = React17.useState(false);
-  React17.useEffect(() => {
+  const [dateTo, setDateTo] = React18.useState(() => (/* @__PURE__ */ new Date()).toISOString().slice(0, 10));
+  const [showTransfer, setShowTransfer] = React18.useState(false);
+  React18.useEffect(() => {
     fetchBankAccounts();
     fetchPaymentMethods();
   }, []);
-  const methodName = React17.useMemo(() => {
+  const methodName = React18.useMemo(() => {
     const byId = new Map(paymentMethods.map((m) => [m.id, m.name]));
     const typeById = new Map(paymentMethodTypes.map((tp) => [tp.id, tp.name]));
     return (mov) => {
@@ -3328,7 +3330,7 @@ function StatementsView({ onNavigate }) {
     const base = e.movement.direction === "credit" ? "receivables" : "payables";
     onNavigate(`${base}-detail:${e.movement.invoiceId}`);
   }
-  React17.useEffect(() => {
+  React18.useEffect(() => {
     if (accountId) {
       fetchStatement({
         bankAccountId: accountId === ALL ? void 0 : accountId,
@@ -3336,11 +3338,11 @@ function StatementsView({ onNavigate }) {
       });
     }
   }, [accountId, dateFrom, dateTo]);
-  React17.useEffect(() => {
+  React18.useEffect(() => {
     if (!accountId) setAccountId(ALL);
   }, []);
   const fmt = (n) => saas.formatCurrency(n, currency);
-  const columns = React17.useMemo(() => [
+  const columns = React18.useMemo(() => [
     {
       id: "date",
       header: t2("financial.statements.columnDate"),
@@ -3528,20 +3530,20 @@ function CardsView() {
   const bankAccounts = useFinancialStore((s) => s.bankAccounts);
   const bankAccountsLoading = useFinancialStore((s) => s.bankAccountsLoading);
   const fetchBankAccounts = useFinancialStore((s) => s.fetchBankAccounts);
-  const [tab, setTab] = React17.useState("open");
-  const [addOpen, setAddOpen] = React17.useState(false);
-  const [addCardId, setAddCardId] = React17.useState();
-  React17.useEffect(() => {
+  const [tab, setTab] = React18.useState("open");
+  const [addOpen, setAddOpen] = React18.useState(false);
+  const [addCardId, setAddCardId] = React18.useState();
+  React18.useEffect(() => {
     fetchBankAccounts();
   }, []);
-  const cards = React17.useMemo(
+  const cards = React18.useMemo(
     () => bankAccounts.filter((a) => a.accountType === "credit_card"),
     [bankAccounts]
   );
-  const openCards = React17.useMemo(() => cards.filter((c) => c.isActive), [cards]);
-  const closedCards = React17.useMemo(() => cards.filter((c) => !c.isActive), [cards]);
+  const openCards = React18.useMemo(() => cards.filter((c) => c.isActive), [cards]);
+  const closedCards = React18.useMemo(() => cards.filter((c) => !c.isActive), [cards]);
   const visibleCards = tab === "open" ? openCards : closedCards;
-  const summary = React17.useMemo(() => {
+  const summary = React18.useMemo(() => {
     let totalAvailable = 0;
     let totalBills = 0;
     for (const c of openCards) {
@@ -3657,14 +3659,14 @@ function ReconciliationView() {
   const { currency } = useFinancialConfig();
   const provider = useFinancialProvider();
   const fmt = (n) => saas.formatCurrency(n, currency);
-  const [lines, setLines] = React17.useState([]);
-  const [loading, setLoading] = React17.useState(true);
-  const [selectedId, setSelectedId] = React17.useState(null);
-  const [candidates, setCandidates] = React17.useState([]);
-  const [candidatesLoading, setCandidatesLoading] = React17.useState(false);
-  const [busy, setBusy] = React17.useState(false);
+  const [lines, setLines] = React18.useState([]);
+  const [loading, setLoading] = React18.useState(true);
+  const [selectedId, setSelectedId] = React18.useState(null);
+  const [candidates, setCandidates] = React18.useState([]);
+  const [candidatesLoading, setCandidatesLoading] = React18.useState(false);
+  const [busy, setBusy] = React18.useState(false);
   const supported = typeof provider.getUnreconciled === "function";
-  const load = React17.useCallback(async () => {
+  const load = React18.useCallback(async () => {
     if (!provider.getUnreconciled) return;
     setLoading(true);
     try {
@@ -3675,10 +3677,10 @@ function ReconciliationView() {
       setLoading(false);
     }
   }, [provider]);
-  React17.useEffect(() => {
+  React18.useEffect(() => {
     void load();
   }, [load]);
-  React17.useEffect(() => {
+  React18.useEffect(() => {
     if (!selectedId || !provider.suggestReconciliation) {
       setCandidates([]);
       return;
@@ -3797,6 +3799,161 @@ function ReconciliationView() {
     ] })
   ] });
 }
+var MODEL_LABEL = {
+  nfe: "NF-e",
+  nfce: "NFC-e",
+  nfse: "NFS-e"
+};
+var STATUS_META = {
+  draft: { label: "Rascunho", className: "bg-muted text-muted-foreground" },
+  processing: { label: "Processando", className: "bg-blue-100 text-blue-800" },
+  issued: { label: "Emitida", className: "bg-emerald-100 text-emerald-800" },
+  cancelled: { label: "Cancelada", className: "bg-red-100 text-red-700" },
+  error: { label: "Erro", className: "bg-orange-100 text-orange-700" }
+};
+function NotasFiscaisView() {
+  const provider = useFinancialProvider();
+  const { currency } = useFinancialConfig();
+  const [notas, setNotas] = React18.useState([]);
+  const [loading, setLoading] = React18.useState(true);
+  const [creating, setCreating] = React18.useState(false);
+  const [busy, setBusy] = React18.useState(null);
+  const supported = typeof provider.getNotas === "function";
+  const reload = React18.useCallback(async () => {
+    if (!provider.getNotas) {
+      setLoading(false);
+      return;
+    }
+    setLoading(true);
+    try {
+      const res = await provider.getNotas({ pageSize: 100 });
+      setNotas(res.data);
+    } finally {
+      setLoading(false);
+    }
+  }, [provider]);
+  React18.useEffect(() => {
+    void reload();
+  }, [reload]);
+  const create = async (input) => {
+    if (!provider.createNota) return;
+    await provider.createNota(input);
+    setCreating(false);
+    await reload();
+  };
+  const issue = async (id) => {
+    if (!provider.issueNota) return;
+    setBusy(id);
+    try {
+      await provider.issueNota(id);
+      await reload();
+    } finally {
+      setBusy(null);
+    }
+  };
+  const cancel = async (id) => {
+    if (!provider.cancelNota) return;
+    setBusy(id);
+    try {
+      await provider.cancelNota(id);
+      await reload();
+    } finally {
+      setBusy(null);
+    }
+  };
+  if (!supported) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.SubpageHeader, { title: "Notas Fiscais", subtitle: "Emiss\xE3o e acompanhamento de NF-e / NFC-e / NFS-e", icon: "FileText" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-4 text-sm text-muted-foreground", children: "Este provedor financeiro ainda n\xE3o exp\xF5e notas fiscais." })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-1", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      ui.SubpageHeader,
+      {
+        title: "Notas Fiscais",
+        subtitle: "Emiss\xE3o e acompanhamento de NF-e / NFC-e / NFS-e",
+        icon: "FileText",
+        actions: /* @__PURE__ */ jsxRuntime.jsx(saas.PermissionGate, { feature: "financial", action: "create", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { size: "sm", onClick: () => setCreating(true), children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "mr-1.5 h-4 w-4" }),
+          " Nova nota"
+        ] }) })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 rounded-md border border-amber-300/50 bg-amber-50 px-3 py-2 text-xs text-amber-800 dark:bg-amber-950/30 dark:text-amber-300", children: 'Emiss\xE3o fiscal (SEFAZ) ainda n\xE3o integrada \u2014 "Emitir" atribui n\xFAmero/s\xE9rie localmente para acompanhamento. A integra\xE7\xE3o com o emissor entra sem mudar esta tela.' }),
+    creating && /* @__PURE__ */ jsxRuntime.jsx(CreateForm, { onCancel: () => setCreating(false), onCreate: create }),
+    loading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 space-y-2", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 rounded-card border border-border bg-card p-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { className: "h-9 w-9 shrink-0 rounded-full" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1 space-y-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { className: "h-3.5 w-40 rounded" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { className: "h-3 w-56 rounded" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { className: "h-8 w-20 shrink-0 rounded-md" })
+    ] }, i)) }) : notas.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-4 rounded-card border border-dashed border-border p-8 text-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileText, { className: "mx-auto h-8 w-8 text-muted-foreground" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm font-medium text-foreground", children: "Nenhuma nota fiscal ainda" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: "Crie uma nota a partir de um pedido ou manualmente." })
+    ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 space-y-2", children: notas.map((n) => {
+      const meta = STATUS_META[n.status];
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 rounded-card border border-border bg-card p-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-primary/10", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileText, { className: "h-4 w-4 text-primary" }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm font-medium text-foreground", children: [
+              MODEL_LABEL[n.model],
+              " ",
+              n.number ? `#${n.number}` : "(rascunho)"
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: `rounded-full px-2 py-0.5 text-xs font-medium ${meta.className}`, children: meta.label })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "truncate text-xs text-muted-foreground", children: [
+            n.contactName || "Sem destinat\xE1rio",
+            " \xB7 ",
+            saas.formatCurrency(n.totalAmount, currency),
+            n.issuedAt ? ` \xB7 ${n.issuedAt.slice(0, 10)}` : ""
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [
+          n.danfeUrl && /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "sm", variant: "ghost", onClick: () => window.open(n.danfeUrl, "_blank", "noopener,noreferrer"), title: "DANFE", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileCheck2, { className: "h-4 w-4" }) }),
+          n.xmlUrl && /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "sm", variant: "ghost", onClick: () => window.open(n.xmlUrl, "_blank", "noopener,noreferrer"), title: "XML", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ExternalLink, { className: "h-4 w-4" }) }),
+          n.status === "draft" && /* @__PURE__ */ jsxRuntime.jsx(saas.PermissionGate, { feature: "financial", action: "edit", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { size: "sm", disabled: busy === n.id, onClick: () => issue(n.id), children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Send, { className: "mr-1.5 h-3.5 w-3.5" }),
+            " Emitir"
+          ] }) }),
+          n.status === "issued" && /* @__PURE__ */ jsxRuntime.jsx(saas.PermissionGate, { feature: "financial", action: "edit", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "sm", variant: "ghost", disabled: busy === n.id, onClick: () => cancel(n.id), title: "Cancelar", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Ban, { className: "h-4 w-4 text-red-500" }) }) })
+        ] })
+      ] }, n.id);
+    }) })
+  ] });
+}
+function CreateForm({ onCancel, onCreate }) {
+  const [model, setModel] = React18.useState("nfe");
+  const [contactName, setContactName] = React18.useState("");
+  const [total, setTotal] = React18.useState("");
+  const [observations, setObservations] = React18.useState("");
+  const models = ["nfe", "nfce", "nfse"];
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-4 rounded-card border border-border bg-card p-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-3 text-sm font-semibold text-foreground", children: "Nova nota fiscal" }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-3 flex flex-wrap gap-2", children: models.map((m) => /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => setModel(m), className: `rounded-full px-3 py-1 text-xs font-medium ${m === model ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground hover:text-foreground"}`, children: MODEL_LABEL[m] }, m)) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 sm:flex-row", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { value: contactName, placeholder: "Destinat\xE1rio", onChange: (e) => setContactName(e.target.value), className: "flex-1" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { value: total, placeholder: "Valor total", inputMode: "decimal", onChange: (e) => setTotal(e.target.value), className: "sm:w-40" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { value: observations, placeholder: "Observa\xE7\xF5es (opcional)", onChange: (e) => setObservations(e.target.value), className: "mt-2" }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-3 flex gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Button,
+        {
+          size: "sm",
+          disabled: !total || Number.isNaN(Number(total)),
+          onClick: () => onCreate({ model, contactName: contactName || void 0, totalAmount: Number(total) || 0, observations: observations || void 0 }),
+          children: "Criar rascunho"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "sm", variant: "outline", onClick: onCancel, children: "Cancelar" })
+    ] })
+  ] });
+}
 var FINANCIAL_DEFAULTS = {
   autoInstallments: true,
   requireDoc: false,
@@ -3833,7 +3990,7 @@ var STEPS = [
 ];
 function FinancialOnboarding({ onComplete }) {
   const t2 = core.useTranslation();
-  const [step, setStep] = React17.useState(0);
+  const [step, setStep] = React18.useState(0);
   const current = STEPS[step];
   const isLast = step === STEPS.length - 1;
   const Icon = current.icon;
@@ -3940,6 +4097,15 @@ function buildNav(config, activeView, navigate, t2) {
       onClick: () => navigate("reconciliation")
     });
   }
+  if (config.modules.notasFiscais) {
+    items.push({
+      id: "notas-fiscais",
+      label: t2("financial.nav.notasFiscais"),
+      icon: "FileText",
+      active: activeView === "notas-fiscais",
+      onClick: () => navigate("notas-fiscais")
+    });
+  }
   if (config.modules.commissions) {
     items.push({
       id: "commissions",
@@ -3980,16 +4146,17 @@ function FinancialPage({ config, provider, store, registries }) {
     reconciliation: 0,
     commissions: 0,
     cards: 0,
+    "notas-fiscais": 0,
     settings: 1
   });
-  const [onboardingComplete, setOnboardingComplete] = React17.useState(() => {
+  const [onboardingComplete, setOnboardingComplete] = React18.useState(() => {
     try {
       return localStorage.getItem("saas-core:financial-onboarded") === "true";
     } catch {
       return false;
     }
   });
-  React17.useEffect(() => {
+  React18.useEffect(() => {
     if (onboardingComplete) return;
     let cancelled = false;
     void provider.getMovements({ pageSize: 1 }).then((res) => {
@@ -4006,16 +4173,16 @@ function FinancialPage({ config, provider, store, registries }) {
   const intent = parseIntent(view);
   const isSettings = view === "settings";
   const nav = saas.useModuleNavAccess(buildNav(config, view, navigate, t2));
-  const [quickAddOpen, setQuickAddOpen] = React17.useState(false);
-  const [quickAddType, setQuickAddType] = React17.useState("expense");
-  const [quickAddReceipt, setQuickAddReceipt] = React17.useState(false);
-  const openQuickAdd2 = React17.useCallback((type = "expense") => {
+  const [quickAddOpen, setQuickAddOpen] = React18.useState(false);
+  const [quickAddType, setQuickAddType] = React18.useState("expense");
+  const [quickAddReceipt, setQuickAddReceipt] = React18.useState(false);
+  const openQuickAdd2 = React18.useCallback((type = "expense") => {
     setQuickAddType(type);
     setQuickAddReceipt(false);
     setQuickAddOpen(true);
   }, []);
   const pendingQuickAdd = usePendingQuickAdd();
-  React17.useEffect(() => {
+  React18.useEffect(() => {
     if (!pendingQuickAdd) return;
     const req = consumeQuickAdd();
     if (!req) return;
@@ -4024,7 +4191,7 @@ function FinancialPage({ config, provider, store, registries }) {
     setQuickAddReceipt(req.receipt);
     setQuickAddOpen(true);
   }, [pendingQuickAdd]);
-  const quickActions = React17.useMemo(() => {
+  const quickActions = React18.useMemo(() => {
     if (config.quickAdd) return [];
     if (!canCreate) return [];
     const actions = [];
@@ -4096,6 +4263,8 @@ function FinancialPage({ config, provider, store, registries }) {
         return /* @__PURE__ */ jsxRuntime.jsx(CommissionsView, {});
       case "cards":
         return /* @__PURE__ */ jsxRuntime.jsx(CardsView, {});
+      case "notas-fiscais":
+        return /* @__PURE__ */ jsxRuntime.jsx(NotasFiscaisView, {});
       default:
         return /* @__PURE__ */ jsxRuntime.jsx(SummaryView, {});
     }
@@ -4158,7 +4327,7 @@ function FinancialPage({ config, provider, store, registries }) {
 }
 function useEnsureSummary() {
   const fetchSummary = useFinancialStore((s) => s.fetchSummary);
-  React17.useEffect(() => {
+  React18.useEffect(() => {
     void fetchSummary();
   }, []);
 }
@@ -4282,7 +4451,7 @@ function RecentTransactions() {
   const { currency } = useFinancialConfig();
   const invoices = useFinancialStore((s) => s.invoices);
   const fetchInvoices = useFinancialStore((s) => s.fetchInvoices);
-  React17.useEffect(() => {
+  React18.useEffect(() => {
     void fetchInvoices({ pageSize: 5 });
   }, []);
   const columns = [
@@ -4318,7 +4487,7 @@ function BalanceHero() {
   const summary = useFinancialStore((s) => s.summary);
   const navigate = ui.useDashboardNavigate();
   useEnsureSummary();
-  const [hidden, setHidden] = React17__namespace.default.useState(false);
+  const [hidden, setHidden] = React18__namespace.default.useState(false);
   const money = (v) => hidden ? "\u2022\u2022\u2022\u2022\u2022\u2022" : saas.formatCurrency(v ?? 0, currency);
   const inflow = summary?.monthlyInflow ?? 0;
   const outflow = summary?.monthlyOutflow ?? 0;
@@ -4391,8 +4560,8 @@ function categorizeSpend(notes) {
 function SpendByCategoryChart() {
   const t2 = core.useTranslation();
   const provider = useFinancialProvider();
-  const [rows, setRows] = React17__namespace.default.useState([]);
-  React17.useEffect(() => {
+  const [rows, setRows] = React18__namespace.default.useState([]);
+  React18.useEffect(() => {
     let alive = true;
     void (async () => {
       const res = await provider.getMovements({ status: "paid", direction: "debit" });
@@ -4434,8 +4603,8 @@ function UpcomingBills() {
   const { currency } = useFinancialConfig();
   const provider = useFinancialProvider();
   const dueLabel = useDueLabel();
-  const [bills, setBills] = React17__namespace.default.useState([]);
-  React17.useEffect(() => {
+  const [bills, setBills] = React18__namespace.default.useState([]);
+  React18.useEffect(() => {
     let alive = true;
     void (async () => {
       const pending2 = await provider.getMovements({ status: "pending" });
@@ -4464,7 +4633,7 @@ function CreditCards() {
   const { currency } = useFinancialConfig();
   const bankAccounts = useFinancialStore((s) => s.bankAccounts);
   const fetchBankAccounts = useFinancialStore((s) => s.fetchBankAccounts);
-  React17.useEffect(() => {
+  React18.useEffect(() => {
     void fetchBankAccounts();
   }, []);
   const cards = bankAccounts.filter((a) => a.accountType === "credit_card");
@@ -4609,7 +4778,8 @@ function createStore(options) {
     paymentMethodTypes: defaultPMTypes,
     chartOfAccounts: [],
     costCenters: [],
-    cardTransactions: []
+    cardTransactions: [],
+    notas: []
   };
 }
 function createMockFinancialProvider(options) {
@@ -5158,6 +5328,66 @@ function createMockFinancialProvider(options) {
           internal.updatedAt = now();
         }
       }
+    },
+    // --- Notas fiscais (NF-e / NFC-e / NFS-e) ---
+    async getNotas(query) {
+      let list = [...store.notas].sort((a, b) => b.createdAt.localeCompare(a.createdAt));
+      if (query.status) list = list.filter((n) => matchesStatus(n.status, query.status));
+      if (query.model) list = list.filter((n) => n.model === query.model);
+      if (query.orderId) list = list.filter((n) => n.orderId === query.orderId);
+      if (query.search) {
+        const q = query.search.toLowerCase();
+        list = list.filter((n) => (n.number ?? "").toLowerCase().includes(q) || (n.contactName ?? "").toLowerCase().includes(q));
+      }
+      return paginate(list, query.page, query.pageSize);
+    },
+    async getNotaById(id) {
+      return store.notas.find((n) => n.id === id) ?? null;
+    },
+    async createNota(input) {
+      const nota = {
+        id: uid(),
+        tenantId: "mock-tenant",
+        model: input.model ?? "nfe",
+        status: "draft",
+        number: null,
+        series: input.series ?? null,
+        orderId: input.orderId,
+        contactId: input.contactId,
+        contactName: input.contactName,
+        totalAmount: input.totalAmount,
+        observations: input.observations,
+        createdAt: now(),
+        updatedAt: now()
+      };
+      store.notas.unshift(nota);
+      return nota;
+    },
+    async updateNota(id, patch) {
+      const nota = store.notas.find((n) => n.id === id);
+      if (!nota) throw new Error("Nota fiscal not found");
+      Object.assign(nota, patch, { updatedAt: now() });
+      return nota;
+    },
+    async issueNota(id) {
+      const nota = store.notas.find((n) => n.id === id);
+      if (!nota) throw new Error("Nota fiscal not found");
+      const issuedCount = store.notas.filter((n) => n.status === "issued").length;
+      nota.status = "issued";
+      nota.number = String(issuedCount + 1).padStart(6, "0");
+      nota.series = nota.series ?? "1";
+      nota.issuedAt = now();
+      nota.emissor = "manual";
+      nota.updatedAt = now();
+      return nota;
+    },
+    async cancelNota(id, reason) {
+      const nota = store.notas.find((n) => n.id === id);
+      if (!nota) throw new Error("Nota fiscal not found");
+      nota.status = "cancelled";
+      nota.errorMessage = reason;
+      nota.updatedAt = now();
+      return nota;
     }
   };
   return provider;
@@ -5172,7 +5402,8 @@ var T = {
   costCenters: "plg_financial_cost_centers",
   cashRegisterSessions: "plg_financial_cash_register_sessions",
   paymentMethods: "plg_financial_payment_methods",
-  paymentMethodTypes: "plg_financial_payment_method_types"
+  paymentMethodTypes: "plg_financial_payment_method_types",
+  notas: "plg_financial_nfe"
 };
 
 // src/data/supabase.ts
@@ -5483,6 +5714,7 @@ function createSupabaseFinancialProvider() {
       }
       if (query.bankAccountId) qb = qb.eq("bank_account_id", query.bankAccountId);
       if (query.cashSessionId) qb = qb.eq("cash_session_id", query.cashSessionId);
+      if (query.invoiceId) qb = qb.eq("invoice_id", query.invoiceId);
       if (query.dateRange) qb = qb.gte("due_date", query.dateRange.from).lte("due_date", query.dateRange.to);
       const page = query.page ?? 1;
       const pageSize = query.pageSize ?? 50;
@@ -5906,6 +6138,75 @@ function createSupabaseFinancialProvider() {
       if (line?.matched_movement_id) {
         await pub.from(T.movements).update({ reconciled_at: null }).eq("id", line.matched_movement_id);
       }
+    },
+    // --- Notas fiscais (NF-e / NFC-e / NFS-e) ---
+    async getNotas(query) {
+      const { pub } = getClients();
+      let qb = pub.from(T.notas).select("*", { count: "exact" });
+      if (query.status) {
+        const statuses = Array.isArray(query.status) ? query.status : [query.status];
+        qb = qb.in("status", statuses);
+      }
+      if (query.model) qb = qb.eq("model", query.model);
+      if (query.orderId) qb = qb.eq("order_id", query.orderId);
+      if (query.search) qb = qb.or(`number.ilike.%${query.search}%,contact_name.ilike.%${query.search}%`);
+      const page = query.page ?? 1;
+      const pageSize = query.pageSize ?? 50;
+      qb = qb.range((page - 1) * pageSize, page * pageSize - 1).order("created_at", { ascending: false });
+      const { data, count } = await qb;
+      return { data: (data ?? []).map((r) => snakeToCamel(r)), total: count ?? 0 };
+    },
+    async getNotaById(id) {
+      const { pub } = getClients();
+      const { data } = await pub.from(T.notas).select("*").eq("id", id).maybeSingle();
+      return data ? snakeToCamel(data) : null;
+    },
+    async createNota(input) {
+      const { pub } = getClients();
+      const row = {
+        tenant_id: getTenantId(),
+        model: input.model ?? "nfe",
+        status: "draft",
+        series: input.series ?? null,
+        order_id: input.orderId ?? null,
+        contact_id: input.contactId ?? null,
+        contact_name: input.contactName ?? null,
+        total_amount: input.totalAmount,
+        observations: input.observations ?? null
+      };
+      const { data, error } = await pub.from(T.notas).insert(row).select().single();
+      if (error) throw error;
+      return snakeToCamel(data);
+    },
+    async updateNota(id, patch) {
+      const { pub } = getClients();
+      const { data, error } = await pub.from(T.notas).update(camelToSnake(patch)).eq("id", id).select().single();
+      if (error) throw error;
+      return snakeToCamel(data);
+    },
+    // Emission seam: no SEFAZ integration yet, so assign a número/série locally
+    // and mark it issued. An external emissor replaces this body (or overrides
+    // issueNota on a wrapping provider) without any UI change.
+    async issueNota(id) {
+      const { pub } = getClients();
+      const { data: current } = await pub.from(T.notas).select("series").eq("id", id).single();
+      const { count } = await pub.from(T.notas).select("id", { count: "exact", head: true }).eq("status", "issued");
+      const patch = {
+        status: "issued",
+        number: String((count ?? 0) + 1).padStart(6, "0"),
+        series: current?.series ?? "1",
+        issued_at: (/* @__PURE__ */ new Date()).toISOString(),
+        emissor: "manual"
+      };
+      const { data, error } = await pub.from(T.notas).update(patch).eq("id", id).select().single();
+      if (error) throw error;
+      return snakeToCamel(data);
+    },
+    async cancelNota(id, reason) {
+      const { pub } = getClients();
+      const { data, error } = await pub.from(T.notas).update({ status: "cancelled", error_message: reason ?? null }).eq("id", id).select().single();
+      if (error) throw error;
+      return snakeToCamel(data);
     }
   };
   return provider;
@@ -6533,6 +6834,7 @@ var en = {
   "financial.nav.payables": "Accounts Payable",
   "financial.nav.receivables": "Accounts Receivable",
   "financial.nav.reconciliation": "Reconciliation",
+  "financial.nav.notasFiscais": "Fiscal Invoices",
   "financial.nav.recurringExpenses": "Recurring Expenses",
   "financial.nav.rules": "Rules",
   "financial.nav.statements": "Statements",
@@ -7026,6 +7328,7 @@ var ptBR = {
   "financial.nav.payables": "Contas a Pagar",
   "financial.nav.receivables": "Contas a Receber",
   "financial.nav.reconciliation": "Concilia\xE7\xE3o",
+  "financial.nav.notasFiscais": "Notas Fiscais",
   "financial.nav.recurringExpenses": "Despesas Recorrentes",
   "financial.nav.rules": "Regras",
   "financial.nav.statements": "Extratos",
@@ -7398,9 +7701,9 @@ var STATUS_STYLE = {
 function PersonStatementWidget({ person, provider, config }) {
   const t2 = core.useTranslation();
   const currency = config.currency;
-  const [invoices, setInvoices] = React17.useState([]);
-  const [loading, setLoading] = React17.useState(true);
-  React17.useEffect(() => {
+  const [invoices, setInvoices] = React18.useState([]);
+  const [loading, setLoading] = React18.useState(true);
+  React18.useEffect(() => {
     let alive = true;
     if (!person?.id) {
       setLoading(false);
@@ -7420,7 +7723,7 @@ function PersonStatementWidget({ person, provider, config }) {
     };
   }, [person?.id, provider]);
   const fmt = (n) => saas.formatCurrency(n, currency);
-  const totals = React17.useMemo(() => {
+  const totals = React18.useMemo(() => {
     const active = invoices.filter((i) => i.status !== "cancelled");
     const billed = active.reduce((s, i) => s + (i.totalAmount ?? 0), 0);
     const paid = active.reduce((s, i) => s + (i.paidAmount ?? 0), 0);
@@ -7430,7 +7733,7 @@ function PersonStatementWidget({ person, provider, config }) {
     const base = inv.direction === "credit" ? "receivables" : "payables";
     window.location.hash = `/financial/${base}/detail/${inv.id}`;
   };
-  const columns = React17.useMemo(() => [
+  const columns = React18.useMemo(() => [
     {
       id: "date",
       header: t2("financial.invoice.columnDate"),
@@ -7510,7 +7813,8 @@ var DEFAULT_LABELS = {
   commissionsRules: "Rules",
   cards: "Cards",
   cardsOverview: "Overview",
-  cardsReconciliation: "Reconciliation"
+  cardsReconciliation: "Reconciliation",
+  notasFiscais: "Fiscal Invoices"
 };
 var DEFAULT_CURRENCY = { code: "BRL", locale: "pt-BR", symbol: "R$" };
 var FINANCIAL_NAV_FEATURES = {
@@ -7537,7 +7841,9 @@ function resolveConfig(options) {
       commissions: options?.modules?.commissions !== false,
       cards: options?.modules?.cards !== false,
       // Opt-in: only shown when an app explicitly enables reconciliation (bank connector present).
-      reconciliation: options?.modules?.reconciliation === true
+      reconciliation: options?.modules?.reconciliation === true,
+      // Opt-in: only shown when an app explicitly enables fiscal-invoice tracking.
+      notasFiscais: options?.modules?.notasFiscais === true
     },
     // Opt-in: only render the plugin's own quick-add buttons/FAB when the host asks.
     quickAdd: options?.quickAdd === true,
@@ -7563,9 +7869,9 @@ function createFinancialPlugin(options) {
   const store = createFinancialStore(provider);
   const dashboardWidgets = createFinancialDashboardWidgets({ config, provider, store });
   const registries = [...financialRegistries, ...options?.settingsRegistries ?? []];
-  const PersonStatementBound = (props) => React17__namespace.default.createElement(PersonStatementWidget, { person: props.item, provider, config });
+  const PersonStatementBound = (props) => React18__namespace.default.createElement(PersonStatementWidget, { person: props.item, provider, config });
   PersonStatementBound.displayName = "FinancialPersonStatement";
-  const PageComponent = () => React17__namespace.default.createElement(FinancialPage, { config, provider, store, registries });
+  const PageComponent = () => React18__namespace.default.createElement(FinancialPage, { config, provider, store, registries });
   return {
     id: "financial",
     name: config.labels.pageTitle,
@@ -7769,10 +8075,10 @@ function createFinancialPlugin(options) {
         label: "Financial",
         icon: "DollarSign",
         component: (() => {
-          const FinancialSettingsTab = () => React17__namespace.default.createElement(saas.PluginSettingsPanel, {
+          const FinancialSettingsTab = () => React18__namespace.default.createElement(saas.PluginSettingsPanel, {
             title: "Financial Settings",
             subtitle: "Payment methods, accounts, and configurations",
-            generalSettings: React17__namespace.default.createElement(FinancialGeneralSettings),
+            generalSettings: React18__namespace.default.createElement(FinancialGeneralSettings),
             registries,
             hostPluginId: "financial",
             routeBase: "/settings/financial"