@fayz-ai/plugin-financial 0.1.7 → 0.2.0

package/dist/index.cjs

@@ -1,17 +1,33 @@
 'use strict';
 
-var React14 = require('react');
+var React17 = require('react');
 var core = require('@fayz-ai/core');
 var ui = require('@fayz-ai/ui');
 var saas = require('@fayz-ai/saas');
-var jsxRuntime = require('react/jsx-runtime');
 var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
 var reactDom = require('react-dom');
 var vanilla = require('zustand/vanilla');
 
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
 
-var React14__default = /*#__PURE__*/_interopDefault(React14);
+var React17__namespace = /*#__PURE__*/_interopNamespace(React17);
 
 // src/index.ts
 var ctx = saas.createPluginContext("FinancialPage");
@@ -20,7 +36,628 @@ var useFinancialConfig = ctx.useConfig;
 var useFinancialProvider = ctx.useProvider;
 var useFinancialStore = ctx.useStore;
 function SummaryView() {
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.DashboardCanvas, { surface: "plugin-home", domain: "financial", showHeader: false, className: "space-y-6" });
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "md:hidden", children: /* @__PURE__ */ jsxRuntime.jsx(MobileSummary, {}) }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      ui.DashboardCanvas,
+      {
+        surface: "plugin-home",
+        domain: "financial",
+        showHeader: false,
+        className: "hidden space-y-6 md:block"
+      }
+    )
+  ] });
+}
+function categoryIcon(label) {
+  const s = label.toLowerCase();
+  if (/(mercado|super|padaria|extra|p[aã]o|hortifr)/.test(s)) return lucideReact.ShoppingCart;
+  if (/(uber|99|posto|shell|gasol|combust|carro)/.test(s)) return lucideReact.Car;
+  if (/(aluguel|casa|condom|im[oó]vel)/.test(s)) return lucideReact.Home;
+  if (/(ifood|restaurante|outback|lanche|food|bar\b)/.test(s)) return lucideReact.Utensils;
+  if (/(luz|energia|enel|internet|vivo|conta de|[aá]gua)/.test(s)) return lucideReact.Zap;
+  if (/(cinema|netflix|cinemark|filme|disney|prime)/.test(s)) return lucideReact.Film;
+  if (/(farm|drogasil|sa[uú]de|plano|hospital|m[eé]dic)/.test(s)) return lucideReact.HeartPulse;
+  if (/(academia|smartfit|gym|treino)/.test(s)) return lucideReact.Dumbbell;
+  if (/(spotify|music|deezer)/.test(s)) return lucideReact.Music;
+  if (/(amazon|shopping|loja|magaz|americanas|mercado livre)/.test(s)) return lucideReact.ShoppingBag;
+  if (/(fatura|cart[aã]o|nubank|banco|boleto)/.test(s)) return lucideReact.Landmark;
+  if (/(sal[aá]rio|freel|pix|reembolso|receb|renda|d[ií]vidend)/.test(s)) return lucideReact.Wallet;
+  return lucideReact.CircleDollarSign;
+}
+function useDateLabel() {
+  const t2 = core.useTranslation();
+  const { currency } = useFinancialConfig();
+  return React17.useMemo(() => {
+    const todayStr = (/* @__PURE__ */ new Date()).toISOString().slice(0, 10);
+    const y = /* @__PURE__ */ new Date();
+    y.setDate(y.getDate() - 1);
+    const yesterdayStr = y.toISOString().slice(0, 10);
+    return (dateStr) => {
+      if (dateStr === todayStr) return t2("financial.summary.today");
+      if (dateStr === yesterdayStr) return t2("financial.summary.yesterday");
+      try {
+        return (/* @__PURE__ */ new Date(`${dateStr}T00:00:00`)).toLocaleDateString(currency.locale, {
+          weekday: "short",
+          day: "2-digit",
+          month: "short"
+        });
+      } catch {
+        return dateStr;
+      }
+    };
+  }, [t2, currency.locale]);
+}
+function MobileSummary() {
+  const t2 = core.useTranslation();
+  const { currency } = useFinancialConfig();
+  const summary = useFinancialStore((s) => s.summary);
+  const statement = useFinancialStore((s) => s.statement);
+  const bankAccounts = useFinancialStore((s) => s.bankAccounts);
+  const fetchSummary = useFinancialStore((s) => s.fetchSummary);
+  const fetchBankAccounts = useFinancialStore((s) => s.fetchBankAccounts);
+  const fetchStatement = useFinancialStore((s) => s.fetchStatement);
+  const dateLabel = useDateLabel();
+  React17.useEffect(() => {
+    void fetchSummary();
+    void fetchBankAccounts();
+    const to = (/* @__PURE__ */ new Date()).toISOString().slice(0, 10);
+    const from = /* @__PURE__ */ new Date();
+    from.setDate(from.getDate() - 90);
+    void fetchStatement({ dateRange: { from: from.toISOString().slice(0, 10), to } });
+  }, []);
+  const fmt = (n) => saas.formatCurrency(n, currency);
+  const inflow = summary?.monthlyInflow ?? 0;
+  const outflow = summary?.monthlyOutflow ?? 0;
+  const accountName = React17.useMemo(() => {
+    const map = new Map(bankAccounts.map((a) => [a.id, a.name]));
+    return (id) => id ? map.get(id) ?? "" : "";
+  }, [bankAccounts]);
+  const groups = React17.useMemo(() => {
+    const entries = (statement?.entries ?? []).filter((e) => e.entryKind === "movement");
+    const byDate = /* @__PURE__ */ new Map();
+    for (const e of entries) {
+      const d = e.movement.paymentDate ?? e.movement.dueDate;
+      const bucket = byDate.get(d);
+      if (bucket) bucket.push(e);
+      else byDate.set(d, [e]);
+    }
+    return [...byDate.entries()].sort((a, b) => b[0].localeCompare(a[0]));
+  }, [statement]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "col-span-2 rounded-xl border bg-card p-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: t2("financial.summary.totalBalance") }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 text-2xl font-semibold", children: fmt(summary?.totalBalance ?? 0) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-xl border bg-card p-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[11px] text-muted-foreground", children: t2("financial.summary.income") }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 text-base font-semibold text-success", children: fmt(inflow) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-xl border bg-card p-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[11px] text-muted-foreground", children: t2("financial.summary.expenses") }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 text-base font-semibold text-destructive", children: fmt(outflow) })
+      ] })
+    ] }),
+    groups.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-xl border border-dashed py-12 text-center text-sm text-muted-foreground", children: t2("financial.summary.noTransactions") }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-4", children: groups.map(([date, rows]) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "px-1 text-xs font-medium uppercase tracking-wide text-muted-foreground", children: dateLabel(date) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "divide-y overflow-hidden rounded-xl border bg-card", children: rows.map((e) => {
+        const isCredit = e.movement.direction === "credit";
+        const title = e.invoice?.contactName || e.movement.notes || t2("financial.summary.transactionsTitle");
+        const Icon = categoryIcon(title);
+        const category = isCredit ? t2("financial.summary.income") : t2("financial.summary.expenses");
+        const acct = accountName(e.movement.bankAccountId);
+        const subtitle = acct ? `${category} \xB7 ${acct}` : category;
+        const receiptUrl = e.invoice?.metadata?.receiptUrl;
+        return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 px-3 py-2.5", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: `flex h-9 w-9 shrink-0 items-center justify-center rounded-full ${isCredit ? "bg-success-soft text-success-soft-foreground" : "bg-destructive-soft text-destructive-soft-foreground"}`,
+              children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "flex items-center gap-1.5 truncate text-sm font-medium", children: [
+              title,
+              receiptUrl && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Paperclip, { className: "h-3 w-3 shrink-0 text-muted-foreground", "aria-label": t2("financial.quickTx.receiptAttached") })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate text-xs text-muted-foreground", children: subtitle })
+          ] }),
+          receiptUrl && /* @__PURE__ */ jsxRuntime.jsx(
+            "img",
+            {
+              src: receiptUrl,
+              alt: t2("financial.quickTx.receiptAttached"),
+              className: "h-9 w-9 shrink-0 rounded-md border object-cover"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `shrink-0 text-sm font-semibold ${isCredit ? "text-success" : "text-destructive"}`, children: [
+            isCredit ? "+" : "-",
+            fmt(e.net)
+          ] })
+        ] }, e.movement.id);
+      }) })
+    ] }, date)) })
+  ] });
+}
+function typeTheme(type) {
+  switch (type) {
+    case "income":
+      return { header: "bg-success text-success-foreground", ring: "ring-success", icon: lucideReact.ArrowDownCircle };
+    case "transfer":
+      return { header: "bg-muted text-foreground", ring: "ring-ring", icon: lucideReact.ArrowLeftRight };
+    case "expense":
+    default:
+      return { header: "bg-destructive text-destructive-foreground", ring: "ring-destructive", icon: lucideReact.ArrowUpCircle };
+  }
+}
+function ChipSelect({ icon: Icon, label, value, options, onChange, emptyLabel }) {
+  const [open, setOpen] = React17.useState(false);
+  const ref = React17.useRef(null);
+  React17.useEffect(() => {
+    if (!open) return;
+    function onDoc(e) {
+      if (ref.current && !ref.current.contains(e.target)) setOpen(false);
+    }
+    document.addEventListener("mousedown", onDoc);
+    return () => document.removeEventListener("mousedown", onDoc);
+  }, [open]);
+  const selected = options.find((o) => o.id === value);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: "relative", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => setOpen((v) => !v),
+        className: "mt-1 flex w-full items-center gap-2 rounded-input border border-input bg-card px-3 py-2.5 text-left text-sm shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] transition-colors hover:bg-muted/30",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: `flex-1 truncate ${selected ? "" : "text-muted-foreground"}`, children: selected?.name ?? emptyLabel }),
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: `h-3.5 w-3.5 shrink-0 text-muted-foreground transition-transform ${open ? "rotate-180" : ""}` })
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fayz-glass-surface absolute bottom-full left-0 right-0 z-50 mb-1 max-h-56 overflow-auto rounded-lg border bg-popover py-1 shadow-lg", children: options.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "px-3 py-4 text-center text-xs text-muted-foreground", children: emptyLabel }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      value != null && /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          onClick: () => {
+            onChange(void 0);
+            setOpen(false);
+          },
+          className: "flex w-full items-center gap-2 px-3 py-2.5 text-left text-xs text-muted-foreground hover:bg-muted/50",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-3.5 w-3.5" }),
+            " ",
+            emptyLabel
+          ]
+        }
+      ),
+      options.map((o) => /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          onClick: () => {
+            onChange(o.id);
+            setOpen(false);
+          },
+          className: `flex w-full items-center gap-2 px-3 py-2.5 text-left text-sm hover:bg-muted/50 ${o.id === value ? "bg-muted/30" : ""}`,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 truncate", children: o.name }),
+            o.hint && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-muted-foreground", children: o.hint }),
+            o.id === value && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-3.5 w-3.5 text-primary" })
+          ]
+        },
+        o.id
+      ))
+    ] }) })
+  ] });
+}
+function TogglePill({ icon: Icon, label, checked, onChange, accent }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "button",
+    {
+      type: "button",
+      onClick: () => onChange(!checked),
+      className: `flex items-center gap-2 rounded-full border px-3 py-2 text-xs font-medium transition-colors ${checked ? `border-transparent ${accent ?? "bg-primary text-primary-foreground"}` : "border-input bg-card text-muted-foreground hover:bg-muted/40"}`,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-3.5 w-3.5" }),
+        label
+      ]
+    }
+  );
+}
+function QuickTransactionForm({ open, onOpenChange, defaultType = "expense", defaultAccountId, focusReceipt = false }) {
+  const t2 = core.useTranslation();
+  const { currency } = useFinancialConfig();
+  const provider = useFinancialProvider();
+  const createQuickTransaction = useFinancialStore((s) => s.createQuickTransaction);
+  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(() => {
+    if (!open) return;
+    setType(defaultType);
+    setAmount(0);
+    setAmountStr("");
+    setPaid(true);
+    setDate((/* @__PURE__ */ new Date()).toISOString().slice(0, 10));
+    setDescription("");
+    setCategoryId(void 0);
+    setAccountId(defaultAccountId);
+    setToAccountId(void 0);
+    setRecurring(false);
+    setReceiptUrl(void 0);
+  }, [open, defaultType, defaultAccountId]);
+  React17.useEffect(() => {
+    if (open && focusReceipt) {
+      const id = window.setTimeout(() => fileInputRef.current?.click(), 250);
+      return () => window.clearTimeout(id);
+    }
+  }, [open, focusReceipt]);
+  function onPickReceipt(e) {
+    const file = e.target.files?.[0];
+    e.target.value = "";
+    if (!file) return;
+    if (!file.type.startsWith("image/")) {
+      ui.toast.error(t2("financial.quickTx.receiptInvalid"));
+      return;
+    }
+    const reader = new FileReader();
+    reader.onload = () => {
+      setReceiptUrl(typeof reader.result === "string" ? reader.result : void 0);
+    };
+    reader.onerror = () => ui.toast.error(t2("financial.quickTx.receiptInvalid"));
+    reader.readAsDataURL(file);
+  }
+  React17.useEffect(() => {
+    if (!open) return;
+    let cancelled = false;
+    void (async () => {
+      const [accs, coa] = await Promise.all([
+        provider.getBankAccounts(),
+        provider.getChartOfAccounts().catch(() => [])
+      ]);
+      if (cancelled) return;
+      setAccounts(accs);
+      setCategories(coa);
+      setAccountId((prev) => prev ?? accs[0]?.id);
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [open, provider]);
+  const theme = typeTheme(type);
+  const HeaderIcon = theme.icon;
+  const accountOptions = React17.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(
+    () => categories.filter((c) => c.isActive).map((c) => ({ id: c.id, name: c.name, hint: c.code })),
+    [categories]
+  );
+  function onAmountChange(raw) {
+    const cleaned = raw.replace(/[^\d.,]/g, "").replace(",", ".");
+    setAmountStr(raw.replace(/[^\d.,]/g, ""));
+    const n = Number.parseFloat(cleaned);
+    setAmount(Number.isFinite(n) ? n : 0);
+  }
+  const canSave = amount > 0 && !saving && (type === "transfer" ? !!accountId && !!toAccountId && accountId !== toAccountId : true);
+  async function handleSave() {
+    if (!canSave) {
+      if (type === "transfer" && accountId && accountId === toAccountId) {
+        ui.toast.error(t2("financial.transfer.sameAccount"));
+      }
+      return;
+    }
+    setSaving(true);
+    try {
+      await createQuickTransaction({
+        type,
+        amount,
+        date,
+        paid: type === "transfer" ? true : paid,
+        description: description || void 0,
+        categoryId: type === "transfer" ? void 0 : categoryId,
+        bankAccountId: accountId,
+        toAccountId: type === "transfer" ? toAccountId : void 0,
+        recurring: type === "transfer" ? false : recurring,
+        receiptUrl: type === "transfer" ? void 0 : receiptUrl
+      });
+      onOpenChange(false);
+    } catch {
+    } finally {
+      setSaving(false);
+    }
+  }
+  const TYPES = [
+    { id: "expense", label: t2("financial.quickTx.expense") },
+    { id: "income", label: t2("financial.quickTx.income") },
+    { id: "transfer", label: t2("financial.quickTx.transfer") }
+  ];
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.Modal, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.ModalContent, { size: "md", noPadding: true, hideClose: true, className: "overflow-hidden", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${theme.header} shrink-0 px-5 pb-5 pt-5`, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(HeaderIcon, { className: "h-5 w-5" }),
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-sm font-semibold", children: t2("financial.quickTx.title") })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick: () => onOpenChange(false),
+            className: "flex h-7 w-7 items-center justify-center rounded-full opacity-80 transition-colors hover:bg-black/10 hover:opacity-100",
+            "aria-label": t2("financial.quickTx.close"),
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4" })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 flex gap-1 rounded-full bg-black/15 p-1", children: TYPES.map((ty) => /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          onClick: () => setType(ty.id),
+          className: `flex-1 rounded-full px-2 py-1.5 text-xs font-medium transition-colors ${type === ty.id ? "bg-white/90 text-foreground shadow-sm" : "opacity-90 hover:bg-white/10"}`,
+          children: ty.label
+        },
+        ty.id
+      )) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-5 flex items-baseline justify-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xl font-medium opacity-90", children: currency.symbol }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "text",
+            inputMode: "decimal",
+            autoFocus: true,
+            value: amountStr,
+            onChange: (e) => onAmountChange(e.target.value),
+            onKeyDown: (e) => {
+              if (e.key === "Enter") void handleSave();
+            },
+            placeholder: "0,00",
+            className: "w-full max-w-[220px] bg-transparent text-center text-4xl font-bold tracking-tight outline-none placeholder:opacity-40"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 space-y-4 overflow-y-auto px-5 py-5", children: [
+      type !== "transfer" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between rounded-input border border-input bg-card px-3 py-2.5 shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)]", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium", children: type === "income" ? t2("financial.quickTx.received") : t2("financial.quickTx.paid") }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              onClick: () => setPaid(true),
+              className: `rounded-full px-3 py-1 text-xs font-medium transition-colors ${paid ? "bg-success text-success-foreground" : "bg-muted text-muted-foreground"}`,
+              children: t2("financial.quickTx.yes")
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              onClick: () => setPaid(false),
+              className: `rounded-full px-3 py-1 text-xs font-medium transition-colors ${!paid ? "bg-warning text-warning-foreground" : "bg-muted text-muted-foreground"}`,
+              children: t2("financial.quickTx.no")
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "mb-1 flex items-center gap-1.5 text-xs font-medium text-muted-foreground", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CalendarDays, { className: "h-3.5 w-3.5" }),
+          " ",
+          t2("financial.invoiceForm.date")
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.DatePicker, { value: date, onChange: setDate })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-muted-foreground", children: t2("financial.invoiceForm.description") }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "text",
+            value: description,
+            onChange: (e) => setDescription(e.target.value),
+            onKeyDown: (e) => {
+              if (e.key === "Enter") void handleSave();
+            },
+            placeholder: t2("financial.quickTx.descriptionPlaceholder"),
+            className: "mt-1 w-full rounded-input border border-input bg-card px-3 py-2.5 text-sm shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] outline-none focus:ring-2 focus:ring-ring"
+          }
+        )
+      ] }),
+      type !== "transfer" && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "mb-1 flex items-center gap-1.5 text-xs font-medium text-muted-foreground", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Paperclip, { className: "h-3.5 w-3.5" }),
+          " ",
+          t2("financial.quickTx.receipt")
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            ref: fileInputRef,
+            type: "file",
+            accept: "image/*",
+            capture: "environment",
+            className: "hidden",
+            onChange: onPickReceipt
+          }
+        ),
+        receiptUrl ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 rounded-input border border-input bg-card p-2 shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)]", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "img",
+            {
+              src: receiptUrl,
+              alt: t2("financial.quickTx.receipt"),
+              className: "h-16 w-16 shrink-0 rounded-md border object-cover"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate text-sm font-medium", children: t2("financial.quickTx.receiptAttached") }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => fileInputRef.current?.click(),
+                className: "text-xs text-primary hover:underline",
+                children: t2("financial.quickTx.receiptReplace")
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => setReceiptUrl(void 0),
+              "aria-label": t2("financial.quickTx.receiptRemove"),
+              className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-full text-muted-foreground transition-colors hover:bg-muted",
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4" })
+            }
+          )
+        ] }) : /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => fileInputRef.current?.click(),
+            className: `flex w-full items-center justify-center gap-2 rounded-input border border-dashed px-3 py-3 text-sm font-medium transition-colors hover:bg-muted/30 ${focusReceipt ? "border-primary text-primary ring-1 ring-primary/30" : "border-input text-muted-foreground"}`,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Camera, { className: "h-4 w-4" }),
+              " ",
+              t2("financial.quickTx.receiptCapture")
+            ]
+          }
+        )
+      ] }),
+      type === "transfer" ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ChipSelect,
+          {
+            icon: lucideReact.Wallet,
+            label: t2("financial.quickTx.fromAccount"),
+            value: accountId,
+            options: accountOptions,
+            onChange: setAccountId,
+            emptyLabel: t2("financial.quickTx.selectAccount")
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ChipSelect,
+          {
+            icon: lucideReact.Wallet,
+            label: t2("financial.quickTx.toAccount"),
+            value: toAccountId,
+            options: accountOptions.filter((o) => o.id !== accountId),
+            onChange: setToAccountId,
+            emptyLabel: t2("financial.quickTx.selectAccount")
+          }
+        )
+      ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ChipSelect,
+          {
+            icon: lucideReact.Tag,
+            label: t2("financial.quickTx.category"),
+            value: categoryId,
+            options: categoryOptions,
+            onChange: setCategoryId,
+            emptyLabel: t2("financial.quickTx.selectCategory")
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ChipSelect,
+          {
+            icon: lucideReact.Wallet,
+            label: t2("financial.quickTx.account"),
+            value: accountId,
+            options: accountOptions,
+            onChange: setAccountId,
+            emptyLabel: t2("financial.quickTx.selectAccount")
+          }
+        )
+      ] }),
+      type !== "transfer" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          TogglePill,
+          {
+            icon: lucideReact.Repeat,
+            label: t2("financial.quickTx.recurring"),
+            checked: recurring,
+            onChange: setRecurring
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => fileInputRef.current?.click(),
+            title: t2("financial.quickTx.attachment"),
+            className: `flex items-center gap-2 rounded-full border px-3 py-2 text-xs font-medium transition-colors ${receiptUrl ? "border-transparent bg-primary text-primary-foreground" : "border-input bg-card text-muted-foreground hover:bg-muted/40"}`,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Paperclip, { className: "h-3.5 w-3.5" }),
+              " ",
+              t2("financial.quickTx.attachment"),
+              receiptUrl && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-3.5 w-3.5" })
+            ]
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex shrink-0 items-center gap-3 border-t px-5 py-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: amount > 0 ? saas.formatCurrency(amount, currency) : t2("financial.quickTx.enterAmount") }),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        ui.Button,
+        {
+          className: "ml-auto",
+          onClick: () => void handleSave(),
+          disabled: !canSave,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-4 w-4" }),
+            saving ? t2("financial.quickTx.saving") : t2("financial.quickTx.save")
+          ]
+        }
+      )
+    ] })
+  ] }) });
+}
+var pending = null;
+var listeners = /* @__PURE__ */ new Set();
+function emit() {
+  for (const l of listeners) l();
+}
+function openQuickAdd(type = "expense", receipt = false) {
+  pending = { type, receipt };
+  emit();
+}
+function consumeQuickAdd() {
+  const req = pending;
+  pending = null;
+  return req;
+}
+function subscribe(cb) {
+  listeners.add(cb);
+  return () => {
+    listeners.delete(cb);
+  };
+}
+function getSnapshot() {
+  return pending;
+}
+function usePendingQuickAdd() {
+  return React17__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 },
@@ -41,7 +678,7 @@ function StatusBadge({ status }) {
 }
 function useInvoiceColumns(currency) {
   const t2 = core.useTranslation();
-  return React14.useMemo(() => [
+  return React17.useMemo(() => [
     {
       accessorKey: "fiscalNumber",
       header: "#",
@@ -93,27 +730,49 @@ function useInvoiceColumns(currency) {
 function InvoiceListView({ direction, onNew, onEdit }) {
   const t2 = core.useTranslation();
   const { currency } = useFinancialConfig();
+  const provider = useFinancialProvider();
   const invoices = useFinancialStore((s) => s.invoices);
   useFinancialStore((s) => s.invoicesTotal);
   const invoicesLoading = useFinancialStore((s) => s.invoicesLoading);
   const fetchInvoices = useFinancialStore((s) => s.fetchInvoices);
-  const [search, setSearch] = React14.useState("");
-  const [statusFilter, setStatusFilter] = React14.useState([]);
-  React14.useEffect(() => {
+  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([]);
+  React17.useEffect(() => {
+    let active = true;
+    Promise.all([provider.getChartOfAccounts(), provider.getCostCenters()]).then(([accountRows, costCenterRows]) => {
+      if (!active) return;
+      setAccounts(accountRows.filter((account) => account.nodeType === "leaf"));
+      setCostCenters(costCenterRows);
+    }).catch(() => {
+      if (!active) return;
+      setAccounts([]);
+      setCostCenters([]);
+    });
+    return () => {
+      active = false;
+    };
+  }, [provider]);
+  React17.useEffect(() => {
     fetchInvoices({
       direction,
       status: statusFilter.length > 0 ? statusFilter : void 0,
-      search: search || void 0
+      search: search || void 0,
+      accountId: accountId || void 0,
+      costCenterId: costCenterId || void 0
     });
-  }, [direction, statusFilter, search]);
+  }, [direction, statusFilter, search, accountId, costCenterId]);
   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 = React14.useMemo(
+  const tags = React17.useMemo(
     () => STATUS_OPTIONS.filter((o) => o.value !== "cancelled").map((o) => ({ value: o.value, label: t2(o.labelKey) })),
     [t2]
   );
-  const summary = React14.useMemo(() => {
+  const summary = React17.useMemo(() => {
     let totalAmount = 0;
     let paidAmount = 0;
     let openAmount = 0;
@@ -135,6 +794,46 @@ function InvoiceListView({ direction, onNew, onEdit }) {
         subtitle: t2("financial.invoice.invoices", { count: filtered.length })
       }
     ),
+    (accounts.length > 0 || costCenters.length > 0) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-end gap-3 rounded-lg border bg-muted/20 px-4 py-3", children: [
+      accounts.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex min-w-[220px] flex-col gap-1 text-xs font-medium text-muted-foreground", children: [
+        t2("financial.invoice.filterAccount"),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "select",
+          {
+            className: "h-9 rounded-md border bg-background px-3 text-sm text-foreground",
+            value: accountId,
+            onChange: (event) => setAccountId(event.target.value),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", children: t2("financial.invoice.filterAllAccounts") }),
+              accounts.map((account) => /* @__PURE__ */ jsxRuntime.jsxs("option", { value: account.id, children: [
+                account.code,
+                " - ",
+                account.name
+              ] }, account.id))
+            ]
+          }
+        )
+      ] }),
+      costCenters.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex min-w-[220px] flex-col gap-1 text-xs font-medium text-muted-foreground", children: [
+        t2("financial.invoice.filterCostCenter"),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "select",
+          {
+            className: "h-9 rounded-md border bg-background px-3 text-sm text-foreground",
+            value: costCenterId,
+            onChange: (event) => setCostCenterId(event.target.value),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", children: t2("financial.invoice.filterAllCostCenters") }),
+              costCenters.map((costCenter) => /* @__PURE__ */ jsxRuntime.jsxs("option", { value: costCenter.id, children: [
+                costCenter.code,
+                " - ",
+                costCenter.name
+              ] }, costCenter.id))
+            ]
+          }
+        )
+      ] })
+    ] }),
     /* @__PURE__ */ jsxRuntime.jsx(
       ui.ListView,
       {
@@ -177,10 +876,10 @@ function InvoiceListView({ direction, onNew, onEdit }) {
 }
 function LocationSelector({ locations, value, onChange }) {
   const t2 = core.useTranslation();
-  const [open, setOpen] = React14.useState(false);
-  const [search, setSearch] = React14.useState("");
-  const ref = React14.useRef(null);
-  React14.useEffect(() => {
+  const [open, setOpen] = React17.useState(false);
+  const [search, setSearch] = React17.useState("");
+  const ref = React17.useRef(null);
+  React17.useEffect(() => {
     function handler(e) {
       if (ref.current && !ref.current.contains(e.target)) setOpen(false);
     }
@@ -260,7 +959,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] = React14.useState(hasAdjustments);
+  const [showAdjustments, setShowAdjustments] = React17.useState(hasAdjustments);
   function handleFieldKeyDown(e) {
     if (e.key === "Enter" && !e.shiftKey) {
       e.preventDefault();
@@ -496,25 +1195,25 @@ function InvoiceFormView({ direction, editId, onSaved }) {
   const createInvoice = useFinancialStore((s) => s.createInvoice);
   const hasLocations = locations.length > 0;
   const isEdit = !!editId;
-  const [loaded, setLoaded] = React14.useState(!editId);
-  const [loading, setLoading] = React14.useState(!!editId);
-  const [contactName, setContactName] = React14.useState("");
-  const [contactId, setContactId] = React14.useState();
-  const [unitId, setUnitId] = React14.useState(locations[0]?.id ?? "");
-  const [invoiceDate, setInvoiceDate] = React14.useState((/* @__PURE__ */ new Date()).toISOString().slice(0, 10));
-  const [fiscalNumber, setFiscalNumber] = React14.useState("");
-  const [observations, setObservations] = React14.useState("");
-  const [items, setItems] = React14.useState([]);
-  const [expandedItemId, setExpandedItemId] = React14.useState(null);
-  const [addingItem, setAddingItem] = React14.useState(false);
-  const [installments, setInstallments] = React14.useState([]);
-  const [saving, setSaving] = React14.useState(false);
-  const [menuOpen, setMenuOpen] = React14.useState(false);
-  const [confirmCancel, setConfirmCancel] = React14.useState(false);
-  const [cancelling, setCancelling] = React14.useState(false);
-  const menuRef = React14.useRef(null);
+  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 cancelInvoice = useFinancialStore((s) => s.cancelInvoice);
-  React14.useEffect(() => {
+  React17.useEffect(() => {
     if (!menuOpen) return;
     function handleClick(e) {
       if (menuRef.current && !menuRef.current.contains(e.target)) setMenuOpen(false);
@@ -533,7 +1232,7 @@ function InvoiceFormView({ direction, editId, onSaved }) {
       setCancelling(false);
     }
   }
-  React14.useEffect(() => {
+  React17.useEffect(() => {
     if (!editId || loaded) return;
     setLoading(true);
     (async () => {
@@ -570,8 +1269,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 = React14.useRef(items.length);
-  React14.useEffect(() => {
+  const prevItemCount = React17.useRef(items.length);
+  React17.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) {
@@ -580,7 +1279,7 @@ function InvoiceFormView({ direction, editId, onSaved }) {
     }
     prevItemCount.current = items.length;
   }, [items.length]);
-  React14.useEffect(() => {
+  React17.useEffect(() => {
     if (installments.length > 0 && totalAmount > 0 && !isEdit) {
       const count = installments.length;
       const perInstallment = Math.floor(totalAmount * 100 / count) / 100;
@@ -692,8 +1391,8 @@ function InvoiceFormView({ direction, editId, onSaved }) {
     items: items.map(({ _id, ...rest }) => rest),
     installments: installments.map(({ _id, ...rest }) => rest)
   };
-  const snapshot = React14.useRef(null);
-  React14.useEffect(() => {
+  const snapshot = React17.useRef(null);
+  React17.useEffect(() => {
     if (loaded && snapshot.current === null) snapshot.current = JSON.stringify(fields);
   }, [loaded]);
   const dirty = snapshot.current !== null && JSON.stringify(fields) !== snapshot.current;
@@ -1003,40 +1702,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] = React14.useState(remaining);
-  const [paymentDate, setPaymentDate] = React14.useState((/* @__PURE__ */ new Date()).toISOString().slice(0, 10));
-  const [selectedTypeId, setSelectedTypeId] = React14.useState("");
-  const [paymentMethodId, setPaymentMethodId] = React14.useState("");
-  const [bankAccountId, setBankAccountId] = React14.useState("");
-  const [cardBrand, setCardBrand] = React14.useState("");
-  const [cardInstallments, setCardInstallments] = React14.useState(1);
-  const [notes, setNotes] = React14.useState("");
-  const [saving, setSaving] = React14.useState(false);
-  const [visible, setVisible] = React14.useState(false);
-  const [expandMethodPicker, setExpandMethodPicker] = React14.useState(true);
-  React14.useEffect(() => {
+  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(() => {
     fetchBankAccounts();
     fetchPaymentMethods();
     requestAnimationFrame(() => setVisible(true));
   }, []);
-  const selectedType = React14.useMemo(
+  const selectedType = React17.useMemo(
     () => paymentMethodTypes.find((tp) => tp.id === selectedTypeId),
     [paymentMethodTypes, selectedTypeId]
   );
   const txType = selectedType?.transactionType ?? "";
-  const filteredMethods = React14.useMemo(
+  const filteredMethods = React17.useMemo(
     () => paymentMethods.filter((m) => m.paymentMethodTypeId === selectedTypeId),
     [paymentMethods, selectedTypeId]
   );
   const needsCard = txType === "credit_card" || txType === "debit_card";
   const needsCardInstallments = txType === "credit_card";
-  const eligibleAccounts = React14.useMemo(() => {
+  const eligibleAccounts = React17.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]);
-  React14.useEffect(() => {
+  React17.useEffect(() => {
     if (selectedTypeId && !bankAccountId && eligibleAccounts.length) {
       setBankAccountId(eligibleAccounts[0].id);
     }
@@ -1280,19 +1979,19 @@ 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] = React14.useState(false);
-  const [detailsLoading, setDetailsLoading] = React14.useState(false);
-  const [invoice, setInvoice] = React14.useState(null);
-  const [items, setItems] = React14.useState([]);
-  const [movements, setMovements] = React14.useState([]);
-  const [payments, setPayments] = React14.useState([]);
-  const [loading, setLoading] = React14.useState(true);
-  const [payingMovement, setPayingMovement] = React14.useState(null);
-  const [expandedMovId, setExpandedMovId] = React14.useState(null);
-  const [menuOpen, setMenuOpen] = React14.useState(false);
-  const [confirmCancel, setConfirmCancel] = React14.useState(false);
-  const [cancelling, setCancelling] = React14.useState(false);
-  const menuRef = React14.useRef(null);
+  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 cancelInvoice = useFinancialStore((s) => s.cancelInvoice);
   async function loadData() {
     setLoading(true);
@@ -1311,10 +2010,10 @@ function InvoiceDetailView({ invoiceId, direction, onBack, onEdit, backLabel })
     );
     setLoading(false);
   }
-  React14.useEffect(() => {
+  React17.useEffect(() => {
     loadData();
   }, [invoiceId]);
-  React14.useEffect(() => {
+  React17.useEffect(() => {
     if (!menuOpen) return;
     function handleClick(e) {
       if (menuRef.current && !menuRef.current.contains(e.target)) setMenuOpen(false);
@@ -1915,16 +2614,16 @@ function CashOpeningPanel({
   currency,
   onOpen
 }) {
-  const [selectedAccountId, setSelectedAccountId] = React14.useState(cashAccounts[0]?.id ?? "");
-  const [mode, setMode] = React14.useState("quick");
-  const [quickBalance, setQuickBalance] = React14.useState(0);
-  const [counts, setCounts] = React14.useState({});
-  const [notes, setNotes] = React14.useState("");
-  const [showNotes, setShowNotes] = React14.useState(false);
-  const [confirming, setConfirming] = React14.useState(false);
-  const [submitting, setSubmitting] = React14.useState(false);
+  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 t2 = core.useTranslation();
-  const countedTotal = React14.useMemo(() => {
+  const countedTotal = React17.useMemo(() => {
     return BRL_DENOMINATIONS.reduce((sum, d) => sum + (counts[d.value] ?? 0) * d.value, 0);
   }, [counts]);
   const effectiveBalance = mode === "count" ? countedTotal : quickBalance;
@@ -2100,13 +2799,13 @@ function CashClosingPanel({
   currency,
   onClose
 }) {
-  const [mode, setMode] = React14.useState("quick");
-  const [quickBalance, setQuickBalance] = React14.useState(0);
-  const [counts, setCounts] = React14.useState({});
-  const [notes, setNotes] = React14.useState("");
-  const [submitting, setSubmitting] = React14.useState(false);
+  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 t2 = core.useTranslation();
-  const countedTotal = React14.useMemo(() => {
+  const countedTotal = React17.useMemo(() => {
     return BRL_DENOMINATIONS.reduce((sum, d) => sum + (counts[d.value] ?? 0) * d.value, 0);
   }, [counts]);
   const effectiveBalance = mode === "count" ? countedTotal : quickBalance;
@@ -2211,8 +2910,8 @@ function CashRegistersView() {
   const fetchCashSessions = useFinancialStore((s) => s.fetchCashSessions);
   const openCashSession = useFinancialStore((s) => s.openCashSession);
   const closeCashSession = useFinancialStore((s) => s.closeCashSession);
-  const [expandedClosing, setExpandedClosing] = React14.useState(null);
-  React14.useEffect(() => {
+  const [expandedClosing, setExpandedClosing] = React17.useState(null);
+  React17.useEffect(() => {
     fetchBankAccounts();
     fetchCashSessions();
   }, []);
@@ -2316,7 +3015,7 @@ function OpenAnotherCollapsible({
   onOpen
 }) {
   const t2 = core.useTranslation();
-  const [expanded, setExpanded] = React14.useState(false);
+  const [expanded, setExpanded] = React17.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: [
@@ -2343,14 +3042,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] = React14.useState(defaultFromId ?? "");
-  const [toAccountId, setToAccountId] = React14.useState("");
-  const [amount, setAmount] = React14.useState(0);
-  const [date, setDate] = React14.useState((/* @__PURE__ */ new Date()).toISOString().slice(0, 10));
-  const [notes, setNotes] = React14.useState("");
-  const [saving, setSaving] = React14.useState(false);
-  const [visible, setVisible] = React14.useState(false);
-  React14.useEffect(() => {
+  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(() => {
     fetchBankAccounts();
     requestAnimationFrame(() => setVisible(true));
   }, []);
@@ -2493,19 +3192,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] = React14.useState("");
-  const [dateFrom, setDateFrom] = React14.useState(() => {
+  const [accountId, setAccountId] = React17.useState("");
+  const [dateFrom, setDateFrom] = React17.useState(() => {
     const d = /* @__PURE__ */ new Date();
     d.setMonth(d.getMonth() - 3);
     return d.toISOString().slice(0, 10);
   });
-  const [dateTo, setDateTo] = React14.useState(() => (/* @__PURE__ */ new Date()).toISOString().slice(0, 10));
-  const [showTransfer, setShowTransfer] = React14.useState(false);
-  React14.useEffect(() => {
+  const [dateTo, setDateTo] = React17.useState(() => (/* @__PURE__ */ new Date()).toISOString().slice(0, 10));
+  const [showTransfer, setShowTransfer] = React17.useState(false);
+  React17.useEffect(() => {
     fetchBankAccounts();
     fetchPaymentMethods();
   }, []);
-  const methodName = React14.useMemo(() => {
+  const methodName = React17.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) => {
@@ -2520,7 +3219,7 @@ function StatementsView({ onNavigate }) {
     const base = e.movement.direction === "credit" ? "receivables" : "payables";
     onNavigate(`${base}-detail:${e.movement.invoiceId}`);
   }
-  React14.useEffect(() => {
+  React17.useEffect(() => {
     if (accountId) {
       fetchStatement({
         bankAccountId: accountId === ALL ? void 0 : accountId,
@@ -2528,11 +3227,11 @@ function StatementsView({ onNavigate }) {
       });
     }
   }, [accountId, dateFrom, dateTo]);
-  React14.useEffect(() => {
+  React17.useEffect(() => {
     if (!accountId) setAccountId(ALL);
   }, []);
   const fmt = (n) => saas.formatCurrency(n, currency);
-  const columns = React14.useMemo(() => [
+  const columns = React17.useMemo(() => [
     {
       id: "date",
       header: t2("financial.statements.columnDate"),
@@ -2707,59 +3406,141 @@ function CommissionsView() {
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center rounded-lg border-2 border-dashed border-muted p-12", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: t2("financial.commissions.comingSoon") }) })
   ] });
 }
+function cardMath(acc) {
+  const limit = acc.creditLimit ?? 0;
+  const used = Math.max(0, -acc.currentBalance);
+  const available = Math.max(0, limit - used);
+  const pct = limit > 0 ? Math.min(100, used / limit * 100) : 0;
+  return { limit, used, available, pct };
+}
 function CardsView() {
   const t2 = core.useTranslation();
-  const { currency, labels } = useFinancialConfig();
-  const cardTransactions = useFinancialStore((s) => s.cardTransactions);
-  const cardsLoading = useFinancialStore((s) => s.cardsLoading);
-  const fetchCardTransactions = useFinancialStore((s) => s.fetchCardTransactions);
-  React14.useEffect(() => {
-    fetchCardTransactions();
+  const { currency } = useFinancialConfig();
+  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(() => {
+    fetchBankAccounts();
   }, []);
-  const byBrand = {};
-  for (const tx of cardTransactions) {
-    const brand = tx.cardBrand || "Other";
-    if (!byBrand[brand]) byBrand[brand] = [];
-    byBrand[brand].push(tx);
+  const cards = React17.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 visibleCards = tab === "open" ? openCards : closedCards;
+  const summary = React17.useMemo(() => {
+    let totalAvailable = 0;
+    let totalBills = 0;
+    for (const c of openCards) {
+      const { available, used } = cardMath(c);
+      totalAvailable += available;
+      totalBills += used;
+    }
+    return { totalAvailable, totalBills };
+  }, [openCards]);
+  function openAddExpense(cardId) {
+    setAddCardId(cardId);
+    setAddOpen(true);
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(ui.SubpageHeader, { title: t2("financial.cards.title"), subtitle: t2("financial.cards.subtitle") }),
-    cardsLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center py-12 text-sm text-muted-foreground", children: "Loading..." }) : cardTransactions.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center py-12 text-center rounded-lg border-2 border-dashed border-muted", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-10 w-10 items-center justify-center rounded-lg bg-indigo-50 dark:bg-indigo-500/20 mb-2", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CreditCard, { className: "h-5 w-5 text-indigo-500" }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: t2("financial.cards.noTransactions") }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground mt-0.5", children: t2("financial.cards.transactionsAppear") })
-    ] }) : Object.entries(byBrand).map(([brand, txs]) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border bg-card shadow-sm", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 px-4 py-3 border-b", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CreditCard, { className: "h-4 w-4 text-indigo-500" }),
-        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold", children: brand }),
-        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-muted-foreground", children: [
-          "(",
-          txs.length,
-          " transactions)"
+    bankAccountsLoading && cards.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center py-12 text-sm text-muted-foreground", children: "Loading..." }) : cards.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center py-12 text-center rounded-2xl border-2 border-dashed border-muted", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-xl bg-gradient-to-br from-amber-300 to-yellow-600 mb-3 text-white shadow-sm", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CreditCard, { className: "h-6 w-6" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium", children: t2("financial.cards.noCards") }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground mt-0.5 max-w-xs", children: t2("financial.cards.noCardsHint") })
+    ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-px overflow-hidden rounded-2xl border bg-border shadow-sm", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-card px-4 py-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: t2("financial.cards.availableLimit") }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 text-lg font-bold tabular-nums text-success", children: saas.formatCurrency(summary.totalAvailable, currency) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-card px-4 py-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: t2("financial.cards.allBillsValue") }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 text-lg font-bold tabular-nums", children: saas.formatCurrency(summary.totalBills, currency) })
         ] })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "divide-y", children: txs.map((tx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-4 py-3 flex items-center justify-between", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm font-medium", children: [
-            "Installment ",
-            tx.currentInstallment,
-            "/",
-            tx.installmentCount
+      closedCards.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-1 rounded-full bg-muted p-1 w-full max-w-xs", children: ["open", "closed"].map((k) => /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          onClick: () => setTab(k),
+          className: `flex-1 rounded-full px-3 py-1.5 text-xs font-medium transition-colors ${tab === k ? "bg-card text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"}`,
+          children: k === "open" ? t2("financial.cards.tabOpen") : t2("financial.cards.tabClosed")
+        },
+        k
+      )) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3", children: visibleCards.map((card) => {
+        const { limit, used, available, pct } = cardMath(card);
+        const over = pct >= 90;
+        const brand = `${card.bankName ?? ""} ${card.name ?? ""}`.toLowerCase();
+        const headerGrad = brand.includes("nubank") || brand.includes("nu ") ? "from-purple-500 via-purple-600 to-indigo-700" : brand.includes("ita") ? "from-orange-400 via-orange-500 to-amber-600" : brand.includes("inter") ? "from-orange-500 via-orange-600 to-orange-700" : "from-indigo-500 via-indigo-600 to-violet-700";
+        const barGrad = brand.includes("nubank") || brand.includes("nu ") ? "from-purple-500 to-indigo-600" : brand.includes("ita") ? "from-orange-400 to-amber-500" : brand.includes("inter") ? "from-orange-500 to-orange-600" : "from-indigo-500 to-violet-600";
+        return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "overflow-hidden rounded-2xl border bg-card shadow-sm", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `bg-gradient-to-br ${headerGrad} px-4 py-4 text-white`, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CreditCard, { className: "h-5 w-5" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-semibold", children: card.name })
+              ] }),
+              card.bankName && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[11px] font-medium uppercase tracking-wide opacity-80", children: card.bankName })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-4", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[11px] uppercase tracking-wide opacity-80", children: t2("financial.cards.currentBill") }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-2xl font-bold tabular-nums leading-tight", children: saas.formatCurrency(used, currency) })
+            ] })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-muted-foreground", children: [
-            "Due: ",
-            tx.expectedDate
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3 px-4 py-3", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between text-[11px] text-muted-foreground", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: t2("financial.cards.usedOfLimit", { percent: String(Math.round(pct)) }) }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tabular-nums", children: saas.formatCurrency(limit, currency) })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 h-2 overflow-hidden rounded-full bg-muted", children: /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  className: `h-full rounded-full ${over ? "bg-destructive" : `bg-gradient-to-r ${barGrad}`}`,
+                  style: { width: `${pct}%` }
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[11px] text-muted-foreground", children: t2("financial.cards.availableLimit") }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-semibold tabular-nums", children: saas.formatCurrency(available, currency) })
+              ] }),
+              card.dueDay != null && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 text-right text-xs text-muted-foreground", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CalendarClock, { className: "h-3.5 w-3.5" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: t2("financial.cards.dueOn", { day: String(card.dueDay) }) })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: () => openAddExpense(card.id),
+                className: "flex w-full items-center justify-center gap-1.5 rounded-input border border-input bg-card px-3 py-2 text-xs font-medium text-foreground transition-colors hover:bg-muted/40",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "h-3.5 w-3.5" }),
+                  t2("financial.cards.addExpense")
+                ]
+              }
+            )
           ] })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium", children: saas.formatCurrency(tx.installmentAmount, currency) }),
-          tx.status === "received" ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1 rounded-full bg-success/15 px-2 py-0.5 text-[10px] font-medium text-success dark:bg-success/20", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-2.5 w-2.5" }),
-            " Received"
-          ] }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex items-center rounded-full bg-warning/15 px-2 py-0.5 text-[10px] font-medium text-warning dark:bg-warning/20", children: "Pending" })
-        ] })
-      ] }, tx.id)) })
-    ] }, brand))
+        ] }, card.id);
+      }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      QuickTransactionForm,
+      {
+        open: addOpen,
+        onOpenChange: setAddOpen,
+        defaultType: "expense",
+        defaultAccountId: addCardId
+      }
+    )
   ] });
 }
 function ReconciliationView() {
@@ -2767,14 +3548,14 @@ function ReconciliationView() {
   const { currency } = useFinancialConfig();
   const provider = useFinancialProvider();
   const fmt = (n) => saas.formatCurrency(n, currency);
-  const [lines, setLines] = React14.useState([]);
-  const [loading, setLoading] = React14.useState(true);
-  const [selectedId, setSelectedId] = React14.useState(null);
-  const [candidates, setCandidates] = React14.useState([]);
-  const [candidatesLoading, setCandidatesLoading] = React14.useState(false);
-  const [busy, setBusy] = React14.useState(false);
+  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 supported = typeof provider.getUnreconciled === "function";
-  const load = React14.useCallback(async () => {
+  const load = React17.useCallback(async () => {
     if (!provider.getUnreconciled) return;
     setLoading(true);
     try {
@@ -2785,10 +3566,10 @@ function ReconciliationView() {
       setLoading(false);
     }
   }, [provider]);
-  React14.useEffect(() => {
+  React17.useEffect(() => {
     void load();
   }, [load]);
-  React14.useEffect(() => {
+  React17.useEffect(() => {
     if (!selectedId || !provider.suggestReconciliation) {
       setCandidates([]);
       return;
@@ -2940,7 +3721,7 @@ var STEPS = [
 ];
 function FinancialOnboarding({ onComplete }) {
   const t2 = core.useTranslation();
-  const [step, setStep] = React14.useState(0);
+  const [step, setStep] = React17.useState(0);
   const current = STEPS[step];
   const isLast = step === STEPS.length - 1;
   const Icon = current.icon;
@@ -3085,18 +3866,47 @@ function FinancialPage({ config, provider, store, registries }) {
     cards: 0,
     settings: 1
   });
-  const [onboardingComplete, setOnboardingComplete] = React14.useState(() => {
+  const [onboardingComplete, setOnboardingComplete] = React17.useState(() => {
     try {
       return localStorage.getItem("saas-core:financial-onboarded") === "true";
     } catch {
       return false;
     }
   });
+  React17.useEffect(() => {
+    if (onboardingComplete) return;
+    let cancelled = false;
+    void provider.getMovements({ pageSize: 1 }).then((res) => {
+      if (!cancelled && res.total > 0) setOnboardingComplete(true);
+    }).catch(() => {
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [onboardingComplete, provider]);
   const t2 = core.useTranslation();
   const intent = parseIntent(view);
   const isSettings = view === "settings";
   const nav = buildNav(config, view, navigate, t2);
-  const quickActions = React14.useMemo(() => {
+  const [quickAddOpen, setQuickAddOpen] = React17.useState(false);
+  const [quickAddType, setQuickAddType] = React17.useState("expense");
+  const [quickAddReceipt, setQuickAddReceipt] = React17.useState(false);
+  const openQuickAdd2 = React17.useCallback((type = "expense") => {
+    setQuickAddType(type);
+    setQuickAddReceipt(false);
+    setQuickAddOpen(true);
+  }, []);
+  const pendingQuickAdd = usePendingQuickAdd();
+  React17.useEffect(() => {
+    if (!pendingQuickAdd) return;
+    const req = consumeQuickAdd();
+    if (!req) return;
+    setQuickAddType(req.type);
+    setQuickAddReceipt(req.receipt);
+    setQuickAddOpen(true);
+  }, [pendingQuickAdd]);
+  const quickActions = React17.useMemo(() => {
+    if (config.quickAdd) return [];
     const actions = [];
     if (config.modules.payables) {
       actions.push({
@@ -3126,7 +3936,7 @@ function FinancialPage({ config, provider, store, registries }) {
       });
     }
     return actions;
-  }, [config.modules]);
+  }, [config.modules, config.quickAdd]);
   function handleOnboardingComplete() {
     setOnboardingComplete(true);
     try {
@@ -3170,7 +3980,7 @@ function FinancialPage({ config, provider, store, registries }) {
         return /* @__PURE__ */ jsxRuntime.jsx(SummaryView, {});
     }
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(FinancialContextProvider, { config, provider, store, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(FinancialContextProvider, { config, provider, store, children: /* @__PURE__ */ jsxRuntime.jsxs(
     ui.ModulePage,
     {
       title: config.labels.pageTitle,
@@ -3179,21 +3989,50 @@ function FinancialPage({ config, provider, store, registries }) {
       showHeader: intent.view === "summary" || view === "summary",
       viewKey: view,
       direction,
-      headerAction: /* @__PURE__ */ jsxRuntime.jsx(
-        saas.ModuleActionBar,
-        {
-          quickActions,
-          settingsPath: registries && registries.length > 0 ? "/settings/financial" : void 0,
-          settingsLabel: t2("financial.settingsPage.title")
-        }
-      ),
-      children: renderView()
+      headerAction: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+        config.quickAdd && // One-primary-action rule (FAY-1247): quick-add is the single primary
+        // add affordance in B2C mode. The receipt entry point lives inside the
+        // sheet's "Fotografar ou anexar recibo" attachment step, so no separate
+        // "Enviar recibo" button is needed here.
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          ui.Button,
+          {
+            size: "sm",
+            className: "hidden md:inline-flex",
+            onClick: () => openQuickAdd2("expense"),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "h-4 w-4" }),
+              t2("financial.quickTx.newTransaction")
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          saas.ModuleActionBar,
+          {
+            quickActions,
+            settingsPath: registries && registries.length > 0 ? "/settings/financial" : void 0,
+            settingsLabel: t2("financial.settingsPage.title")
+          }
+        )
+      ] }),
+      children: [
+        renderView(),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          QuickTransactionForm,
+          {
+            open: quickAddOpen,
+            onOpenChange: setQuickAddOpen,
+            defaultType: quickAddType,
+            focusReceipt: quickAddReceipt
+          }
+        )
+      ]
     }
   ) });
 }
 function useEnsureSummary() {
   const fetchSummary = useFinancialStore((s) => s.fetchSummary);
-  React14.useEffect(() => {
+  React17.useEffect(() => {
     void fetchSummary();
   }, []);
 }
@@ -3317,7 +4156,7 @@ function RecentTransactions() {
   const { currency } = useFinancialConfig();
   const invoices = useFinancialStore((s) => s.invoices);
   const fetchInvoices = useFinancialStore((s) => s.fetchInvoices);
-  React14.useEffect(() => {
+  React17.useEffect(() => {
     void fetchInvoices({ pageSize: 5 });
   }, []);
   const columns = [
@@ -3334,6 +4173,202 @@ function RecentTransactions() {
   ];
   return /* @__PURE__ */ jsxRuntime.jsx(ui.TableWidget, { title: t2("financial.summary.recentTransactions"), icon: "CircleDollarSign", columns, data: invoices.slice(0, 5), emptyMessage: t2("financial.summary.noTransactions") });
 }
+function useDueLabel() {
+  const t2 = core.useTranslation();
+  return (dueDate) => {
+    const today2 = /* @__PURE__ */ new Date();
+    today2.setHours(0, 0, 0, 0);
+    const due = /* @__PURE__ */ new Date(`${dueDate}T00:00:00`);
+    const days = Math.round((due.getTime() - today2.getTime()) / 864e5);
+    if (days < 0) return t2("financial.home.overdueDays", { count: String(Math.abs(days)) });
+    if (days === 0) return t2("financial.home.dueToday");
+    if (days === 1) return t2("financial.home.dueTomorrow");
+    return t2("financial.home.dueInDays", { count: String(days) });
+  };
+}
+function BalanceHero() {
+  const t2 = core.useTranslation();
+  const { currency } = useFinancialConfig();
+  const summary = useFinancialStore((s) => s.summary);
+  const navigate = ui.useDashboardNavigate();
+  useEnsureSummary();
+  const [hidden, setHidden] = React17__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;
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.GoldCard, { branded: true, className: "px-5 py-4 text-center md:px-8 md:py-5", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium uppercase tracking-wide opacity-75", children: t2("financial.home.balance") }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-0.5 flex items-center justify-center gap-2.5", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-3xl font-bold tracking-tight tabular-nums md:text-4xl", children: money(summary?.totalBalance) }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => setHidden((h) => !h),
+          "aria-label": hidden ? t2("financial.home.showBalance") : t2("financial.home.hideBalance"),
+          className: "rounded-full p-1.5 text-primary-foreground/80 transition-colors hover:bg-white/10",
+          children: hidden ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.EyeOff, { className: "h-5 w-5" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Eye, { className: "h-5 w-5" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto mt-3 grid max-w-lg grid-cols-2 gap-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => navigate("/financial/receivables-list"),
+          "aria-label": t2("financial.home.inflow"),
+          className: "flex cursor-pointer items-center gap-2 rounded-2xl bg-white/10 px-3 py-2 text-left transition-colors hover:bg-white/20",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-emerald-500/90", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUpRight, { className: "h-4 w-4 text-white" }) }),
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block text-[11px] uppercase tracking-wide opacity-70", children: t2("financial.home.inflow") }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block truncate text-sm font-semibold tabular-nums", children: money(inflow) })
+            ] })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => navigate("/financial/payables-list"),
+          "aria-label": t2("financial.home.outflow"),
+          className: "flex cursor-pointer items-center gap-2 rounded-2xl bg-white/10 px-3 py-2 text-left transition-colors hover:bg-white/20",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-rose-500/90", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowDownRight, { className: "h-4 w-4 text-white" }) }),
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block text-[11px] uppercase tracking-wide opacity-70", children: t2("financial.home.outflow") }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block truncate text-sm font-semibold tabular-nums", children: money(outflow) })
+            ] })
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+var SPEND_CATEGORIES = [
+  { key: "subscriptions", keywords: ["netflix", "spotify", "prime video", "disney", "hbo", " max", "youtube", "apple", "assinatura", "subscription"] },
+  { key: "groceries", keywords: ["supermercado", "mercado", "padaria", "hortifruti", "feira", "a\xE7ougue", "grocery", "market"] },
+  { key: "transport", keywords: ["uber", "99", "taxi", "posto", "shell", "ipiranga", "combust\xEDvel", "gasolina", "metr\xF4", "\xF4nibus", "transport", "fuel"] },
+  { key: "dining", keywords: ["ifood", "rappi", "restaurante", "outback", "lanchonete", "pizzaria", "caf\xE9", "cafeteria", "mcdonald", "burger", "food"] },
+  { key: "home", keywords: ["aluguel", "condom\xEDnio", "luz", "enel", "\xE1gua", "sabesp", "internet", "vivo", "claro", "g\xE1s", "iptu", "rent", "utilit"] },
+  { key: "health", keywords: ["farm\xE1cia", "farmacia", "drogasil", "drogaria", "academia", "smartfit", "cl\xEDnica", "hospital", "m\xE9dico", "sa\xFAde", "gym", "fitness", "health", "pharmac"] },
+  { key: "leisure", keywords: ["cinema", "cinemark", "ingresso", "show", "teatro", "viagem", "hotel", "steam", "leisure"] },
+  { key: "shopping", keywords: ["amazon", "magalu", "shopee", "aliexpress", "loja", "shopping", "zara", "renner", "store"] }
+];
+function categorizeSpend(notes) {
+  const s = (notes ?? "").toLowerCase();
+  for (const c of SPEND_CATEGORIES) if (c.keywords.some((k) => s.includes(k))) return c.key;
+  return "other";
+}
+function SpendByCategoryChart() {
+  const t2 = core.useTranslation();
+  const provider = useFinancialProvider();
+  const [rows, setRows] = React17__namespace.default.useState([]);
+  React17.useEffect(() => {
+    let alive = true;
+    void (async () => {
+      const res = await provider.getMovements({ status: "paid", direction: "debit" });
+      if (!alive) return;
+      const totals = /* @__PURE__ */ new Map();
+      for (const m of res.data) {
+        if (m.movementKind === "transfer") continue;
+        const key = categorizeSpend(m.notes);
+        totals.set(key, (totals.get(key) ?? 0) + (m.paidAmount || m.amount));
+      }
+      setRows(
+        [...totals.entries()].sort((a, b) => b[1] - a[1]).map(([key, value]) => ({ name: t2(`financial.home.category.${key}`), value: Math.round(value * 100) / 100 }))
+      );
+    })();
+    return () => {
+      alive = false;
+    };
+  }, [provider]);
+  if (rows.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(ui.Card, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.CardHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.CardTitle, { children: t2("financial.home.spendByCategory") }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.CardContent, { className: "flex h-[200px] items-center justify-center text-sm text-muted-foreground", children: t2("financial.home.noSpend") })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ui.ChartWidget,
+    {
+      type: "pie",
+      title: t2("financial.home.spendByCategory"),
+      icon: "PieChart",
+      categoryKey: "name",
+      data: rows,
+      series: [{ dataKey: "value", label: t2("financial.home.spendByCategory") }]
+    }
+  );
+}
+function UpcomingBills() {
+  const t2 = core.useTranslation();
+  const { currency } = useFinancialConfig();
+  const provider = useFinancialProvider();
+  const dueLabel = useDueLabel();
+  const [bills, setBills] = React17__namespace.default.useState([]);
+  React17.useEffect(() => {
+    let alive = true;
+    void (async () => {
+      const pending2 = await provider.getMovements({ status: "pending" });
+      if (!alive) return;
+      setBills(
+        pending2.data.filter((m) => m.direction === "debit" && m.movementKind === "bill").sort((a, b) => a.dueDate.localeCompare(b.dueDate))
+      );
+    })();
+    return () => {
+      alive = false;
+    };
+  }, [provider]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.GoldCard, { className: "p-0 overflow-hidden", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-between px-4 pt-4", children: /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-sm font-semibold text-foreground", children: t2("financial.home.upcomingBills") }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3", children: bills.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 py-6 text-center text-xs text-muted-foreground", children: t2("financial.home.noBills") }) : bills.map((bill, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-4 py-3.5" + (i > 0 ? " border-t border-border" : ""), children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate text-sm font-medium text-foreground", children: bill.notes ?? t2("financial.home.bill") }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: dueLabel(bill.dueDate) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-sm font-semibold tabular-nums text-foreground", children: saas.formatCurrency(bill.amount - bill.paidAmount, currency) })
+    ] }, bill.id)) })
+  ] });
+}
+function CreditCards() {
+  const t2 = core.useTranslation();
+  const { currency } = useFinancialConfig();
+  const bankAccounts = useFinancialStore((s) => s.bankAccounts);
+  const fetchBankAccounts = useFinancialStore((s) => s.fetchBankAccounts);
+  React17.useEffect(() => {
+    void fetchBankAccounts();
+  }, []);
+  const cards = bankAccounts.filter((a) => a.accountType === "credit_card");
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.GoldCard, { className: "bg-transparent border-0 p-0 shadow-none", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "mb-3 text-sm font-semibold text-foreground", children: t2("financial.home.cards") }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
+      cards.map((card) => {
+        const fatura = Math.abs(Math.min(0, card.currentBalance));
+        const limite = Math.max(0, (card.creditLimit ?? 0) - fatura);
+        return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-2xl bg-gradient-to-br from-violet-600 to-indigo-700 p-4 text-white shadow-md", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-semibold", children: card.bankName ?? card.name }),
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CreditCard, { className: "h-5 w-5 opacity-80" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-6 text-[11px] uppercase tracking-wide opacity-70", children: t2("financial.home.currentBill") }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xl font-bold tabular-nums", children: saas.formatCurrency(fatura, currency) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "mt-2 text-[11px] opacity-70", children: [
+            t2("financial.home.availableLimit"),
+            " ",
+            saas.formatCurrency(limite, currency)
+          ] })
+        ] }, card.id);
+      }),
+      cards.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center rounded-2xl border border-dashed border-border py-6 text-sm font-medium text-muted-foreground", children: [
+        "+ ",
+        t2("financial.home.addCard")
+      ] }) : null
+    ] })
+  ] });
+}
 function createFinancialDashboardWidgets(ctx2) {
   const withCtx = (Inner) => {
     const Wrapped = () => /* @__PURE__ */ jsxRuntime.jsx(FinancialContextProvider, { config: ctx2.config, provider: ctx2.provider, store: ctx2.store, children: /* @__PURE__ */ jsxRuntime.jsx(Inner, {}) });
@@ -3350,7 +4385,19 @@ function createFinancialDashboardWidgets(ctx2) {
     ui.defineChartWidget({ id: "financial.chart.cash-flow", title: "financial.summary.cashFlow", domain: "financial", span: 2, defaultOrder: 10, surfaces: ["plugin-home"], component: withCtx(CashFlowChart) }),
     ui.defineCustomWidget({ id: "financial.panel.breakdown", title: "financial.summary.cashFlowBreakdown", domain: "financial", span: 1, defaultOrder: 11, surfaces: ["plugin-home"], component: withCtx(CashFlowBreakdown) }),
     ui.defineCustomWidget({ id: "financial.panel.overdue", title: "financial.summary.overdueTitle", domain: "financial", span: 1, defaultOrder: 12, surfaces: ["plugin-home"], component: withCtx(OverdueAlerts) }),
-    ui.defineTableWidget({ id: "financial.table.recent", title: "financial.summary.recentTransactions", domain: "financial", span: 4, defaultOrder: 20, surfaces: ["plugin-home"], component: withCtx(RecentTransactions) })
+    ui.defineTableWidget({ id: "financial.table.recent", title: "financial.summary.recentTransactions", domain: "financial", span: 4, defaultOrder: 20, surfaces: ["plugin-home"], component: withCtx(RecentTransactions) }),
+    // FINANCE-HOME surface (B2C phone-first dashboard) — a compact analytical
+    // layout: hero band → charts row (spend-by-category + cash-flow) → bills +
+    // cards. This is a dedicated consumer surface (norman-ai's money screen), NOT
+    // the universal B2B 'home': a full-bleed balance hero and credit-card tiles
+    // are personal-finance chrome that would leak into every app that merely
+    // enables plugin-financial (e.g. the beauty-saas Painel). Apps that want them
+    // opt in explicitly by rendering <DashboardCanvas surface="finance-home">.
+    ui.defineCustomWidget({ id: "financial.hero.balance", title: "financial.home.balance", domain: "financial", span: 4, defaultOrder: 0, surfaces: ["finance-home"], component: withCtx(BalanceHero) }),
+    ui.defineChartWidget({ id: "financial.chart.spend-by-category", title: "financial.home.spendByCategory", domain: "financial", span: 2, defaultOrder: 1, surfaces: ["finance-home"], component: withCtx(SpendByCategoryChart) }),
+    ui.defineChartWidget({ id: "financial.chart.cash-flow-home", title: "financial.summary.cashFlow", domain: "financial", span: 2, defaultOrder: 2, surfaces: ["finance-home"], component: withCtx(CashFlowChart) }),
+    ui.defineCustomWidget({ id: "financial.list.upcoming-bills", title: "financial.home.upcomingBills", domain: "financial", span: 2, defaultOrder: 3, surfaces: ["finance-home"], component: withCtx(UpcomingBills) }),
+    ui.defineCustomWidget({ id: "financial.cards", title: "financial.home.cards", domain: "financial", span: 2, defaultOrder: 4, surfaces: ["finance-home"], component: withCtx(CreditCards) })
   ];
 }
 
@@ -3383,9 +4430,10 @@ function paginate(items, page, pageSize) {
   const start = (p - 1) * ps;
   return { data: items.slice(start, start + ps), total: items.length };
 }
-function createStore(seedPaymentMethodTypes) {
+function createStore(options) {
   const tenantId = "mock-tenant";
-  const defaultPMTypes = ([
+  const seed = options?.seed;
+  const defaultPMTypes = (options?.paymentMethodTypes ?? [
     { name: "Cash", transactionType: "cash" },
     { name: "Credit Card", transactionType: "credit_card" },
     { name: "Debit Card", transactionType: "debit_card" },
@@ -3423,19 +4471,23 @@ function createStore(seedPaymentMethodTypes) {
     updatedAt: now()
   };
   return {
-    invoices: [],
-    invoiceItems: [],
-    movements: [],
-    bankAccounts: [cashAccount, bankAccount],
+    // Seeded data (when provided) makes the module render as if the user already
+    // has accounts + transactions — a populated Summary/Statements instead of the
+    // empty onboarding state. Seed arrays are copied so the caller's data is not mutated.
+    invoices: seed?.invoices ? [...seed.invoices] : [],
+    invoiceItems: seed?.invoiceItems ? [...seed.invoiceItems] : [],
+    movements: seed?.movements ? [...seed.movements] : [],
+    bankAccounts: seed?.bankAccounts ? [...seed.bankAccounts] : [cashAccount, bankAccount],
     cashSessions: [],
-    paymentMethods: [],
+    paymentMethods: seed?.paymentMethods ? [...seed.paymentMethods] : [],
     paymentMethodTypes: defaultPMTypes,
     chartOfAccounts: [],
+    costCenters: [],
     cardTransactions: []
   };
 }
 function createMockFinancialProvider(options) {
-  const store = createStore();
+  const store = createStore(options);
   const tenantId = "mock-tenant";
   function recalcInvoiceStatus(invoice) {
     if (invoice.paidAmount >= invoice.totalAmount) {
@@ -3456,6 +4508,14 @@ function createMockFinancialProvider(options) {
       if (query.direction) results = results.filter((i) => i.direction === query.direction);
       if (query.status) results = results.filter((i) => matchesStatus(i.status, query.status));
       if (query.contactId) results = results.filter((i) => i.contactId === query.contactId);
+      if (query.accountId) {
+        const invoiceIds = new Set(store.invoiceItems.filter((item) => item.accountId === query.accountId).map((item) => item.invoiceId));
+        results = results.filter((invoice) => invoiceIds.has(invoice.id));
+      }
+      if (query.costCenterId) {
+        const invoiceIds = new Set(store.invoiceItems.filter((item) => item.costCenterId === query.costCenterId).map((item) => item.invoiceId));
+        results = results.filter((invoice) => invoiceIds.has(invoice.id));
+      }
       if (query.dateRange) results = results.filter((i) => matchesDateRange(i.invoiceDate, query.dateRange));
       if (query.search) {
         const s = query.search.toLowerCase();
@@ -3778,6 +4838,9 @@ function createMockFinancialProvider(options) {
     async getChartOfAccounts() {
       return store.chartOfAccounts.filter((n) => n.isActive);
     },
+    async getCostCenters() {
+      return store.costCenters.filter((c) => c.isActive);
+    },
     // --- Card Transactions ---
     async getCardTransactions(dateRange) {
       let results = [...store.cardTransactions];
@@ -3865,7 +4928,9 @@ function createMockFinancialProvider(options) {
         (m) => m.direction === "debit" && m.movementKind === "bill" && ["pending", "partial"].includes(m.status)
       );
       const todayStr = today();
-      const monthStart = todayStr.slice(0, 7) + "-01";
+      const monthAgo = /* @__PURE__ */ new Date();
+      monthAgo.setDate(monthAgo.getDate() - 30);
+      const monthStart = monthAgo.toISOString().slice(0, 10);
       const monthEnd = todayStr;
       const monthMovements = store.movements.filter(
         (m) => m.movementKind === "payment" && matchesDateRange(m.paymentDate, dateRange ?? { from: monthStart, to: monthEnd })
@@ -4049,6 +5114,18 @@ async function fetchInvoiceBalances(pub, ids) {
 function round22(n) {
   return Math.round(n * 100) / 100;
 }
+async function findOrderIdsByItemMetadata(core, filters) {
+  if (!filters.accountId && !filters.costCenterId) return void 0;
+  let qb = core.from("order_items").select("order_id");
+  if (filters.accountId) qb = qb.filter("metadata->>accountId", "eq", filters.accountId);
+  if (filters.costCenterId) qb = qb.filter("metadata->>costCenterId", "eq", filters.costCenterId);
+  const { data } = await qb;
+  const ids = [];
+  for (const row of data ?? []) {
+    if (typeof row.order_id === "string" && row.order_id.length > 0) ids.push(row.order_id);
+  }
+  return Array.from(new Set(ids));
+}
 async function getMethodFeePct(pub, paymentMethodId) {
   if (!paymentMethodId) return 0;
   const { data } = await pub.from("payment_methods").select("discount_value").eq("id", paymentMethodId).single();
@@ -4076,6 +5153,14 @@ function createSupabaseFinancialProvider() {
         const statuses = Array.isArray(query.status) ? query.status : [query.status];
         qb = qb.in("status", statuses);
       }
+      const itemScopedOrderIds = await findOrderIdsByItemMetadata(core, {
+        accountId: query.accountId,
+        costCenterId: query.costCenterId
+      });
+      if (itemScopedOrderIds) {
+        if (itemScopedOrderIds.length === 0) return { data: [], total: 0 };
+        qb = qb.in("id", itemScopedOrderIds);
+      }
       if (query.contactId) qb = qb.eq("party_id", query.contactId);
       if (query.search) qb = qb.ilike("notes", `%${query.search}%`);
       if (query.dateRange) qb = qb.gte("created_at", query.dateRange.from).lte("created_at", query.dateRange.to);
@@ -4151,6 +5236,8 @@ function createSupabaseFinancialProvider() {
           discount: i.discount ?? 0,
           surcharge: 0,
           referenceId: i.productId ?? i.serviceId,
+          accountId: i.metadata?.accountId,
+          costCenterId: i.metadata?.costCenterId,
           createdAt: i.createdAt
         };
       });
@@ -4190,7 +5277,12 @@ function createSupabaseFinancialProvider() {
             discount: item.discount ?? 0,
             total: item.quantity * item.unitPrice - (item.discount ?? 0) + (item.surcharge ?? 0),
             sort_order: i,
-            metadata: { itemKind: item.itemKind, referenceId: item.referenceId }
+            metadata: {
+              itemKind: item.itemKind,
+              referenceId: item.referenceId,
+              accountId: item.accountId,
+              costCenterId: item.costCenterId
+            }
           }))
         );
       }
@@ -4450,6 +5542,11 @@ function createSupabaseFinancialProvider() {
       const { data } = await pub.from("chart_of_accounts").select("*").eq("is_active", true).order("code");
       return (data ?? []).map((r) => snakeToCamel(r));
     },
+    async getCostCenters() {
+      const { pub } = getClients();
+      const { data } = await pub.from("cost_centers").select("*").eq("is_active", true).order("code");
+      return (data ?? []).map((r) => snakeToCamel(r));
+    },
     // --- Card Transactions ---
     async getCardTransactions(dateRange) {
       getClients();
@@ -4566,7 +5663,9 @@ function createSupabaseFinancialProvider() {
       const unpaidDebit = unpaid.filter((m) => m.direction === "debit");
       const overdueCredit = unpaidCredit.filter((m) => m.status === "overdue" || m.due_date < today2);
       const overdueDebit = unpaidDebit.filter((m) => m.status === "overdue" || m.due_date < today2);
-      const monthStart = today2.slice(0, 7) + "-01";
+      const monthAgo = /* @__PURE__ */ new Date();
+      monthAgo.setDate(monthAgo.getDate() - 30);
+      const monthStart = monthAgo.toISOString().slice(0, 10);
       const monthPaid = allMovs.filter((m) => m.movement_kind === "payment" && m.payment_date >= monthStart);
       return {
         totalBalance,
@@ -4757,6 +5856,82 @@ function createFinancialStore(provider) {
         throw err;
       }
     },
+    async createQuickTransaction(input) {
+      try {
+        if (input.type === "transfer") {
+          if (!input.bankAccountId || !input.toAccountId) {
+            throw new Error("Select source and destination accounts");
+          }
+          await provider.createTransfer({
+            fromAccountId: input.bankAccountId,
+            toAccountId: input.toAccountId,
+            amount: input.amount,
+            date: input.date,
+            notes: input.description?.trim() || void 0
+          });
+        } else {
+          const direction = input.type === "income" ? "credit" : "debit";
+          const desc = input.description?.trim() || (input.type === "income" ? "Receita" : "Despesa");
+          const invoiceMeta = {};
+          if (input.recurring) invoiceMeta.recurring = true;
+          if (input.receiptUrl) invoiceMeta.receiptUrl = input.receiptUrl;
+          const invoice = await provider.createInvoice({
+            direction,
+            invoiceDate: input.date,
+            contactName: desc,
+            metadata: Object.keys(invoiceMeta).length > 0 ? invoiceMeta : void 0,
+            items: [{
+              itemKind: "other",
+              description: desc,
+              quantity: 1,
+              unitPrice: input.amount,
+              accountId: input.categoryId
+            }],
+            installments: [{
+              direction,
+              movementKind: "bill",
+              amount: input.amount,
+              dueDate: input.date,
+              installmentNumber: 1,
+              bankAccountId: input.bankAccountId,
+              notes: desc
+            }]
+          });
+          if (input.paid) {
+            const movements = await provider.getMovements({ direction, status: "pending" });
+            const bill = movements.data.find((m) => m.invoiceId === invoice.id && m.movementKind === "bill");
+            if (bill) {
+              await provider.payMovement({
+                movementId: bill.id,
+                amount: input.amount,
+                paymentDate: input.date,
+                bankAccountId: input.bankAccountId,
+                notes: desc
+              });
+            }
+          }
+        }
+        const invoiceQuery = get().invoiceQuery;
+        const statementQuery = get().statementQuery;
+        const [summary, bankAccounts, invoicesRes, statement] = await Promise.all([
+          provider.getSummary(),
+          provider.getBankAccounts(),
+          provider.getInvoices(invoiceQuery),
+          statementQuery ? provider.getStatement(statementQuery) : Promise.resolve(get().statement)
+        ]);
+        set({
+          summary,
+          bankAccounts,
+          invoices: invoicesRes.data,
+          invoicesTotal: invoicesRes.total,
+          statement
+        });
+        ui.toast.success("Transaction saved");
+      } catch (err) {
+        ui.toast.error("Failed to save transaction", { description: err?.message });
+        throw err;
+      }
+    },
     async payMovement(input) {
       try {
         await provider.payMovement(input);
@@ -5083,8 +6258,18 @@ var financialRegistries = [
 
 // src/locales/en.ts
 var en = {
+  "financial.cards.addExpense": "Add expense",
+  "financial.cards.allBillsValue": "All bills value",
+  "financial.cards.availableLimit": "Available limit",
+  "financial.cards.currentBill": "Current bill",
+  "financial.cards.dueOn": "Due on the {{day}}",
   "financial.cards.installment": "Installment {{current}}/{{total}}",
+  "financial.cards.noCards": "No cards yet",
+  "financial.cards.noCardsHint": "Add a credit card in settings to track your bills here",
   "financial.cards.noTransactions": "No card transactions",
+  "financial.cards.tabClosed": "Closed",
+  "financial.cards.tabOpen": "Open",
+  "financial.cards.usedOfLimit": "{{percent}}% of limit used",
   "financial.cards.pending": "Pending",
   "financial.cards.received": "Received",
   "financial.cards.subtitle": "Credit and debit card transactions",
@@ -5211,6 +6396,10 @@ var en = {
   "financial.nav.rules": "Rules",
   "financial.nav.statements": "Statements",
   "financial.nav.summary": "Summary",
+  "financial.invoice.filterAccount": "Chart account",
+  "financial.invoice.filterAllAccounts": "All accounts",
+  "financial.invoice.filterCostCenter": "Cost center",
+  "financial.invoice.filterAllCostCenters": "All cost centers",
   "financial.reconciliation.title": "Reconciliation",
   "financial.reconciliation.subtitle": "Match imported bank lines to your movements",
   "financial.reconciliation.pending": "{{count}} to reconcile",
@@ -5325,6 +6514,36 @@ var en = {
   "financial.summary.totalBalance": "Total Balance",
   "financial.summary.transactionsAppear": "Transactions will appear here once recorded",
   "financial.summary.viewAll": "View all",
+  "financial.summary.today": "Today",
+  "financial.summary.yesterday": "Yesterday",
+  "financial.summary.transactionsTitle": "Transactions",
+  "financial.home.balance": "Balance",
+  "financial.home.inflow": "Income",
+  "financial.home.outflow": "Expenses",
+  "financial.home.showBalance": "Show balance",
+  "financial.home.hideBalance": "Hide balance",
+  "financial.home.upcomingBills": "Upcoming bills",
+  "financial.home.noBills": "No upcoming bills.",
+  "financial.home.dueToday": "Due today",
+  "financial.home.dueTomorrow": "Due tomorrow",
+  "financial.home.dueInDays": "Due in {{count}} days",
+  "financial.home.overdueDays": "Overdue by {{count}} days",
+  "financial.home.cards": "Cards",
+  "financial.home.currentBill": "Current bill",
+  "financial.home.availableLimit": "Available limit",
+  "financial.home.addCard": "New card",
+  "financial.home.bill": "Bill",
+  "financial.home.spendByCategory": "Spending by category",
+  "financial.home.noSpend": "No spending this month.",
+  "financial.home.category.groceries": "Groceries",
+  "financial.home.category.transport": "Transport",
+  "financial.home.category.subscriptions": "Subscriptions",
+  "financial.home.category.dining": "Dining",
+  "financial.home.category.home": "Home",
+  "financial.home.category.health": "Health",
+  "financial.home.category.leisure": "Leisure",
+  "financial.home.category.shopping": "Shopping",
+  "financial.home.category.other": "Other",
   "financial.quickActions.newPayable": "New Payable",
   "financial.quickActions.newPayableDesc": "Record an expense or bill to pay",
   "financial.quickActions.newReceivable": "New Receivable",
@@ -5486,13 +6705,54 @@ var en = {
   "financial.transfer.created": "Transfer recorded",
   "financial.transfer.failed": "Failed to record transfer",
   "financial.transfer.sameAccount": "Source and destination must differ",
-  "financial.transfer.invalidAmount": "Amount must be greater than zero"
+  "financial.transfer.invalidAmount": "Amount must be greater than zero",
+  "financial.quickTx.title": "New transaction",
+  "financial.quickTx.close": "Close",
+  "financial.quickTx.newTransaction": "New transaction",
+  "financial.quickTx.expense": "Expense",
+  "financial.quickTx.income": "Income",
+  "financial.quickTx.transfer": "Transfer",
+  "financial.quickTx.paid": "Paid",
+  "financial.quickTx.received": "Received",
+  "financial.quickTx.yes": "Yes",
+  "financial.quickTx.no": "No",
+  "financial.quickTx.category": "Category",
+  "financial.quickTx.selectCategory": "No category",
+  "financial.quickTx.account": "Account",
+  "financial.quickTx.selectAccount": "Select account",
+  "financial.quickTx.fromAccount": "From account",
+  "financial.quickTx.toAccount": "To account",
+  "financial.quickTx.card": "Card",
+  "financial.quickTx.recurring": "Recurring",
+  "financial.quickTx.attachment": "Attachment",
+  "financial.quickTx.attachmentSoon": "Attachments coming soon",
+  "financial.quickTx.receipt": "Receipt",
+  "financial.quickTx.receiptCapture": "Snap or attach a receipt",
+  "financial.quickTx.receiptAttached": "Receipt attached",
+  "financial.quickTx.receiptReplace": "Replace",
+  "financial.quickTx.receiptRemove": "Remove receipt",
+  "financial.quickTx.receiptInvalid": "Please choose an image file",
+  "financial.quickTx.sendReceipt": "Send receipt",
+  "financial.quickTx.descriptionPlaceholder": "e.g. Groceries, Salary\u2026",
+  "financial.quickTx.enterAmount": "Enter an amount",
+  "financial.quickTx.save": "Save",
+  "financial.quickTx.saving": "Saving\u2026"
 };
 
 // src/locales/pt-BR.ts
 var ptBR = {
+  "financial.cards.addExpense": "Adicionar despesa",
+  "financial.cards.allBillsValue": "Total das faturas",
+  "financial.cards.availableLimit": "Limite dispon\xEDvel",
+  "financial.cards.currentBill": "Fatura atual",
+  "financial.cards.dueOn": "Vence dia {{day}}",
   "financial.cards.installment": "Parcela {{current}}/{{total}}",
+  "financial.cards.noCards": "Nenhum cart\xE3o cadastrado",
+  "financial.cards.noCardsHint": "Adicione um cart\xE3o de cr\xE9dito nas configura\xE7\xF5es para acompanhar suas faturas aqui",
   "financial.cards.noTransactions": "Nenhuma transa\xE7\xE3o com cart\xE3o",
+  "financial.cards.tabClosed": "Fechados",
+  "financial.cards.tabOpen": "Abertos",
+  "financial.cards.usedOfLimit": "{{percent}}% do limite usado",
   "financial.cards.pending": "Pendente",
   "financial.cards.received": "Recebido",
   "financial.cards.subtitle": "Transa\xE7\xF5es de cart\xE3o de cr\xE9dito e d\xE9bito",
@@ -5619,6 +6879,10 @@ var ptBR = {
   "financial.nav.rules": "Regras",
   "financial.nav.statements": "Extratos",
   "financial.nav.summary": "Resumo",
+  "financial.invoice.filterAccount": "Plano de contas",
+  "financial.invoice.filterAllAccounts": "Todos os planos",
+  "financial.invoice.filterCostCenter": "Centro de custo",
+  "financial.invoice.filterAllCostCenters": "Todos os centros",
   "financial.reconciliation.title": "Concilia\xE7\xE3o",
   "financial.reconciliation.subtitle": "Concilie as linhas importadas do banco com seus lan\xE7amentos",
   "financial.reconciliation.pending": "{{count}} para conciliar",
@@ -5733,6 +6997,36 @@ var ptBR = {
   "financial.summary.totalBalance": "Saldo Total",
   "financial.summary.transactionsAppear": "As transa\xE7\xF5es aparecer\xE3o aqui ap\xF3s serem registradas",
   "financial.summary.viewAll": "Ver todos",
+  "financial.summary.today": "Hoje",
+  "financial.summary.yesterday": "Ontem",
+  "financial.summary.transactionsTitle": "Transa\xE7\xF5es",
+  "financial.home.balance": "Saldo",
+  "financial.home.inflow": "Entradas",
+  "financial.home.outflow": "Sa\xEDdas",
+  "financial.home.showBalance": "Mostrar saldo",
+  "financial.home.hideBalance": "Ocultar saldo",
+  "financial.home.upcomingBills": "Pr\xF3ximas contas",
+  "financial.home.noBills": "Nenhuma conta a vencer.",
+  "financial.home.dueToday": "Vence hoje",
+  "financial.home.dueTomorrow": "Vence amanh\xE3",
+  "financial.home.dueInDays": "Vence em {{count}} dias",
+  "financial.home.overdueDays": "Venceu h\xE1 {{count}} dias",
+  "financial.home.cards": "Cart\xF5es",
+  "financial.home.currentBill": "Fatura atual",
+  "financial.home.availableLimit": "Limite dispon\xEDvel",
+  "financial.home.addCard": "Novo cart\xE3o",
+  "financial.home.bill": "Conta",
+  "financial.home.spendByCategory": "Gastos por categoria",
+  "financial.home.noSpend": "Sem gastos neste m\xEAs.",
+  "financial.home.category.groceries": "Mercado",
+  "financial.home.category.transport": "Transporte",
+  "financial.home.category.subscriptions": "Assinaturas",
+  "financial.home.category.dining": "Alimenta\xE7\xE3o",
+  "financial.home.category.home": "Casa",
+  "financial.home.category.health": "Sa\xFAde",
+  "financial.home.category.leisure": "Lazer",
+  "financial.home.category.shopping": "Compras",
+  "financial.home.category.other": "Outros",
   "financial.quickActions.newPayable": "Nova Conta a Pagar",
   "financial.quickActions.newPayableDesc": "Registrar uma despesa ou conta a pagar",
   "financial.quickActions.newReceivable": "Nova Conta a Receber",
@@ -5894,7 +7188,38 @@ var ptBR = {
   "financial.transfer.created": "Transfer\xEAncia registrada",
   "financial.transfer.failed": "Falha ao registrar transfer\xEAncia",
   "financial.transfer.sameAccount": "Origem e destino devem ser diferentes",
-  "financial.transfer.invalidAmount": "O valor deve ser maior que zero"
+  "financial.transfer.invalidAmount": "O valor deve ser maior que zero",
+  "financial.quickTx.title": "Nova transa\xE7\xE3o",
+  "financial.quickTx.close": "Fechar",
+  "financial.quickTx.newTransaction": "Nova transa\xE7\xE3o",
+  "financial.quickTx.expense": "Despesa",
+  "financial.quickTx.income": "Receita",
+  "financial.quickTx.transfer": "Transfer\xEAncia",
+  "financial.quickTx.paid": "Pago",
+  "financial.quickTx.received": "Recebido",
+  "financial.quickTx.yes": "Sim",
+  "financial.quickTx.no": "N\xE3o",
+  "financial.quickTx.category": "Categoria",
+  "financial.quickTx.selectCategory": "Sem categoria",
+  "financial.quickTx.account": "Conta",
+  "financial.quickTx.selectAccount": "Selecione a conta",
+  "financial.quickTx.fromAccount": "Conta de origem",
+  "financial.quickTx.toAccount": "Conta de destino",
+  "financial.quickTx.card": "Cart\xE3o",
+  "financial.quickTx.recurring": "Recorrente",
+  "financial.quickTx.attachment": "Anexo",
+  "financial.quickTx.attachmentSoon": "Anexos em breve",
+  "financial.quickTx.receipt": "Recibo",
+  "financial.quickTx.receiptCapture": "Fotografar ou anexar recibo",
+  "financial.quickTx.receiptAttached": "Recibo anexado",
+  "financial.quickTx.receiptReplace": "Substituir",
+  "financial.quickTx.receiptRemove": "Remover recibo",
+  "financial.quickTx.receiptInvalid": "Escolha um arquivo de imagem",
+  "financial.quickTx.sendReceipt": "Enviar recibo",
+  "financial.quickTx.descriptionPlaceholder": "ex.: Mercado, Sal\xE1rio\u2026",
+  "financial.quickTx.enterAmount": "Informe um valor",
+  "financial.quickTx.save": "Salvar",
+  "financial.quickTx.saving": "Salvando\u2026"
 };
 
 // src/locales/index.ts
@@ -5912,9 +7237,9 @@ var STATUS_STYLE = {
 function PersonStatementWidget({ person, provider, config }) {
   const t2 = core.useTranslation();
   const currency = config.currency;
-  const [invoices, setInvoices] = React14.useState([]);
-  const [loading, setLoading] = React14.useState(true);
-  React14.useEffect(() => {
+  const [invoices, setInvoices] = React17.useState([]);
+  const [loading, setLoading] = React17.useState(true);
+  React17.useEffect(() => {
     let alive = true;
     if (!person?.id) {
       setLoading(false);
@@ -5934,7 +7259,7 @@ function PersonStatementWidget({ person, provider, config }) {
     };
   }, [person?.id, provider]);
   const fmt = (n) => saas.formatCurrency(n, currency);
-  const totals = React14.useMemo(() => {
+  const totals = React17.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);
@@ -5944,7 +7269,7 @@ function PersonStatementWidget({ person, provider, config }) {
     const base = inv.direction === "credit" ? "receivables" : "payables";
     window.location.hash = `/financial/${base}/detail/${inv.id}`;
   };
-  const columns = React14.useMemo(() => [
+  const columns = React17.useMemo(() => [
     {
       id: "date",
       header: t2("financial.invoice.columnDate"),
@@ -6044,6 +7369,8 @@ function resolveConfig(options) {
       // Opt-in: only shown when an app explicitly enables reconciliation (bank connector present).
       reconciliation: options?.modules?.reconciliation === true
     },
+    // Opt-in: only render the plugin's own quick-add buttons/FAB when the host asks.
+    quickAdd: options?.quickAdd === true,
     labels: { ...DEFAULT_LABELS, ...options?.labels },
     currency: { ...DEFAULT_CURRENCY, ...options?.currency },
     itemTypes: options?.itemTypes ?? DEFAULT_ITEM_TYPES,
@@ -6064,9 +7391,10 @@ function createFinancialPlugin(options) {
   const provider = options?.dataProvider ?? createSafeFinancialProvider();
   const store = createFinancialStore(provider);
   const dashboardWidgets = createFinancialDashboardWidgets({ config, provider, store });
-  const PersonStatementBound = (props) => React14__default.default.createElement(PersonStatementWidget, { person: props.item, provider, config });
+  const registries = [...financialRegistries, ...options?.settingsRegistries ?? []];
+  const PersonStatementBound = (props) => React17__namespace.default.createElement(PersonStatementWidget, { person: props.item, provider, config });
   PersonStatementBound.displayName = "FinancialPersonStatement";
-  const PageComponent = () => React14__default.default.createElement(FinancialPage, { config, provider, store, registries: financialRegistries });
+  const PageComponent = () => React17__namespace.default.createElement(FinancialPage, { config, provider, store, registries });
   return {
     id: "financial",
     name: config.labels.pageTitle,
@@ -6171,18 +7499,18 @@ function createFinancialPlugin(options) {
         ]
       }
     ],
-    registries: financialRegistries,
+    registries,
     settings: [
       {
         id: "financial",
         label: "Financial",
         icon: "DollarSign",
         component: (() => {
-          const FinancialSettingsTab = () => React14__default.default.createElement(saas.PluginSettingsPanel, {
+          const FinancialSettingsTab = () => React17__namespace.default.createElement(saas.PluginSettingsPanel, {
             title: "Financial Settings",
             subtitle: "Payment methods, accounts, and configurations",
-            generalSettings: React14__default.default.createElement(FinancialGeneralSettings),
-            registries: financialRegistries,
+            generalSettings: React17__namespace.default.createElement(FinancialGeneralSettings),
+            registries,
             hostPluginId: "financial",
             routeBase: "/settings/financial"
           });
@@ -6198,6 +7526,8 @@ function createFinancialPlugin(options) {
 }
 
 exports.createFinancialPlugin = createFinancialPlugin;
+exports.createMockFinancialProvider = createMockFinancialProvider;
 exports.createSafeFinancialProvider = createSafeFinancialProvider;
+exports.openQuickAdd = openQuickAdd;
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map