@fayz-ai/plugin-financial 0.25.9 → 0.26.0

package/dist/chunk-K37Q7SKX.js

@@ -0,0 +1,4340 @@
+import { consumePayableDraft, PayableDraftSurface } from './chunk-7VKJLBYY.js';
+import { useFinancialConfig, useFinancialStore, formatCurrency, useFinancialProvider } from './chunk-CNXAVGSW.js';
+import { FINANCIAL_INVOICE_ZONES } from '@fayz-ai/financial/views/zones';
+export { FINANCIAL_INVOICE_ZONES } from '@fayz-ai/financial/views/zones';
+import * as React13 from 'react';
+import React13__default, { useState, useRef, useEffect, useMemo } from 'react';
+import { useTranslation, createPendingCommand, useUnitMode, useDataChanged, useActiveUnitId, appHref, resolveCurrency, getSupabaseClientOptional } from '@fayz-ai/core';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { Landmark, CreditCard, Banknote, TriangleAlert, Loader2, Check, X, Paperclip, Image, FileText, ChevronRight, UploadCloud, ArrowLeft, ChevronLeft, ExternalLink, Ban, CircleDashed, CircleAlert, CircleCheckBig, CircleEllipsis, Pencil, Package, PackagePlus, Receipt, Gift, Briefcase, CalendarDays, DollarSign, LayoutList, Layers, Ticket, FileCheck, ArrowRightLeft, QrCode, Undo2, Building2, MoreVertical, Calendar, User, Wallet, Unlink, Trash2, ChevronDown, Search, Settings } from 'lucide-react';
+import { INLINE_LINK_TONE, SearchSelect, Button, useInModalTaskHost, ModalTask, Modal, ModalContent, ModalHeader, ModalTitle, ModalBody, ModalFooter, toast, Skeleton, SubpageHeader, DatePicker, Checkbox, Textarea, ChoiceSelect, useSaveBar, tourAnchor, Input, SegmentedControl, CurrencyInput, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Badge, Hint, Popover, PopoverTrigger, PopoverContent } from '@fayz-ai/ui';
+import { createPortal } from 'react-dom';
+import { createIdempotencyKey } from '@fayz-ai/financial/data/idempotency';
+import { useCurrency, useUnitStore, OrderDetailSkeleton, WidgetSlot, PageActions, OrderDetailBlock, TagChip, OrderDetailView, PersonLink, CurrencyScope, useUnitFilter, usePermissionOptional, adminNavigateTo, createArchetypeLookup, useLimitGuard, useLookupCreate, OrderFormSkeleton, OrderFormBlock, TagsField, OrderFormView, OrderFormItemsCard, OrderFormItemRow, OrderFormAddItemStep, RecordMetaFooter, invalidateLimit, useHouseCurrency } from '@fayz-ai/admin';
+import { T } from '@fayz-ai/financial/data/tables';
+import { groupPaymentsByBill, reversiblePayments } from '@fayz-ai/financial/domain/movement';
+import { describePayment, paymentHolderId } from '@fayz-ai/financial/domain/payment-method';
+import { postableAccounts, accountLabel } from '@fayz-ai/financial/domain/chart-of-accounts';
+import { availableInvoiceItemTypes, splitInstallments } from '@fayz-ai/financial/domain/invoice';
+import { counterpartyAccountingPolicy, resolveCounterpartyAccountingPolicy } from '@fayz-ai/financial/domain/counterparty';
+
+var ACCOUNTS_ROUTE = "/registry/accounts";
+var CHART_OF_ACCOUNTS_ROUTE = "/settings/financial/chart-of-accounts";
+var COST_CENTERS_ROUTE = "/settings/financial/cost-centers";
+function ink(hex) {
+  const h = hex.replace("#", "");
+  if (h.length !== 6) return "#fff";
+  const [r, g, b] = [0, 2, 4].map((i) => parseInt(h.slice(i, i + 2), 16));
+  return (r * 299 + g * 587 + b * 114) / 1e3 > 150 ? "#111" : "#fff";
+}
+function brandShort(name) {
+  const n = name.trim();
+  const map = {
+    "american express": "AMEX",
+    mastercard: "MASTER",
+    "diners club": "DINERS",
+    hipercard: "HIPER"
+  };
+  return (map[n.toLowerCase()] ?? n).toUpperCase().slice(0, 7);
+}
+var brandCache = null;
+var brandPromise = null;
+function loadBrands() {
+  if (!brandPromise) {
+    const client = getSupabaseClientOptional();
+    brandPromise = client ? client.from("plg_financial_card_brands").select("id, name").then(({ data }) => {
+      brandCache = new Map((data ?? []).map((b) => [b.id, b.name]));
+    }).catch(() => {
+      brandCache = /* @__PURE__ */ new Map();
+    }) : Promise.resolve().then(() => {
+      brandCache = /* @__PURE__ */ new Map();
+    });
+  }
+  return brandPromise;
+}
+function useBrandName(id) {
+  const [, force] = useState(0);
+  useEffect(() => {
+    if (!id || brandCache) return;
+    let alive = true;
+    void loadBrands().then(() => {
+      if (alive) force((n) => n + 1);
+    });
+    return () => {
+      alive = false;
+    };
+  }, [id]);
+  return id ? brandCache?.get(id) : void 0;
+}
+function CardVisual({
+  lastFour,
+  color,
+  brandId,
+  size: size2 = "sm"
+}) {
+  const brand = useBrandName(brandId);
+  const last = (lastFour ?? "").trim();
+  if (!last && !color && !brand) return null;
+  const bg = color && /^#[0-9a-fA-F]{6}$/.test(color) ? color : void 0;
+  const lg = size2 === "lg";
+  if (size2 === "xs") {
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: "inline-flex h-4 w-4 shrink-0 items-center justify-center rounded-[3px] border align-middle text-[6px] font-semibold leading-none tabular-nums",
+        style: bg ? { backgroundColor: bg, color: ink(bg), borderColor: "transparent" } : void 0,
+        title: [brand, last && `\u2022\u2022\u2022\u2022 ${last}`].filter(Boolean).join(" "),
+        children: last
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: `inline-flex flex-col justify-between border align-middle ${lg ? "h-20 w-32 rounded-lg px-2.5 py-2" : "h-[30px] w-[48px] rounded-[4px] px-1 py-1"}`,
+      style: bg ? { backgroundColor: bg, color: ink(bg), borderColor: "transparent" } : void 0,
+      children: [
+        /* @__PURE__ */ jsxs("span", { className: "flex items-start justify-between gap-1", children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: `rounded-[1px] ${lg ? "h-3 w-6" : "h-1.5 w-2.5"}`,
+              style: { backgroundColor: bg ? "rgba(0,0,0,.25)" : "var(--muted)" }
+            }
+          ),
+          brand && /* @__PURE__ */ jsx("span", { className: `truncate font-semibold leading-none tracking-wide opacity-80 ${lg ? "text-[10px]" : "text-[6px]"}`, children: brandShort(brand) })
+        ] }),
+        /* @__PURE__ */ jsx("span", { className: `font-medium leading-none tabular-nums ${lg ? "text-sm" : "text-[9px]"}`, children: last ? `\u2022\u2022\u2022\u2022 ${last}` : "" })
+      ]
+    }
+  );
+}
+function renderCardChip(value, row) {
+  const r = row;
+  return /* @__PURE__ */ jsx(CardVisual, { lastFour: value == null ? "" : String(value), color: r?.color, brandId: r?.cardBrandId });
+}
+function renderAccountAvatar(item) {
+  const r = item;
+  if (!r || r.kind !== "card_payable") return null;
+  return /* @__PURE__ */ jsx(CardVisual, { size: "lg", lastFour: r.lastFour, color: r.color, brandId: r.cardBrandId });
+}
+
+// src/lib/br-banks.ts
+var LOGO_BASE = "https://cdn.jsdelivr.net/gh/Tgentil/Bancos-em-SVG@fe1d43f0cf379135bd01c987bc147a04fdf48c6d";
+var logo = (path) => `${LOGO_BASE}/${path.split("/").map(encodeURIComponent).join("/")}`;
+var BR_BANKS = [
+  { code: "001", name: "Banco do Brasil", aliases: ["bb"], logo: logo("Banco do Brasil S.A/banco-do-brasil-sem-fundo.svg") },
+  { code: "341", name: "Ita\xFA", aliases: ["itau", "ita\xFA unibanco"], logo: logo("Ita\xFA Unibanco S.A/itau.svg") },
+  { code: "237", name: "Bradesco", logo: logo("Bradesco S.A/bradesco.svg") },
+  { code: "104", name: "Caixa Econ\xF4mica Federal", aliases: ["caixa", "cef"], logo: logo("Caixa Econ\xF4mica Federal/caixa-economica-federal-1.svg") },
+  { code: "033", name: "Santander", logo: logo("Banco Santander Brasil S.A/banco-santander-logo.svg") },
+  { code: "260", name: "Nubank", aliases: ["nu pagamentos"], logo: logo("Nu Pagamentos S.A/nubank-logo-2021.svg") },
+  { code: "077", name: "Inter", aliases: ["banco inter"], logo: logo("Banco Inter S.A/inter.svg") },
+  { code: "336", name: "C6 Bank", aliases: ["c6"], logo: logo("Banco C6 S.A/c6 bank.svg") },
+  { code: "208", name: "BTG Pactual", aliases: ["btg"], logo: logo("Banco BTG Pacutal/btg-pactual.svg") },
+  { code: "756", name: "Sicoob", logo: logo("Sicoob/sicoob-vector-logo.svg") },
+  { code: "748", name: "Sicredi", logo: logo("Sicredi/logo-svg2.svg") },
+  { code: "290", name: "PagBank", aliases: ["pagseguro"], logo: logo("PagSeguro Internet S.A/logo-pagbank.svg") },
+  { code: "197", name: "Stone", logo: logo("Stone Pagamentos S.A/stone.svg") },
+  { code: "323", name: "Mercado Pago", logo: logo("Mercado Pago/mercado-pago.svg") },
+  { code: "542", name: "InfinitePay", aliases: ["cloudwalk"], logo: logo("InfinitePay/InfitePay.svg") },
+  { code: "403", name: "Cora", logo: logo("Cora Sociedade Credito Direto S.A/icone-cora-rosa-pequeno.svg") },
+  { code: "380", name: "PicPay", logo: logo("PicPay/Logo-PicPay.svg") },
+  { code: "364", name: "Ef\xED", aliases: ["gerencianet", "efi bank"], logo: logo("Ef\xED - Gerencianet/logo-efi-bank-laranja.svg") },
+  { code: "461", name: "Asaas", logo: logo("Asaas IP S.A/header-logo-azul.svg") },
+  { code: "422", name: "Safra", logo: logo("Banco Safra S.A/logo-safra.svg") },
+  { code: "212", name: "Banco Original", aliases: ["original"], logo: logo("Banco Original S.A/banco-original-logo-verde.svg") },
+  { code: "655", name: "Banco BV", aliases: ["votorantim", "bv"], logo: logo("Banco Votorantim/banco-bv-logo.svg") },
+  { code: "041", name: "Banrisul", logo: logo("Banrisul/banrisul-logo-2023.svg") },
+  { code: "070", name: "BRB", aliases: ["banco de bras\xEDlia"], logo: logo("BRB - Banco de Brasilia/brb-logo.svg") },
+  { code: "136", name: "Unicred", logo: logo("Unicred/verde.svg") },
+  { code: "133", name: "Cresol", logo: logo("Cresol/Icone-original.svg") },
+  { code: "085", name: "Ailos", logo: logo("Ailos/logo-ailos.svg") },
+  { code: "004", name: "Banco do Nordeste", aliases: ["bnb"], logo: logo("Banco do Nordeste do Brasil S.A/Logo_BNB.svg") },
+  { code: "021", name: "Banestes", logo: logo("Banco do Estado do Espirito Santo/banestes.svg") },
+  { code: "037", name: "Banpar\xE1", logo: logo("Banco do Estado do Para/Logo_do_Banpar\xE1.svg") },
+  { code: "047", name: "Banese", logo: logo("Banco do Estado do Sergipe/logo banese.svg") },
+  { code: "389", name: "Mercantil do Brasil", aliases: ["mercantil"], logo: logo("Banco Mercantil do Brasil S.A/banco-mercantil-novo-azul.svg") },
+  { code: "318", name: "BMG", logo: logo("Banco BMG/banco-bmg-logo.svg") },
+  { code: "707", name: "Daycoval", logo: logo("Banco Daycoval/logo-Daycoval.svg") },
+  { code: "246", name: "ABC Brasil", logo: logo("ABC Brasil/logoabc.svg") },
+  { code: "218", name: "BS2", logo: logo("Banco BS2 S.A/Banco_BS2.svg") },
+  { code: "102", name: "XP", aliases: ["xp investimentos"], logo: logo("XP Investimentos/xp-investimentos-logo.svg") },
+  { code: "536", name: "Neon", logo: logo("Neon/header-logo-neon.svg") }
+];
+var norm = (s) => s.normalize("NFD").replace(/[̀-ͯ]/g, "").toLowerCase().trim();
+var digits = (s) => s.replace(/\D/g, "");
+function findBrBank(code, name) {
+  const c = digits(code ?? "");
+  if (c) {
+    const byCode = BR_BANKS.find((b) => Number(b.code) === Number(c));
+    if (byCode) return byCode;
+  }
+  const n = norm(name ?? "");
+  if (!n) return void 0;
+  return BR_BANKS.find((b) => norm(b.name) === n || b.aliases?.some((a) => norm(a) === n));
+}
+function searchBrBanks(query) {
+  const q = norm(query);
+  if (!q) return BR_BANKS;
+  const qd = digits(q);
+  return BR_BANKS.filter(
+    (b) => qd && qd === q && (b.code.startsWith(qd) || b.code.replace(/^0+/, "").startsWith(qd)) || norm(b.name).includes(q) || b.aliases?.some((a) => norm(a).includes(q))
+  );
+}
+function BankLogo({ bank, size: size2 = 20 }) {
+  const [broken, setBroken] = useState(false);
+  if (!bank?.logo || broken) {
+    return /* @__PURE__ */ jsx(Landmark, { className: "text-muted-foreground", style: { width: size2 * 0.8, height: size2 * 0.8 }, "aria-hidden": true });
+  }
+  return /* @__PURE__ */ jsx(
+    "img",
+    {
+      src: bank.logo,
+      alt: "",
+      width: size2,
+      height: size2,
+      loading: "lazy",
+      onError: () => setBroken(true),
+      className: "shrink-0 object-contain",
+      style: { width: size2, height: size2 }
+    }
+  );
+}
+var fromCatalog = (entry) => entry.compe ? { code: entry.compe, name: entry.name, logo: entry.logoUrl } : null;
+function BankPicker({ code, name, search, onChange }) {
+  const known = findBrBank(code, name);
+  const toOption = (b) => ({
+    id: b.code,
+    label: b.name,
+    subtitle: b.code,
+    icon: /* @__PURE__ */ jsx(BankLogo, { bank: b }),
+    data: b
+  });
+  const onSearch = async (query) => {
+    const local = searchBrBanks(query);
+    if (!search) return local.map(toOption);
+    try {
+      const remote = (await search(query)).map(fromCatalog).filter(Boolean);
+      if (!remote.length) return local.map(toOption);
+      const merged = remote.map((bank) => findBrBank(bank.code) ?? bank);
+      const seen = new Set(merged.map((bank) => bank.code));
+      return [...merged, ...local.filter((bank) => !seen.has(bank.code))].map(toOption);
+    } catch {
+      return local.map(toOption);
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    SearchSelect,
+    {
+      value: name ? known?.code ?? `name:${name}` : "",
+      displayValue: name ?? "",
+      leading: name ? /* @__PURE__ */ jsx(BankLogo, { bank: known, size: 18 }) : void 0,
+      placeholder: "Busque pelo nome ou n\xFAmero",
+      minChars: 0,
+      loadOnOpen: true,
+      onSearch,
+      onChange: (_id, option) => {
+        const b = option?.data;
+        onChange(b ? { code: b.code, name: b.name } : { code: "", name: "" });
+      },
+      allowCreate: true,
+      createLabel: "Usar",
+      clearLabel: "Limpar",
+      onCreate: (q) => onChange({ code: code ?? "", name: q.trim() }),
+      noResultsLabel: "Nenhum banco com esse nome",
+      debounce: 0
+    }
+  );
+}
+var METHOD_ICONS = {
+  cash: Banknote,
+  pix: QrCode,
+  credit_card: CreditCard,
+  debit_card: CreditCard,
+  bank_transfer: ArrowRightLeft,
+  check: FileCheck,
+  boleto: Receipt,
+  voucher: Ticket
+};
+function MethodIcon({ type }) {
+  const Icon = METHOD_ICONS[type?.transactionType ?? ""] ?? Wallet;
+  return /* @__PURE__ */ jsx(Icon, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground", "aria-hidden": true });
+}
+function AccountIcon({ account }) {
+  if (!account) return null;
+  if (account.accountType === "card_payable" && (account.lastFour || account.color || account.cardBrandId)) {
+    return /* @__PURE__ */ jsx(CardVisual, { size: "xs", lastFour: account.lastFour ?? void 0, color: account.color ?? void 0, brandId: account.cardBrandId ?? void 0 });
+  }
+  if (account.accountType.startsWith("card_")) return /* @__PURE__ */ jsx(CreditCard, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground", "aria-hidden": true });
+  if (account.accountType === "cash_physical" || account.accountType === "cash_session") {
+    return /* @__PURE__ */ jsx(Banknote, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground", "aria-hidden": true });
+  }
+  const bank = findBrBank(account.bankCode, account.bankName ?? account.name);
+  return bank?.logo ? /* @__PURE__ */ jsx(BankLogo, { bank, size: 16 }) : /* @__PURE__ */ jsx(Landmark, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground", "aria-hidden": true });
+}
+var FIELD_CLASS = "mt-1 flex w-full items-center gap-2 rounded-input border border-input bg-card px-3 py-2 text-left text-sm shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] focus:outline-none focus:ring-2 focus:ring-ring";
+var norm2 = (v) => v.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase();
+function AccountPicker({ accounts, value, onChange, disabled, title, placeholder, ariaLabel, clearLabel, className, onManage, manageLabel, variant = "inline" }) {
+  const [open, setOpen] = React13__default.useState(false);
+  const [q, setQ] = React13__default.useState("");
+  const selected = accounts.find((a) => a.id === value);
+  const list = q ? accounts.filter((a) => norm2(a.name).includes(norm2(q))) : accounts;
+  const pick = (id) => {
+    onChange(id);
+    setOpen(false);
+    setQ("");
+  };
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: (o) => {
+    setOpen(o);
+    if (!o) setQ("");
+  }, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "bare",
+        size: "bare",
+        type: "button",
+        disabled,
+        title,
+        "aria-label": ariaLabel,
+        className: `font-normal whitespace-normal justify-start ${variant === "field" ? FIELD_CLASS : "inline-flex max-w-full items-center gap-1 text-xs"} disabled:cursor-not-allowed disabled:opacity-50 ${className ?? ""}`,
+        children: [
+          selected ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(AccountIcon, { account: selected }),
+            /* @__PURE__ */ jsx("span", { className: "truncate", children: selected.name })
+          ] }) : /* @__PURE__ */ jsx("span", { className: variant === "field" ? "text-muted-foreground" : void 0, children: placeholder }),
+          /* @__PURE__ */ jsx(ChevronDown, { className: `${variant === "field" ? "ml-auto h-4 w-4" : "h-3 w-3"} shrink-0 opacity-50`, "aria-hidden": true })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(PopoverContent, { align: "start", className: variant === "field" ? "w-[var(--radix-popover-trigger-width)] p-1" : "w-64 p-1", children: [
+      /* @__PURE__ */ jsxs("div", { className: "relative mb-1", children: [
+        /* @__PURE__ */ jsx(Search, { className: "pointer-events-none absolute left-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground", "aria-hidden": true }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            autoFocus: true,
+            value: q,
+            onChange: (e) => setQ(e.target.value),
+            onKeyDown: (e) => {
+              if (e.key === "Enter" && list[0]) {
+                e.preventDefault();
+                pick(list[0].id);
+              }
+            },
+            placeholder: "Buscar conta\u2026",
+            className: "h-8 rounded-md border-0 bg-muted/50 pl-7 pr-2 text-xs shadow-none focus-visible:ring-0 focus-visible:ring-offset-0"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "max-h-64 overflow-y-auto", children: list.length === 0 ? /* @__PURE__ */ jsx("p", { className: "px-2 py-3 text-center text-xs text-muted-foreground", children: "Nenhuma conta encontrada" }) : list.map((a) => /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "bare",
+          size: "bare",
+          type: "button",
+          onClick: () => pick(a.id),
+          className: `font-normal whitespace-normal justify-start flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-sm transition-colors hover:bg-muted ${a.id === value ? "font-medium" : ""}`,
+          children: [
+            /* @__PURE__ */ jsx(AccountIcon, { account: a }),
+            /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: a.name }),
+            a.id === value && /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5 shrink-0", "aria-hidden": true })
+          ]
+        },
+        a.id
+      )) }),
+      value && /* @__PURE__ */ jsx(Button, { variant: "bare", size: "bare", type: "button", onClick: () => pick(void 0), className: "font-normal whitespace-normal justify-start mt-1 w-full rounded-md px-2 py-1.5 text-left text-xs text-muted-foreground hover:bg-muted", children: clearLabel }),
+      onManage && /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "bare",
+          size: "bare",
+          type: "button",
+          onClick: () => {
+            setOpen(false);
+            onManage();
+          },
+          className: "font-normal whitespace-normal justify-start mt-1 flex w-full items-center gap-2 rounded-md border-t px-2 py-1.5 text-left text-xs text-muted-foreground hover:bg-muted hover:text-foreground",
+          children: [
+            /* @__PURE__ */ jsx(Settings, { className: "h-3.5 w-3.5 shrink-0", "aria-hidden": true }),
+            manageLabel
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+var ACCOUNT_TYPES_FOR_TX = {
+  cash: ["cash_physical", "cash_session"],
+  credit_card: ["card_receivable_credit"],
+  debit_card: ["card_receivable_debit"],
+  pix: ["bank"],
+  bank_transfer: ["bank"],
+  boleto: ["bank"],
+  check: ["bank"],
+  voucher: ["bank"]
+};
+var TYPE_ICONS = {
+  cash: Banknote,
+  pix: QrCode,
+  credit_card: CreditCard,
+  debit_card: CreditCard,
+  bank_transfer: ArrowRightLeft,
+  check: FileCheck
+};
+var TYPE_COLORS = {
+  cash: "border-success/30 bg-success/5 hover:bg-success/10 data-[active=true]:border-success data-[active=true]:bg-success/15",
+  pix: "border-teal-500/30 bg-teal-500/5 hover:bg-teal-500/10 data-[active=true]:border-teal-500 data-[active=true]:bg-teal-500/15",
+  credit_card: "border-info/30 bg-info/5 hover:bg-info/10 data-[active=true]:border-info data-[active=true]:bg-info/15",
+  debit_card: "border-magic/30 bg-magic/5 hover:bg-magic/10 data-[active=true]:border-magic data-[active=true]:bg-magic/15",
+  bank_transfer: "border-warning/30 bg-warning/5 hover:bg-warning/10 data-[active=true]:border-warning data-[active=true]:bg-warning/15",
+  check: "border-border bg-muted/40 hover:bg-muted/60 data-[active=true]:border-foreground data-[active=true]:bg-muted"
+};
+var ICON_COLORS = {
+  cash: "text-success",
+  pix: "text-teal-500",
+  credit_card: "text-info",
+  debit_card: "text-magic",
+  bank_transfer: "text-warning",
+  check: "text-muted-foreground"
+};
+function eligibleAccountsFor(bankAccounts, direction, type) {
+  const txType = type?.transactionType ?? "";
+  const active = bankAccounts.filter((a) => a.isActive !== false);
+  if (direction === "debit") {
+    if (txType === "credit_card") return active.filter((a) => a.accountType === "card_payable");
+    const own = (type?.allowedAccountTypes?.length ? type.allowedAccountTypes : ACCOUNT_TYPES_FOR_TX[txType])?.filter((k) => !k.startsWith("card_"));
+    const kinds = own?.length ? own : ["bank", "cash_physical", "cash_session"];
+    return active.filter((a) => kinds.includes(a.accountType));
+  }
+  const allowed = type?.allowedAccountTypes && type.allowedAccountTypes.length ? type.allowedAccountTypes : ACCOUNT_TYPES_FOR_TX[txType];
+  if (!allowed || !allowed.length) return bankAccounts;
+  return bankAccounts.filter((a) => allowed.includes(a.accountType));
+}
+function usePaymentFields(options) {
+  const t = useTranslation();
+  const { currency } = useFinancialConfig();
+  const {
+    direction,
+    initialAmount,
+    initialDate,
+    lockAmount = false,
+    disabled = false,
+    onSubmit,
+    initialMethodTypeId,
+    initialMethodId,
+    initialAccountId
+  } = options;
+  const cashSessions = useFinancialStore((s) => s.cashSessions);
+  const fetchCashSessions = useFinancialStore((s) => s.fetchCashSessions);
+  const openSession = cashSessions.find((s) => s.status === "open");
+  const bankAccounts = useFinancialStore((s) => s.bankAccounts);
+  const paymentMethods = useFinancialStore((s) => s.paymentMethods);
+  const paymentMethodTypes = useFinancialStore((s) => s.paymentMethodTypes);
+  const fetchBankAccounts = useFinancialStore((s) => s.fetchBankAccounts);
+  const fetchPaymentMethods = useFinancialStore((s) => s.fetchPaymentMethods);
+  const [amount, setAmount] = useState(initialAmount);
+  const [paymentDate, setPaymentDate] = useState(initialDate ?? (/* @__PURE__ */ new Date()).toISOString().slice(0, 10));
+  const [selectedTypeId, setSelectedTypeId] = useState(initialMethodTypeId ?? "");
+  const [paymentMethodId, setPaymentMethodId] = useState(initialMethodId ?? "");
+  const [bankAccountId, setBankAccountId] = useState(initialAccountId ?? "");
+  const [cardBrand, setCardBrand] = useState("");
+  const [cardInstallments, setCardInstallments] = useState(1);
+  const [notes, setNotes] = useState("");
+  const [expandMethodPicker, setExpandMethodPicker] = useState(!initialMethodTypeId);
+  const [editSource, setEditSource] = useState(false);
+  const sourceAnswered = !!initialMethodTypeId && !!initialAccountId && !editSource;
+  useEffect(() => {
+    fetchBankAccounts();
+    fetchPaymentMethods();
+  }, []);
+  useEffect(() => {
+    void fetchCashSessions();
+  }, [fetchCashSessions]);
+  useEffect(() => {
+    if (lockAmount) setAmount(initialAmount);
+  }, [lockAmount, initialAmount]);
+  const selectedType = useMemo(
+    () => paymentMethodTypes.find((tp) => tp.id === selectedTypeId),
+    [paymentMethodTypes, selectedTypeId]
+  );
+  const txType = selectedType?.transactionType ?? "";
+  const filteredMethods = useMemo(
+    () => paymentMethods.filter((m) => m.paymentMethodTypeId === selectedTypeId),
+    [paymentMethods, selectedTypeId]
+  );
+  const isPayable = direction === "debit";
+  const payingByCompanyCard = isPayable && txType === "credit_card";
+  const needsCard = !isPayable && (txType === "credit_card" || txType === "debit_card");
+  const needsCardInstallments = txType === "credit_card";
+  const eligibleAccounts = useMemo(
+    () => eligibleAccountsFor(bankAccounts, direction, selectedType),
+    [bankAccounts, direction, selectedType]
+  );
+  useEffect(() => {
+    if (selectedTypeId && !bankAccountId && eligibleAccounts.length) {
+      setBankAccountId(eligibleAccounts[0].id);
+    }
+  }, [selectedTypeId, eligibleAccounts]);
+  function handleSelectType(typeId) {
+    setSelectedTypeId(typeId);
+    setExpandMethodPicker(false);
+    setPaymentMethodId("");
+    setBankAccountId("");
+    setCardBrand("");
+    setCardInstallments(1);
+  }
+  const needsOpenCashSession = txType === "cash" && !openSession;
+  const blockedReason = amount <= 0 ? t("financial.payment.amountRequired") : !selectedTypeId ? t("financial.payment.methodRequired") : needsOpenCashSession ? t("financial.payment.cashNeedsOpenSession") : !bankAccountId ? t("financial.payment.accountRequired") : null;
+  function handleKeyDown(e) {
+    if (!onSubmit) return;
+    if (e.key !== "Enter" || e.shiftKey) return;
+    if (e.target.tagName === "TEXTAREA") return;
+    e.preventDefault();
+    if (!blockedReason) onSubmit();
+  }
+  const SelectedIcon = selectedType ? TYPE_ICONS[txType] ?? Banknote : null;
+  const selectedAccount = bankAccounts.find((a) => a.id === bankAccountId);
+  const node = /* @__PURE__ */ jsxs("div", { onKeyDown: handleKeyDown, children: [
+    /* @__PURE__ */ jsxs("fieldset", { disabled, className: "space-y-4", children: [
+      sourceAnswered && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 rounded-button border bg-muted/30 px-3 py-2.5", children: [
+        SelectedIcon && /* @__PURE__ */ jsx(SelectedIcon, { className: `h-4 w-4 shrink-0 ${ICON_COLORS[txType] ?? ""}`, "aria-hidden": true }),
+        /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1 truncate text-sm", children: [
+          /* @__PURE__ */ jsx("span", { className: "font-medium", children: selectedType?.name ?? "" }),
+          selectedAccount && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: " \xB7 " }),
+            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: selectedAccount.name })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "bare",
+            size: "bare",
+            type: "button",
+            onClick: () => {
+              setEditSource(true);
+              setExpandMethodPicker(true);
+            },
+            "aria-label": t("financial.payment.changeSource"),
+            title: t("financial.payment.changeSource"),
+            className: "shrink-0 rounded-md p-1 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+            children: /* @__PURE__ */ jsx(Pencil, { className: "h-3 w-3" })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { hidden: sourceAnswered, children: [
+        /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground", children: t("financial.payment.method") }),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "grid transition-all duration-200 ease-out",
+            style: { gridTemplateRows: selectedTypeId && !expandMethodPicker ? "1fr" : "0fr" },
+            children: /* @__PURE__ */ jsx("div", { className: "overflow-hidden", children: selectedType && /* @__PURE__ */ jsxs(
+              Button,
+              {
+                variant: "bare",
+                size: "bare",
+                type: "button",
+                onClick: () => setExpandMethodPicker(true),
+                className: `font-normal justify-start whitespace-normal flex items-center gap-2 mt-1.5 w-full rounded-button border px-3 py-2.5 text-left transition-colors hover:bg-muted/30 ${TYPE_COLORS[txType] ?? ""}`,
+                "data-active": "true",
+                children: [
+                  SelectedIcon && /* @__PURE__ */ jsx(SelectedIcon, { className: `h-4 w-4 ${ICON_COLORS[txType] ?? ""}` }),
+                  /* @__PURE__ */ jsx("span", { className: "text-sm font-medium flex-1", children: selectedType?.name }),
+                  /* @__PURE__ */ jsx(Pencil, { className: "h-3 w-3 text-muted-foreground" })
+                ]
+              }
+            ) })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "grid transition-all duration-200 ease-out",
+            style: { gridTemplateRows: expandMethodPicker ? "1fr" : "0fr" },
+            children: /* @__PURE__ */ jsx("div", { className: "overflow-hidden", children: paymentMethodTypes.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-dashed border-input bg-muted/30 px-3 py-3 text-center mt-1.5", children: [
+              /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("financial.payment.noMethods") }),
+              /* @__PURE__ */ jsxs("a", { href: appHref("/financial/settings"), className: "mt-1.5 inline-block text-xs font-medium text-primary hover:underline", children: [
+                t("financial.payment.configureMethods"),
+                " \u2192"
+              ] })
+            ] }) : /* @__PURE__ */ jsx("div", { className: "grid grid-cols-3 gap-2 mt-1.5", children: paymentMethodTypes.map((type) => {
+              const tt = type.transactionType ?? "";
+              const Icon = TYPE_ICONS[tt] ?? Banknote;
+              const isActive = selectedTypeId === type.id;
+              return /* @__PURE__ */ jsxs(
+                Button,
+                {
+                  variant: "bare",
+                  size: "bare",
+                  type: "button",
+                  "data-active": isActive,
+                  onClick: () => handleSelectType(type.id),
+                  className: `font-normal flex flex-col items-center justify-start gap-1.5 rounded-button border px-2 py-3 text-center transition-all ${TYPE_COLORS[tt] ?? TYPE_COLORS.cash}`,
+                  children: [
+                    /* @__PURE__ */ jsx(Icon, { className: `h-5 w-5 ${isActive ? ICON_COLORS[tt] ?? "" : "text-muted-foreground"}` }),
+                    /* @__PURE__ */ jsx("span", { className: `text-[11px] font-medium leading-tight ${isActive ? "text-foreground" : "text-muted-foreground"}`, children: type.name })
+                  ]
+                },
+                type.id
+              );
+            }) }) })
+          }
+        )
+      ] }),
+      selectedTypeId && /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "stagger-field grid grid-cols-2 items-start gap-3", style: { animationDelay: "0ms" }, children: [
+          lockAmount ? (
+            // O extrato mandou o valor. Ele aparece como FATO, e a linha
+            // abaixo diz por quê — um campo cinza sem explicação faz a
+            // pessoa procurar onde se edita.
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground", children: t("financial.payment.amount") }),
+              /* @__PURE__ */ jsx("p", { className: "mt-1 text-base font-semibold", children: formatCurrency(amount, currency) }),
+              /* @__PURE__ */ jsx("p", { className: "text-[10px] text-muted-foreground", children: t("financial.payment.amountFromStatement") })
+            ] })
+          ) : /* @__PURE__ */ jsx(
+            CurrencyInput,
+            {
+              label: t("financial.payment.amount"),
+              value: amount,
+              onChange: setAmount,
+              symbol: currency.symbol,
+              locale: currency.locale,
+              currencyCode: currency.code
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground", children: t("financial.payment.date") }),
+            /* @__PURE__ */ jsx(DatePicker, { value: paymentDate, onChange: setPaymentDate, className: "mt-1" })
+          ] })
+        ] }),
+        filteredMethods.length > 0 && !isPayable && /* @__PURE__ */ jsxs("div", { className: "stagger-field", style: { animationDelay: "50ms" }, children: [
+          /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground", children: needsCard ? t("financial.payment.card") : t("financial.payment.account") }),
+          /* @__PURE__ */ jsxs(Select, { value: paymentMethodId, onValueChange: setPaymentMethodId, children: [
+            /* @__PURE__ */ jsx(SelectTrigger, { className: "mt-1", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t("financial.payment.select") }) }),
+            /* @__PURE__ */ jsx(SelectContent, { children: filteredMethods.map((m) => /* @__PURE__ */ jsx(SelectItem, { value: m.id, children: m.name }, m.id)) })
+          ] })
+        ] }),
+        (needsCard || payingByCompanyCard) && /* @__PURE__ */ jsxs("div", { className: `stagger-field ${needsCard && needsCardInstallments ? "fz-fields-2" : "fz-fields"}`, style: { animationDelay: "100ms" }, children: [
+          needsCard && /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground", children: t("financial.payment.cardBrand") }),
+            /* @__PURE__ */ jsxs(Select, { value: cardBrand, onValueChange: setCardBrand, children: [
+              /* @__PURE__ */ jsx(SelectTrigger, { className: "mt-1", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t("financial.payment.selectBrand") }) }),
+              /* @__PURE__ */ jsx(SelectContent, { children: ["Visa", "Mastercard", "American Express", "Elo", "Hipercard", "Diners Club"].map((b) => /* @__PURE__ */ jsx(SelectItem, { value: b, children: b }, b)) })
+            ] })
+          ] }),
+          needsCardInstallments && /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground", children: t("financial.payment.cardInstallments") }),
+            /* @__PURE__ */ jsxs(Select, { value: String(cardInstallments), onValueChange: (v) => setCardInstallments(Number(v)), children: [
+              /* @__PURE__ */ jsx(SelectTrigger, { className: "mt-1", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+              /* @__PURE__ */ jsx(SelectContent, { children: Array.from({ length: 12 }, (_, i) => i + 1).map((n) => /* @__PURE__ */ jsxs(SelectItem, { value: String(n), children: [
+                n,
+                "x ",
+                n > 1 ? formatCurrency(amount / n, currency) : ""
+              ] }, n)) })
+            ] })
+          ] })
+        ] }),
+        needsOpenCashSession && /* @__PURE__ */ jsxs("div", { className: "stagger-field rounded-lg border border-dashed border-warning/40 bg-warning/5 px-3 py-2.5 text-center", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("financial.payment.cashNeedsOpenSession") }),
+          /* @__PURE__ */ jsxs("a", { href: appHref("/financial/cash-registers"), className: "mt-1 inline-block text-xs font-medium text-primary hover:underline", children: [
+            t("financial.payment.openCashSession"),
+            " \u2192"
+          ] })
+        ] }),
+        payingByCompanyCard && !sourceAnswered && /* @__PURE__ */ jsxs("div", { className: "stagger-field", style: { animationDelay: "50ms" }, children: [
+          /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground", children: t("financial.payment.whichCard") }),
+          eligibleAccounts.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "mt-1 rounded-lg border border-dashed border-input bg-muted/30 px-3 py-2.5 text-center", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("financial.payment.noCompanyCards") }),
+            /* @__PURE__ */ jsxs("a", { href: appHref("/settings/financial/bank-accounts"), className: "mt-1 inline-block text-xs font-medium text-primary hover:underline", children: [
+              t("financial.payment.registerCard"),
+              " \u2192"
+            ] })
+          ] }) : /* @__PURE__ */ jsx("div", { className: "mt-1.5 grid grid-cols-2 gap-2", role: "radiogroup", children: eligibleAccounts.map((card) => {
+            const last4 = (card.lastFour ?? card.accountNumber ?? "").replace(/\D/g, "").slice(-4);
+            const active = bankAccountId === card.id;
+            return /* @__PURE__ */ jsxs(
+              Button,
+              {
+                variant: "bare",
+                size: "bare",
+                type: "button",
+                role: "radio",
+                "aria-checked": active,
+                onClick: () => setBankAccountId(card.id),
+                className: `font-normal whitespace-normal flex items-center gap-2.5 rounded-button border px-2.5 py-2 text-left transition-colors ${active ? "border-primary bg-primary/5 ring-2 ring-primary/20" : "hover:bg-muted/40"}`,
+                children: [
+                  /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "shrink-0", children: /* @__PURE__ */ jsx(
+                    CardVisual,
+                    {
+                      lastFour: last4,
+                      color: card.color ?? void 0,
+                      brandId: card.cardBrandId ?? void 0
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsxs("span", { className: "min-w-0", children: [
+                    /* @__PURE__ */ jsx("span", { className: "block truncate text-xs font-medium", children: card.name }),
+                    card.bankName && /* @__PURE__ */ jsx("span", { className: "block truncate text-[10px] text-muted-foreground", children: card.bankName })
+                  ] })
+                ]
+              },
+              card.id
+            );
+          }) })
+        ] }),
+        !payingByCompanyCard && !sourceAnswered && /* @__PURE__ */ jsxs("div", { className: "stagger-field", style: { animationDelay: "100ms" }, children: [
+          /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground", children: t("financial.payment.bankAccount") }),
+          eligibleAccounts.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "mt-1 rounded-lg border border-dashed border-input bg-muted/30 px-3 py-2.5 text-center", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: bankAccounts.length > 0 && selectedType ? t("financial.payment.noAccountForMethod", { method: selectedType.name }) : t("financial.payment.noAccounts") }),
+            /* @__PURE__ */ jsxs("a", { href: appHref("/settings/financial/bank-accounts"), className: "mt-1 inline-block text-xs font-medium text-primary hover:underline", children: [
+              t("financial.payment.configureAccounts"),
+              " \u2192"
+            ] })
+          ] }) : /* @__PURE__ */ jsx(
+            AccountPicker,
+            {
+              variant: "field",
+              accounts: eligibleAccounts,
+              value: bankAccountId || void 0,
+              onChange: (id) => setBankAccountId(id ?? ""),
+              placeholder: t("financial.payment.selectAccount"),
+              ariaLabel: t("financial.payment.bankAccount"),
+              clearLabel: t("financial.invoiceForm.clear")
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "stagger-field", style: { animationDelay: "150ms" }, children: [
+          /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground", children: t("financial.payment.notes") }),
+          /* @__PURE__ */ jsx(Input, { type: "text", value: notes, onChange: (e) => setNotes(e.target.value), placeholder: t("financial.payment.optionalNotes"), className: "mt-1" })
+        ] })
+      ] }, selectedTypeId)
+    ] }),
+    /* @__PURE__ */ jsx("style", { children: `
+        .stagger-field {
+          animation: field-slide-in 250ms ease-out both;
+        }
+        @keyframes field-slide-in {
+          from { opacity: 0; transform: translateY(8px); }
+          to { opacity: 1; transform: translateY(0); }
+        }
+      ` })
+  ] });
+  return {
+    node,
+    blockedReason,
+    setAmount,
+    value: {
+      amount,
+      paymentDate,
+      paymentMethodId: paymentMethodId || void 0,
+      paymentMethodTypeId: selectedTypeId || void 0,
+      bankAccountId: bankAccountId || void 0,
+      // Todo pagamento feito com caixa aberto pertence a ele, não só o em
+      // dinheiro: o fechamento confere o cartão da sessão também.
+      cashSessionId: openSession?.id,
+      cardBrand: needsCard ? cardBrand || void 0 : void 0,
+      cardInstallments: needsCardInstallments ? cardInstallments : void 0,
+      notes: notes.trim() || void 0
+    }
+  };
+}
+function PaymentModal({ movement, receiptUrl, onClose, onPaid }) {
+  const t = useTranslation();
+  const { currency } = useFinancialConfig();
+  const payMovement = useFinancialStore((s) => s.payMovement);
+  const remaining = movement.amount - movement.paidAmount;
+  const [saving, setSaving] = useState(false);
+  const command = React13__default.useRef(createPendingCommand(() => createIdempotencyKey("financial:payment"), (input) => input.movementId));
+  const [pending, setPending] = useState(false);
+  const [visible, setVisible] = useState(false);
+  React13__default.useEffect(() => {
+    requestAnimationFrame(() => setVisible(true));
+  }, []);
+  const source = movement.metadata ?? {};
+  const str = (v) => typeof v === "string" && v ? v : void 0;
+  const fields = usePaymentFields({
+    direction: movement.direction,
+    initialAmount: remaining,
+    disabled: pending,
+    initialMethodTypeId: str(source.payMethodTypeId),
+    initialMethodId: str(source.payMethodId),
+    initialAccountId: str(source.payAccountId),
+    onSubmit: () => {
+      if (!saving) void handlePay();
+    }
+  });
+  function handleClose() {
+    if (command.current.pending || command.current.running) return;
+    setVisible(false);
+    setTimeout(onClose, 200);
+  }
+  async function handlePay() {
+    if (command.current.running) return;
+    if (!command.current.pending && fields.blockedReason) return;
+    setSaving(true);
+    setPending(true);
+    try {
+      await command.current.run({
+        // O comprovante viaja com o pagamento — é dele que ele é prova.
+        metadata: receiptUrl ? { receiptUrl } : void 0,
+        movementId: movement.id,
+        ...fields.value
+      }, payMovement);
+      setVisible(false);
+      setTimeout(onPaid, 200);
+    } catch {
+    } finally {
+      setSaving(false);
+      setPending(command.current.pending);
+    }
+  }
+  const receiving = movement.direction === "credit";
+  const title = t(receiving ? "financial.payment.titleReceive" : "financial.payment.title");
+  const body = /* @__PURE__ */ jsx("div", { className: "px-5 py-4", children: fields.node });
+  const footer = /* @__PURE__ */ jsxs("div", { className: "shrink-0 border-t sticky bottom-0 bg-card px-5 py-4 space-y-2", children: [
+    pending && !saving && /* @__PURE__ */ jsxs("p", { role: "status", className: "flex items-start gap-1.5 text-[11px] leading-snug text-muted-foreground", children: [
+      /* @__PURE__ */ jsx(TriangleAlert, { className: "mt-px h-3 w-3 shrink-0 text-warning", "aria-hidden": true }),
+      t("financial.payment.pendingRetry")
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
+      /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: handleClose, disabled: pending || saving, children: t("financial.payment.cancel") }),
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "default",
+          size: "sm",
+          onClick: handlePay,
+          disabled: saving || !pending && !!fields.blockedReason,
+          title: fields.blockedReason ?? void 0,
+          children: [
+            saving ? /* @__PURE__ */ jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin", "aria-hidden": true }) : /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5", "aria-hidden": true }),
+            saving ? t("financial.payment.processing") : fields.blockedReason && !pending ? fields.blockedReason : t(receiving ? "financial.payment.receiveAmount" : "financial.payment.payAmount", { amount: formatCurrency(fields.value.amount, currency) })
+          ]
+        }
+      )
+    ] })
+  ] });
+  const inTaskHost = useInModalTaskHost();
+  if (inTaskHost) {
+    return /* @__PURE__ */ jsxs(
+      ModalTask,
+      {
+        open: true,
+        title,
+        hint: `${t("financial.payment.installment", { number: String(movement.installmentNumber ?? 1) })} \xB7 ${t("financial.payment.remaining", { amount: formatCurrency(remaining, currency) })}`,
+        onClose: handleClose,
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-y-auto", children: body }),
+          footer
+        ]
+      }
+    );
+  }
+  return createPortal(
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "fixed inset-0 z-50 flex items-center justify-center transition-colors duration-200",
+        style: { backgroundColor: visible ? "rgba(0,0,0,0.5)" : "rgba(0,0,0,0)" },
+        onClick: handleClose,
+        children: /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "fz-container w-full max-w-md rounded-modal border bg-card shadow-lg mx-4 transition-all duration-200 max-h-[90vh] overflow-y-auto",
+            style: {
+              opacity: visible ? 1 : 0,
+              transform: visible ? "scale(1) translateY(0)" : "scale(0.95) translateY(8px)"
+            },
+            onClick: (e) => e.stopPropagation(),
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-5 py-4 border-b sticky top-0 bg-card z-10", children: [
+                /* @__PURE__ */ jsxs("div", { children: [
+                  /* @__PURE__ */ jsx("h3", { className: "text-base font-semibold", children: title }),
+                  /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+                    t("financial.payment.installment", { number: String(movement.installmentNumber ?? 1) }),
+                    " \xB7 ",
+                    t("financial.payment.remaining", { amount: formatCurrency(remaining, currency) })
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsx(Button, { variant: "bare", size: "bare", onClick: handleClose, className: "p-1 text-muted-foreground hover:text-foreground transition-colors", children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }) })
+              ] }),
+              body,
+              footer
+            ]
+          }
+        )
+      }
+    ),
+    document.body
+  );
+}
+var ITEM_ICONS = {
+  product: Package,
+  service: Briefcase,
+  gift_card: Gift,
+  other: Receipt
+};
+var NONE = "__none__";
+var TRIGGER_CLASS = `h-auto w-auto justify-start gap-1 rounded-none border-0 bg-transparent p-0 text-xs font-normal shadow-none ring-offset-0 focus:ring-0 focus:ring-offset-0 [&>svg]:h-3 [&>svg]:w-3 ${INLINE_LINK_TONE.dashed}`;
+function InstallmentSourceFields({
+  direction,
+  value,
+  onChange,
+  disabled = false
+}) {
+  const t = useTranslation();
+  const paymentMethodTypes = useFinancialStore((s) => s.paymentMethodTypes);
+  const bankAccounts = useFinancialStore((s) => s.bankAccounts);
+  const can = usePermissionOptional();
+  const selectedType = paymentMethodTypes.find((tp) => tp.id === value.payMethodTypeId);
+  const selectedAccount = bankAccounts.find((a) => a.id === value.payAccountId);
+  const accounts = eligibleAccountsFor(bankAccounts, direction, selectedType);
+  function pickMethod(raw) {
+    const typeId = raw === NONE ? "" : raw;
+    const tipo = paymentMethodTypes.find((tp) => tp.id === typeId);
+    const elegiveis = eligibleAccountsFor(bankAccounts, direction, tipo);
+    const conta = elegiveis.length === 1 ? elegiveis[0].id : elegiveis.some((a) => a.id === value.payAccountId) ? value.payAccountId : void 0;
+    onChange({ payMethodTypeId: typeId || void 0, payAccountId: typeId ? conta : void 0 });
+  }
+  const tone = (filled) => filled ? "text-foreground" : "text-foreground border-b border-dashed border-foreground/60";
+  return /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 flex-col items-start gap-0.5", children: [
+    /* @__PURE__ */ jsxs(
+      Select,
+      {
+        value: value.payMethodTypeId ?? "",
+        disabled,
+        onValueChange: pickMethod,
+        children: [
+          /* @__PURE__ */ jsx(
+            SelectTrigger,
+            {
+              "aria-label": t("financial.invoiceForm.paidWith"),
+              className: `${TRIGGER_CLASS} ${tone(!!selectedType)}`,
+              children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t("financial.invoiceForm.paidWith") })
+            }
+          ),
+          /* @__PURE__ */ jsxs(SelectContent, { children: [
+            paymentMethodTypes.map((tp) => /* @__PURE__ */ jsx(SelectItem, { value: tp.id, children: /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx(MethodIcon, { type: tp }),
+              tp.name
+            ] }) }, tp.id)),
+            value.payMethodTypeId && /* @__PURE__ */ jsx(SelectItem, { value: NONE, className: "text-muted-foreground", children: t("financial.invoiceForm.clear") })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      AccountPicker,
+      {
+        accounts,
+        value: value.payAccountId,
+        disabled: disabled || !value.payMethodTypeId,
+        title: value.payMethodTypeId ? void 0 : t("financial.invoiceForm.selectMethodFirst"),
+        placeholder: t("financial.payment.account"),
+        ariaLabel: t("financial.invoiceForm.paidFrom"),
+        clearLabel: t("financial.invoiceForm.clear"),
+        className: `${INLINE_LINK_TONE.dashed} ${tone(!!selectedAccount)}`,
+        onChange: (id) => onChange({ ...value, payAccountId: id }),
+        onManage: can("financial", "manage") ? () => adminNavigateTo(ACCOUNTS_ROUTE) : void 0,
+        manageLabel: t("financial.invoiceForm.manageAccounts")
+      }
+    )
+  ] });
+}
+var STATUS = {
+  open: { bg: "bg-info-soft text-info-soft-foreground", icon: CircleDashed, labelKey: "financial.invoice.statusOpen" },
+  pending: { bg: "bg-warning-soft text-warning-soft-foreground", icon: CircleDashed, labelKey: "financial.invoice.statusPending" },
+  partial: { bg: "bg-warning-soft text-warning-soft-foreground", icon: CircleEllipsis, labelKey: "financial.invoice.statusPartial" },
+  paid: { bg: "bg-success-soft text-success-soft-foreground", icon: CircleCheckBig, labelKey: "financial.invoice.statusPaid" },
+  overdue: { bg: "bg-destructive-soft text-destructive-soft-foreground", icon: CircleAlert, labelKey: "financial.invoice.statusOverdue" },
+  draft: { bg: "bg-muted text-muted-foreground", icon: CircleDashed, labelKey: "financial.invoice.statusDraft" },
+  cancelled: { bg: "bg-muted text-muted-foreground", icon: Ban, labelKey: "financial.invoice.statusCancelled" }
+};
+function InstallmentStatusBadge({ status }) {
+  const t = useTranslation();
+  const s = STATUS[status ?? ""] ?? STATUS.pending;
+  const Icon = s.icon;
+  return /* @__PURE__ */ jsxs("span", { className: `inline-flex shrink-0 items-center gap-0.5 rounded-full px-1.5 py-0.5 text-[9px] font-medium capitalize ${s.bg}`, children: [
+    /* @__PURE__ */ jsx(Icon, { className: "h-2 w-2" }),
+    " ",
+    t(s.labelKey)
+  ] });
+}
+function InlineAmount({ label, value, onCommit }) {
+  const [draft, setDraft] = React13__default.useState(null);
+  if (draft === null) {
+    return /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "bare",
+        size: "bare",
+        type: "button",
+        onClick: (e) => {
+          e.stopPropagation();
+          setDraft(value);
+        },
+        className: `font-normal whitespace-normal shrink-0 text-sm font-medium tabular-nums hover:opacity-80 ${INLINE_LINK_TONE.dashed}`,
+        children: label
+      }
+    );
+  }
+  const commit = () => {
+    setDraft(null);
+    if (Math.round(draft * 100) !== Math.round(value * 100)) onCommit(draft);
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      onClick: (e) => e.stopPropagation(),
+      onBlur: commit,
+      onKeyDown: (e) => {
+        if (e.key === "Enter") commit();
+        if (e.key === "Escape") setDraft(null);
+      },
+      children: /* @__PURE__ */ jsx(CurrencyInput, { autoFocus: true, value: draft, onChange: setDraft, className: "w-36" })
+    }
+  );
+}
+function InstallmentRow({
+  number,
+  amount,
+  amountValue,
+  onAmountChange,
+  status,
+  dueDate,
+  onDueDateChange,
+  dueExtra,
+  source,
+  actions,
+  onClick
+}) {
+  const t = useTranslation();
+  const stop = (e) => e.stopPropagation();
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `flex flex-wrap items-center gap-3 px-4 py-3 ${onClick ? "cursor-pointer transition-colors hover:bg-muted/20" : ""}`,
+      onClick,
+      children: [
+        /* @__PURE__ */ jsxs("span", { className: "w-6 shrink-0 text-xs font-medium text-muted-foreground", children: [
+          "#",
+          number
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col items-start gap-0.5", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            onAmountChange && amountValue !== void 0 ? /* @__PURE__ */ jsx(InlineAmount, { label: amount, value: amountValue, onCommit: onAmountChange }) : /* @__PURE__ */ jsx("span", { className: "shrink-0 text-sm font-medium tabular-nums", children: amount }),
+            status && /* @__PURE__ */ jsx(InstallmentStatusBadge, { status })
+          ] }),
+          /* @__PURE__ */ jsxs("span", { className: "flex shrink-0 items-center gap-1 whitespace-nowrap text-[10px] text-muted-foreground", onClick: stop, children: [
+            t("financial.payment.due"),
+            onDueDateChange ? /* @__PURE__ */ jsx(DatePicker, { value: dueDate, variant: "inline", format: "numeric", onChange: onDueDateChange }) : dueDate,
+            dueExtra
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "w-44 shrink-0", onClick: stop, children: source }),
+        (actions || onClick) && // Min width fits attach + "Pagar": rows where Pay is absent (unsaved, paid) keep the source column aligned.
+        /* @__PURE__ */ jsxs("div", { className: "flex min-w-32 shrink-0 items-center justify-end gap-1.5", onClick: stop, children: [
+          actions,
+          onClick && /* @__PURE__ */ jsx(ChevronRight, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground", "aria-hidden": true })
+        ] })
+      ]
+    }
+  );
+}
+var BTN = "inline-flex shrink-0 items-center gap-1 px-3 py-1.5 text-xs font-medium transition-colors active:shadow-button-inset disabled:pointer-events-none disabled:opacity-40";
+function InstallmentPayButton({ onClick, disabled, title, children, variant = "primary" }) {
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      variant: "bare",
+      size: "bare",
+      type: "button",
+      onClick,
+      disabled,
+      title,
+      className: `font-normal ${variant === "primary" ? `${BTN} rounded-button border border-primary bg-primary text-primary-foreground shadow-button-primary hover:bg-primary/90` : `${BTN} rounded-lg border bg-card shadow-button hover:bg-muted`}`,
+      children: [
+        /* @__PURE__ */ jsx(DollarSign, { className: "h-3 w-3" }),
+        children
+      ]
+    }
+  );
+}
+function InstallmentActionButton({ onClick, icon: Icon, children }) {
+  return /* @__PURE__ */ jsxs(Button, { variant: "bare", size: "bare", type: "button", onClick, className: `font-normal ${`${BTN} rounded-lg border bg-card shadow-button hover:bg-muted`}`, children: [
+    /* @__PURE__ */ jsx(Icon, { className: "h-3 w-3" }),
+    children
+  ] });
+}
+function InstallmentReceiptButton({ onClick, title, attached, pending, count }) {
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      variant: "bare",
+      size: "bare",
+      type: "button",
+      onClick,
+      title,
+      "aria-label": title,
+      className: `relative inline-flex shrink-0 items-center gap-1 rounded-lg border bg-card px-2.5 py-1.5 text-xs font-medium shadow-button transition-colors hover:bg-muted active:shadow-button-inset ${attached ? "text-success" : pending ? "text-primary" : ""}`,
+      children: [
+        /* @__PURE__ */ jsx(Paperclip, { className: "h-3 w-3" }),
+        !!count && /* @__PURE__ */ jsx("span", { className: "absolute -right-1.5 -top-1.5 flex h-4 min-w-4 items-center justify-center rounded-full bg-primary px-1 text-[10px] font-semibold leading-none text-primary-foreground tabular-nums", children: count })
+      ]
+    }
+  );
+}
+var dataBR = (iso) => {
+  const [ano, mes, dia] = iso.slice(0, 10).split("-");
+  return ano && mes && dia ? `${dia}/${mes}/${ano}` : iso;
+};
+function Campo({ icon: Icon, label, children, tone }) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+    /* @__PURE__ */ jsxs("span", { className: "flex shrink-0 items-center gap-2 text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsx(Icon, { className: "h-3.5 w-3.5", "aria-hidden": true }),
+      label
+    ] }),
+    /* @__PURE__ */ jsx("span", { className: `min-w-0 truncate text-right text-sm ${tone === "money" ? "text-base font-bold text-success" : "font-medium"}`, children })
+  ] });
+}
+var ehEstorno = (m) => !!m.metadata?.reversal_of;
+function PaymentReceiptModal({
+  payments,
+  howCtx,
+  counterpartyName,
+  isReceivable,
+  onReverse,
+  onClose
+}) {
+  const t = useTranslation();
+  const { currency } = useFinancialConfig();
+  const fmt = (n) => formatCurrency(n, currency);
+  const ordenados = [...payments].sort((a, b) => (a.paymentDate ?? "").localeCompare(b.paymentDate ?? "") || (a.createdAt ?? "").localeCompare(b.createdAt ?? ""));
+  const estornaveis = new Set(reversiblePayments(ordenados).map((m) => m.id));
+  const vivos = ordenados.filter((m) => estornaveis.has(m.id));
+  const desfeitos = ordenados.filter((m) => !ehEstorno(m) && !estornaveis.has(m.id)).map((m) => ({
+    payment: m,
+    reversal: ordenados.find((r) => r.metadata?.reversal_of === m.id)
+  }));
+  const [verDesfeitos, setVerDesfeitos] = React13__default.useState(false);
+  const total = vivos.reduce((soma, m) => soma + (m.paidAmount || m.amount), 0);
+  return /* @__PURE__ */ jsx(Modal, { open: true, onOpenChange: (o) => {
+    if (!o) onClose();
+  }, children: /* @__PURE__ */ jsxs(ModalContent, { size: "sm", children: [
+    /* @__PURE__ */ jsx(ModalHeader, { children: /* @__PURE__ */ jsxs(ModalTitle, { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx(DollarSign, { className: "h-5 w-5 text-success", "aria-hidden": true }),
+      t("financial.paymentReceipt.title")
+    ] }) }),
+    /* @__PURE__ */ jsxs(ModalBody, { className: "space-y-2", children: [
+      vivos.length > 1 && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between rounded-card bg-muted/60 px-4 py-2", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: t("financial.paymentReceipt.count", { count: vivos.length }) }),
+        /* @__PURE__ */ jsx("span", { className: "text-sm font-bold text-success", children: fmt(total) })
+      ] }),
+      vivos.map((payment, indice) => {
+        const how = describePayment(payment, howCtx);
+        const estorno = ehEstorno(payment);
+        return /* @__PURE__ */ jsxs("div", { className: "space-y-2.5 rounded-card bg-muted/40 px-4 py-3", children: [
+          vivos.length > 1 && /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-muted-foreground", children: estorno ? t("financial.paymentReceipt.reversalNumber", { number: indice + 1 }) : t("financial.paymentReceipt.paymentNumber", { number: indice + 1 }) }),
+          payment.paymentDate && /* @__PURE__ */ jsx(Campo, { icon: Calendar, label: t("financial.paymentReceipt.date"), children: dataBR(payment.paymentDate) }),
+          /* @__PURE__ */ jsxs(Campo, { icon: DollarSign, label: t("financial.paymentReceipt.amount"), tone: "money", children: [
+            estorno ? "\u2212 " : "",
+            fmt(payment.paidAmount || payment.amount)
+          ] }),
+          /* @__PURE__ */ jsx(Campo, { icon: FileText, label: isReceivable ? t("financial.paymentReceipt.methodIn") : t("financial.paymentReceipt.methodOut"), children: /* @__PURE__ */ jsx("span", { className: "rounded border px-1.5 py-0.5 text-xs", children: how.method || t("financial.paymentReceipt.methodNone") }) }),
+          how.account && /* @__PURE__ */ jsx(Campo, { icon: Building2, label: t("financial.paymentReceipt.account"), children: how.account.name }),
+          payment.cardBrand && /* @__PURE__ */ jsxs(Campo, { icon: CreditCard, label: t("financial.paymentReceipt.cardBrand"), children: [
+            payment.cardBrand,
+            payment.cardInstallments && payment.cardInstallments > 1 ? ` \xB7 ${payment.cardInstallments}x` : ""
+          ] }),
+          (payment.feeAmount ?? 0) > 0 && /* @__PURE__ */ jsx(Campo, { icon: Banknote, label: t("financial.paymentReceipt.fee"), children: /* @__PURE__ */ jsx("span", { className: "text-warning", children: fmt(payment.feeAmount ?? 0) }) }),
+          counterpartyName && /* @__PURE__ */ jsx(Campo, { icon: User, label: isReceivable ? t("financial.paymentReceipt.receivedFrom") : t("financial.paymentReceipt.payer"), children: counterpartyName }),
+          payment.cashSessionId && /* @__PURE__ */ jsx(Campo, { icon: Wallet, label: t("financial.paymentReceipt.cashSession"), children: t("financial.paymentReceipt.cashSessionYes") }),
+          payment.notes && /* @__PURE__ */ jsxs("div", { className: "border-t border-border/60 pt-2", children: [
+            /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
+              t("financial.paymentReceipt.notes"),
+              ": "
+            ] }),
+            /* @__PURE__ */ jsx("span", { className: "text-xs", children: payment.notes })
+          ] }),
+          onReverse && estornaveis.has(payment.id) && /* @__PURE__ */ jsxs("div", { className: "space-y-1 border-t border-border/60 pt-2", children: [
+            /* @__PURE__ */ jsx(Hint, { label: t("financial.paymentReceipt.unlinkUnavailable"), children: /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", className: "w-full", disabled: true, children: [
+              /* @__PURE__ */ jsx(Unlink, { className: "h-3.5 w-3.5", "aria-hidden": true }),
+              t("financial.paymentReceipt.unlink")
+            ] }) }),
+            /* @__PURE__ */ jsxs(
+              Button,
+              {
+                variant: "outline",
+                size: "sm",
+                className: "w-full border-destructive/40 text-destructive hover:border-destructive hover:bg-destructive/10",
+                onClick: () => onReverse(payment),
+                children: [
+                  /* @__PURE__ */ jsx(Trash2, { className: "h-3.5 w-3.5", "aria-hidden": true }),
+                  t("financial.paymentReceipt.reverse")
+                ]
+              }
+            )
+          ] })
+        ] }, payment.id);
+      }),
+      vivos.length === 0 && /* @__PURE__ */ jsx("p", { className: "py-8 text-center text-sm text-muted-foreground", children: t("financial.paymentReceipt.empty") }),
+      desfeitos.length > 0 && /* @__PURE__ */ jsxs("div", { className: "rounded-card border border-dashed px-4 py-2", children: [
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "bare",
+            size: "bare",
+            type: "button",
+            className: "font-normal whitespace-normal flex w-full items-center justify-between text-xs font-medium text-muted-foreground hover:text-foreground",
+            onClick: () => setVerDesfeitos((v) => !v),
+            children: [
+              /* @__PURE__ */ jsx("span", { children: t("financial.paymentReceipt.reversedCount", { count: desfeitos.length }) }),
+              /* @__PURE__ */ jsx("span", { children: verDesfeitos ? t("financial.paymentReceipt.hide") : t("financial.paymentReceipt.show") })
+            ]
+          }
+        ),
+        verDesfeitos && /* @__PURE__ */ jsx("ul", { className: "mt-2 space-y-2", children: desfeitos.map(({ payment, reversal }) => {
+          const how = describePayment(payment, howCtx);
+          const reason = reversal?.metadata?.reason;
+          return /* @__PURE__ */ jsxs("li", { className: "text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+              /* @__PURE__ */ jsxs("span", { className: "truncate", children: [
+                payment.paymentDate ? dataBR(payment.paymentDate) : "",
+                how.account ? ` \xB7 ${how.account.name}` : ""
+              ] }),
+              /* @__PURE__ */ jsx("span", { className: "shrink-0 line-through", children: fmt(payment.paidAmount || payment.amount) })
+            ] }),
+            /* @__PURE__ */ jsxs("p", { children: [
+              reversal?.paymentDate ? t("financial.paymentReceipt.reversedOn", { date: dataBR(reversal.paymentDate) }) : t("financial.paymentReceipt.reversed"),
+              reason ? ` \u2014 ${reason}` : ""
+            ] })
+          ] }, payment.id);
+        }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(ModalFooter, { children: /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: onClose, children: t("common.close") }) })
+  ] }) });
+}
+
+// src/lib/installment-amounts.ts
+var cents = (v) => Math.round(v * 100);
+function rebalanceInstallments(input) {
+  const { amounts, index, total } = input;
+  const locked = input.locked ?? [];
+  const pinned = input.pinned ?? [];
+  if (locked[index]) return null;
+  const open = amounts.map((_, i) => i).filter((i) => i !== index && !locked[i]);
+  if (open.length === 0) return null;
+  const free = open.filter((i) => !pinned[i]);
+  const absorbers = free.length > 0 ? free : open;
+  const fixed = amounts.reduce((sum, a, i) => i === index || absorbers.includes(i) ? sum : sum + cents(a), 0);
+  const room = cents(total) - fixed;
+  if (room < 0) return null;
+  const mine = Math.min(Math.max(cents(input.value), 0), room);
+  const rest = room - mine;
+  const each = Math.floor(rest / absorbers.length);
+  const next = amounts.map(cents);
+  next[index] = mine;
+  absorbers.forEach((i, n) => {
+    next[i] = each + (n === 0 ? rest - each * absorbers.length : 0);
+  });
+  return next.map((c) => c / 100);
+}
+var ACCEPT = "image/*,application/pdf";
+var MAX_BYTES = 15 * 1024 * 1024;
+function size(bytes) {
+  if (!bytes) return "";
+  return bytes < 1024 * 1024 ? `${Math.max(1, Math.round(bytes / 1024))} KB` : `${(bytes / 1024 / 1024).toFixed(1)} MB`;
+}
+function InvoiceAttachmentsModal({ invoiceId, onClose, onChanged }) {
+  const provider = useFinancialProvider();
+  const inputRef = useRef(null);
+  const [items, setItems] = useState(null);
+  const [uploading, setUploading] = useState(0);
+  const [over, setOver] = useState(false);
+  const [preview, setPreview] = useState(null);
+  const [added, setAdded] = useState(0);
+  async function load() {
+    try {
+      setItems(await (provider.getInvoiceAttachments?.(invoiceId) ?? Promise.resolve([])));
+    } catch (e) {
+      setItems([]);
+      toast.error(e?.message ?? String(e));
+    }
+  }
+  useEffect(() => {
+    void load();
+  }, [invoiceId]);
+  async function upload(files) {
+    const list = Array.from(files);
+    if (!list.length || !provider.addInvoiceAttachment) return;
+    const invalid = list.filter((f) => !(f.type.startsWith("image/") || f.type === "application/pdf") || f.size > MAX_BYTES);
+    if (invalid.length) toast.error("Envie imagem ou PDF de at\xE9 15 MB.");
+    const ok = list.filter((f) => !invalid.includes(f));
+    if (!ok.length) return;
+    setUploading((n) => n + ok.length);
+    for (const file of ok) {
+      try {
+        await provider.addInvoiceAttachment(invoiceId, file);
+        setAdded((n) => n + 1);
+      } catch (e) {
+        toast.error(`${file.name}: ${e?.message ?? String(e)}`);
+      } finally {
+        setUploading((n) => n - 1);
+      }
+    }
+    await load();
+    onChanged?.();
+  }
+  return /* @__PURE__ */ jsx(Modal, { open: true, onOpenChange: (o) => {
+    if (!o) onClose();
+  }, children: /* @__PURE__ */ jsx(ModalContent, { size: preview !== null ? "3xl" : "sm", children: preview !== null && items?.[preview] ? /* @__PURE__ */ jsx(
+    AttachmentPreview,
+    {
+      items,
+      index: preview,
+      onIndex: setPreview,
+      onBack: () => setPreview(null)
+    }
+  ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(ModalHeader, { children: /* @__PURE__ */ jsxs(ModalTitle, { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx(Paperclip, { className: "h-4 w-4 text-muted-foreground", "aria-hidden": true }),
+      "Anexos da conta"
+    ] }) }),
+    /* @__PURE__ */ jsxs(ModalBody, { className: "space-y-3", children: [
+      items === null ? /* @__PURE__ */ jsx("ul", { className: "divide-y rounded-card border", "aria-busy": "true", children: [0, 1].map((i) => /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-3 px-3 py-2.5", children: [
+        /* @__PURE__ */ jsx("div", { className: "h-4 w-4 shrink-0 animate-pulse rounded bg-muted" }),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 space-y-1.5", children: [
+          /* @__PURE__ */ jsx("div", { className: "h-3 w-2/3 animate-pulse rounded bg-muted" }),
+          /* @__PURE__ */ jsx("div", { className: "h-2.5 w-1/3 animate-pulse rounded bg-muted" })
+        ] })
+      ] }, i)) }) : items.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "rounded-card bg-muted/40 px-4 py-5 text-center", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: "Nenhum anexo ainda" }),
+        /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: "Guarde aqui o boleto, a nota ou o comprovante de pagamento \u2014 fica tudo junto da conta." })
+      ] }) : /* @__PURE__ */ jsx("ul", { className: "divide-y rounded-card border", children: items.map((a, i) => {
+        const Icon = (a.mimeType ?? "").startsWith("image/") ? Image : FileText;
+        return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "bare",
+            size: "bare",
+            type: "button",
+            onClick: () => setPreview(i),
+            className: "font-normal whitespace-normal justify-start flex w-full items-center gap-3 px-3 py-2 text-left transition-colors hover:bg-muted/40",
+            children: [
+              /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4 shrink-0 text-muted-foreground", "aria-hidden": true }),
+              /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+                /* @__PURE__ */ jsx("p", { className: "truncate text-sm", children: a.fileName }),
+                /* @__PURE__ */ jsx("p", { className: "text-[11px] text-muted-foreground", children: a.pending ? "Arquivo ainda n\xE3o dispon\xEDvel" : [size(a.fileSize), a.createdAt?.slice(0, 10).split("-").reverse().join("/")].filter(Boolean).join(" \xB7 ") })
+              ] }),
+              /* @__PURE__ */ jsx(ChevronRight, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground", "aria-hidden": true })
+            ]
+          }
+        ) }, a.id);
+      }) }),
+      provider.addInvoiceAttachment && /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "bare",
+          size: "bare",
+          type: "button",
+          onClick: () => inputRef.current?.click(),
+          onDragOver: (e) => {
+            e.preventDefault();
+            setOver(true);
+          },
+          onDragLeave: () => setOver(false),
+          onDrop: (e) => {
+            e.preventDefault();
+            setOver(false);
+            void upload(e.dataTransfer.files);
+          },
+          disabled: uploading > 0,
+          className: `font-normal whitespace-normal justify-start ${`flex w-full flex-col items-center gap-1 rounded-card border-2 border-dashed px-4 py-5 text-center transition-colors ${over ? "border-primary bg-primary/5" : "border-border hover:bg-muted/40"}`}`,
+          children: [
+            uploading > 0 ? /* @__PURE__ */ jsx(Loader2, { className: "h-5 w-5 animate-spin text-muted-foreground" }) : /* @__PURE__ */ jsx(UploadCloud, { className: "h-5 w-5 text-muted-foreground", "aria-hidden": true }),
+            /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: uploading > 0 ? "Enviando\u2026" : "Solte arquivos aqui ou clique para escolher" }),
+            /* @__PURE__ */ jsx("span", { className: "text-[11px] text-muted-foreground", children: "Imagem ou PDF, at\xE9 15 MB" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          ref: inputRef,
+          type: "file",
+          accept: ACCEPT,
+          multiple: true,
+          className: "hidden",
+          onChange: (e) => {
+            const f = e.target.files;
+            if (f) void upload(f);
+            e.target.value = "";
+          }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(ModalFooter, { children: /* @__PURE__ */ jsx(Button, { onClick: onClose, disabled: uploading > 0, variant: added > 0 ? "default" : "outline", children: uploading > 0 ? "Enviando\u2026" : added > 0 ? "Concluir" : "Fechar" }) })
+  ] }) }) });
+}
+function AttachmentPreview({ items, index, onIndex, onBack }) {
+  const doc = items[index];
+  const isImage = (doc.mimeType ?? "").startsWith("image/");
+  const isPdf = doc.mimeType === "application/pdf";
+  const go = (d) => onIndex((index + d + items.length) % items.length);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(ModalHeader, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 pr-8", children: [
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "bare",
+          size: "bare",
+          type: "button",
+          onClick: onBack,
+          className: "font-normal inline-flex shrink-0 items-center gap-1 rounded-md px-1.5 py-1 text-sm text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+          children: [
+            /* @__PURE__ */ jsx(ArrowLeft, { className: "h-4 w-4", "aria-hidden": true }),
+            " Voltar"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(ModalTitle, { className: "min-w-0 flex-1 truncate text-sm font-medium", title: doc.fileName, children: doc.fileName }),
+      items.length > 1 && /* @__PURE__ */ jsxs("span", { className: "flex shrink-0 items-center gap-1 text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ jsx(Button, { variant: "bare", size: "bare", type: "button", onClick: () => go(-1), "aria-label": "Anterior", className: "font-normal rounded-md p-1 hover:bg-muted", children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" }) }),
+        index + 1,
+        " de ",
+        items.length,
+        /* @__PURE__ */ jsx(Button, { variant: "bare", size: "bare", type: "button", onClick: () => go(1), "aria-label": "Pr\xF3ximo", className: "font-normal rounded-md p-1 hover:bg-muted", children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" }) })
+      ] }),
+      doc.url && /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: doc.url,
+          target: "_blank",
+          rel: "noreferrer",
+          "aria-label": "Abrir em nova aba",
+          className: "shrink-0 rounded-md p-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+          children: /* @__PURE__ */ jsx(ExternalLink, { className: "h-4 w-4" })
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsx(ModalBody, { children: /* @__PURE__ */ jsx("div", { className: "flex h-[65vh] items-center justify-center overflow-hidden rounded-card bg-muted/40", children: doc.pending || !doc.url ? /* @__PURE__ */ jsxs("p", { className: "max-w-sm p-8 text-center text-sm text-muted-foreground", children: [
+      "O registro deste anexo atravessou, o arquivo ainda n\xE3o. Ele continua no V1 \u2014 procure por",
+      " ",
+      /* @__PURE__ */ jsx("span", { className: "font-mono text-xs", children: doc.fileName }),
+      "."
+    ] }) : isImage ? /* @__PURE__ */ jsx("img", { src: doc.url, alt: doc.fileName, className: "max-h-full max-w-full object-contain" }) : isPdf ? /* @__PURE__ */ jsx("iframe", { src: doc.url, title: doc.fileName, className: "h-full w-full bg-white" }) : /* @__PURE__ */ jsx("p", { className: "p-8 text-center text-sm text-muted-foreground", children: "Este tipo de arquivo n\xE3o tem pr\xE9-visualiza\xE7\xE3o. Use o bot\xE3o de abrir." }) }) })
+  ] });
+}
+var DESTINATIONS = [
+  { value: "devolver", label: "Devolver ao fornecedor" },
+  { value: "perda", label: "Baixar como perda" },
+  { value: "manter", label: "Manter no estoque" }
+];
+function day(iso) {
+  const [y, m, d] = iso.slice(0, 10).split("-");
+  return `${d}/${m}/${y}`;
+}
+function CancelReasonFields({ reasons, reasonId, onReason, detail, onDetail }) {
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsx("div", { className: "text-sm font-medium", children: "Motivo do cancelamento" }),
+    reasons === null ? /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-full" }) : /* @__PURE__ */ jsx(
+      ChoiceSelect,
+      {
+        "aria-label": "Motivo do cancelamento",
+        options: reasons.map((r) => ({ value: r.id, label: r.name })),
+        value: reasonId,
+        onChange: onReason,
+        placeholder: "Selecione um motivo..."
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "textarea",
+      {
+        value: detail,
+        onChange: (e) => onDetail(e.target.value),
+        placeholder: "Detalhe (opcional)...",
+        className: "min-h-20 w-full resize-y rounded-input border border-input bg-card px-3 py-2 text-sm"
+      }
+    )
+  ] });
+}
+function CancelInvoiceDialog({ invoiceId, counterpartyName, totalAmount, items, preselectItemId, onClose, onCancelled }) {
+  const { currency } = useFinancialConfig();
+  const provider = useFinancialProvider();
+  const [selected, setSelected] = useState(
+    () => new Set(preselectItemId ? [preselectItemId] : items.map((i) => i.id))
+  );
+  const [reasons, setReasons] = useState(null);
+  const [reasonId, setReasonId] = useState();
+  const [detail, setDetail] = useState("");
+  const [entries, setEntries] = useState(null);
+  const [destinations, setDestinations] = useState({});
+  const [busy, setBusy] = useState(false);
+  const requestKey = useRef(createIdempotencyKey("financial:invoice-cancel-items"));
+  useEffect(() => {
+    let alive = true;
+    Promise.all([
+      provider.listCancellationReasons?.() ?? Promise.resolve([]),
+      provider.getInvoiceStockEntries?.(invoiceId) ?? Promise.resolve([])
+    ]).then(([r, e]) => {
+      if (alive) {
+        setReasons(r);
+        setEntries(e);
+      }
+    }).catch((err) => {
+      if (alive) {
+        setReasons([]);
+        setEntries([]);
+        toast.error("N\xE3o foi poss\xEDvel carregar o cancelamento", { description: err?.message });
+      }
+    });
+    return () => {
+      alive = false;
+    };
+  }, [provider, invoiceId]);
+  const whole = items.length > 0 && items.every((i) => selected.has(i.id));
+  const amount = whole ? totalAmount : items.filter((i) => selected.has(i.id)).reduce((s, i) => s + i.totalAmount, 0);
+  const stocked = useMemo(() => {
+    const byItem = /* @__PURE__ */ new Map();
+    for (const e of entries ?? []) {
+      const cur = byItem.get(e.itemId);
+      byItem.set(e.itemId, { entered: (cur?.entered ?? 0) + e.entered, enteredOn: cur?.enteredOn ?? e.enteredOn });
+    }
+    return byItem;
+  }, [entries]);
+  const stockedSelected = items.filter((i) => selected.has(i.id) && stocked.has(i.id));
+  const missing = selected.size === 0 ? "Selecione pelo menos um item" : stockedSelected.find((i) => !destinations[i.id]?.destination) ? "Diga o que acontece com a mercadoria" : !reasonId ? "Escolha o motivo do cancelamento" : null;
+  function toggle(id, on) {
+    setSelected((prev) => {
+      const next = new Set(prev);
+      if (on) next.add(id);
+      else next.delete(id);
+      return next;
+    });
+  }
+  async function submit() {
+    if (missing || !reasonId || !provider.cancelInvoiceItems) return;
+    setBusy(true);
+    try {
+      const result = await provider.cancelInvoiceItems({
+        invoiceId,
+        itemIds: whole ? [] : [...selected],
+        reasonId,
+        detail,
+        stock: stockedSelected.map((i) => ({
+          itemId: i.id,
+          destination: destinations[i.id].destination,
+          note: destinations[i.id]?.note
+        })),
+        idempotencyKey: requestKey.current
+      });
+      if (result.creditAmount > 0) {
+        toast.success(result.whole ? "Conta cancelada" : "Itens cancelados", {
+          description: `${formatCurrency(result.creditAmount, currency)} em pagamentos ficaram como cr\xE9dito${counterpartyName ? ` de ${counterpartyName}` : ""}.`
+        });
+      } else {
+        toast.success(result.whole ? "Conta cancelada" : "Itens cancelados");
+      }
+      onCancelled();
+    } catch (err) {
+      toast.error("N\xE3o foi poss\xEDvel cancelar", { description: err?.message });
+      requestKey.current = createIdempotencyKey("financial:invoice-cancel-items");
+    } finally {
+      setBusy(false);
+    }
+  }
+  const loading = reasons === null || entries === null;
+  return /* @__PURE__ */ jsxs(
+    ModalTask,
+    {
+      open: true,
+      title: /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-2 text-destructive", children: [
+        /* @__PURE__ */ jsx(Ban, { className: "h-4 w-4" }),
+        " Cancelar"
+      ] }),
+      width: "max-w-lg",
+      onClose,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "fz-container min-h-0 flex-1 space-y-4 overflow-y-auto px-5 py-4", children: [
+          /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground", children: [
+            "Selecione o que cancelar. Pagamentos j\xE1 alocados ao que for cancelado ser\xE3o liberados como cr\xE9dito",
+            counterpartyName ? ` de ${counterpartyName}` : "",
+            "."
+          ] }),
+          items.length > 1 && /* @__PURE__ */ jsxs("label", { className: "flex cursor-pointer items-center gap-3 rounded-lg border border-destructive/30 bg-destructive-soft px-3 py-2.5 text-sm font-medium text-destructive", children: [
+            /* @__PURE__ */ jsx(
+              Checkbox,
+              {
+                checked: whole,
+                indeterminate: !whole && selected.size > 0,
+                color: "destructive",
+                onChange: (on) => setSelected(on ? new Set(items.map((i) => i.id)) : /* @__PURE__ */ new Set())
+              }
+            ),
+            "Cancelar a conta inteira"
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "space-y-2", children: items.map((it) => /* @__PURE__ */ jsxs("label", { className: "flex cursor-pointer items-center gap-3 rounded-lg border px-3 py-2.5", children: [
+            /* @__PURE__ */ jsx(Checkbox, { checked: selected.has(it.id), onChange: (on) => toggle(it.id, on) }),
+            /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-sm", children: it.description }),
+            loading ? /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-16" }) : stocked.has(it.id) && /* @__PURE__ */ jsx(Badge, { variant: "success", className: "shrink-0", children: "No estoque" }),
+            /* @__PURE__ */ jsx("span", { className: "shrink-0 text-sm tabular-nums text-muted-foreground", children: formatCurrency(it.totalAmount, currency) })
+          ] }, it.id)) }),
+          stockedSelected.length > 0 && /* @__PURE__ */ jsxs("div", { className: "space-y-4 rounded-lg border border-warning/40 bg-warning-soft p-3", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-xs text-warning-soft-foreground", children: "Estes itens deram entrada no estoque. Diga o que acontece com a mercadoria: o destino vale para o saldo que ainda est\xE1 na posi\xE7\xE3o; o que j\xE1 foi consumido fica registrado." }),
+            stockedSelected.map((it) => {
+              const info = stocked.get(it.id);
+              const choice = destinations[it.id];
+              return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+                /* @__PURE__ */ jsxs("div", { children: [
+                  /* @__PURE__ */ jsx("div", { className: "text-sm font-medium", children: it.description }),
+                  /* @__PURE__ */ jsxs("div", { className: "text-xs text-muted-foreground", children: [
+                    "Entrou no estoque: ",
+                    info.entered.toLocaleString("pt-BR"),
+                    " \xB7 ",
+                    day(info.enteredOn)
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsx(
+                  SegmentedControl,
+                  {
+                    "aria-label": `Destino de ${it.description}`,
+                    options: DESTINATIONS,
+                    value: choice?.destination ?? "",
+                    onChange: (v) => setDestinations((d) => ({ ...d, [it.id]: { note: d[it.id]?.note ?? "", destination: v || void 0 } })),
+                    className: "flex-wrap"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    value: choice?.note ?? "",
+                    onChange: (e) => setDestinations((d) => ({ ...d, [it.id]: { destination: d[it.id]?.destination, note: e.target.value } })),
+                    placeholder: "Observa\xE7\xE3o (ex.: nota de devolu\xE7\xE3o 8226400)"
+                  }
+                )
+              ] }, it.id);
+            })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-t pt-3 text-sm font-medium", children: [
+            /* @__PURE__ */ jsx("span", { children: whole ? "Conta inteira ser\xE1 cancelada" : "Total a cancelar" }),
+            /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: formatCurrency(amount, currency) })
+          ] }),
+          /* @__PURE__ */ jsx(CancelReasonFields, { reasons, reasonId, onReason: setReasonId, detail, onDetail: setDetail })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center justify-end gap-2 border-t px-5 py-3", children: [
+          missing && !loading && /* @__PURE__ */ jsx("span", { className: "mr-auto text-xs text-muted-foreground", children: missing }),
+          /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: onClose, disabled: busy, children: "Voltar" }),
+          /* @__PURE__ */ jsxs(Button, { variant: "destructive", size: "sm", onClick: submit, disabled: busy || loading || !!missing, children: [
+            /* @__PURE__ */ jsx(Ban, { className: "h-3.5 w-3.5" }),
+            busy ? "Cancelando\u2026" : whole ? "Cancelar conta" : "Cancelar itens"
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function CancelInvoicesDialog({ targets, onClose, onCancelled }) {
+  if (targets.length === 1) return /* @__PURE__ */ jsx(CancelOneFromList, { target: targets[0], onClose, onCancelled });
+  return /* @__PURE__ */ jsx(CancelManyDialog, { targets, onClose, onCancelled });
+}
+function CancelOneFromList({ target, onClose, onCancelled }) {
+  const provider = useFinancialProvider();
+  const [loaded, setLoaded] = useState(null);
+  useEffect(() => {
+    let alive = true;
+    Promise.all([provider.getInvoiceItems(target.id), provider.getInvoiceById(target.id)]).then(([items, invoice]) => {
+      if (!alive) return;
+      setLoaded({
+        items: items.filter((i) => !i.cancelledAt),
+        // The list row may be one installment; the dialog cancels the invoice.
+        totalAmount: invoice?.totalAmount ?? target.totalAmount,
+        counterpartyName: invoice?.contactName ?? target.counterpartyName
+      });
+    }).catch((err) => {
+      if (alive) {
+        toast.error("N\xE3o foi poss\xEDvel carregar o cancelamento", { description: err?.message });
+        onClose();
+      }
+    });
+    return () => {
+      alive = false;
+    };
+  }, [provider, target.id]);
+  if (!loaded) {
+    return /* @__PURE__ */ jsx(
+      ModalTask,
+      {
+        open: true,
+        title: /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-2 text-destructive", children: [
+          /* @__PURE__ */ jsx(Ban, { className: "h-4 w-4" }),
+          " Cancelar"
+        ] }),
+        width: "max-w-lg",
+        onClose,
+        children: /* @__PURE__ */ jsxs("div", { className: "space-y-3 px-5 py-4", children: [
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-full" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-20 w-full" })
+        ] })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    CancelInvoiceDialog,
+    {
+      invoiceId: target.id,
+      counterpartyName: loaded.counterpartyName,
+      totalAmount: loaded.totalAmount,
+      items: loaded.items,
+      onClose,
+      onCancelled
+    }
+  );
+}
+function CancelManyDialog({ targets, onClose, onCancelled }) {
+  const { currency } = useFinancialConfig();
+  const provider = useFinancialProvider();
+  const [reasons, setReasons] = useState(null);
+  const [reasonId, setReasonId] = useState();
+  const [detail, setDetail] = useState("");
+  const [busy, setBusy] = useState(false);
+  const requestKey = useRef(createIdempotencyKey("financial:invoice-bulk-cancel"));
+  useEffect(() => {
+    let alive = true;
+    (provider.listCancellationReasons?.() ?? Promise.resolve([])).then((r) => {
+      if (alive) setReasons(r);
+    }).catch((err) => {
+      if (alive) {
+        setReasons([]);
+        toast.error("N\xE3o foi poss\xEDvel carregar o cancelamento", { description: err?.message });
+      }
+    });
+    return () => {
+      alive = false;
+    };
+  }, [provider]);
+  const total = targets.reduce((s, x) => s + x.totalAmount, 0);
+  async function submit() {
+    if (!reasonId) return;
+    setBusy(true);
+    let done = 0;
+    let failed = 0;
+    let firstError;
+    const reasonName = reasons?.find((r) => r.id === reasonId)?.name ?? "";
+    for (const target of targets) {
+      const idempotencyKey = `${requestKey.current}:${target.id}`;
+      try {
+        if (provider.cancelInvoiceItems) {
+          await provider.cancelInvoiceItems({ invoiceId: target.id, itemIds: [], reasonId, detail, stock: [], idempotencyKey });
+        } else {
+          await provider.cancelInvoice({ invoiceId: target.id, reason: [reasonName, detail.trim()].filter(Boolean).join(" \u2014 "), idempotencyKey });
+        }
+        done++;
+      } catch (err) {
+        failed++;
+        firstError ?? (firstError = err?.message);
+      }
+    }
+    setBusy(false);
+    if (done > 0) toast.success(done === 1 ? "1 conta cancelada" : `${done} contas canceladas`);
+    if (failed > 0) {
+      toast.error(failed === 1 ? "1 conta n\xE3o p\xF4de ser cancelada" : `${failed} contas n\xE3o puderam ser canceladas`, {
+        description: firstError ?? "Abra a conta para cancelar: ela pode ter mercadoria no estoque."
+      });
+    }
+    onCancelled();
+  }
+  return /* @__PURE__ */ jsxs(
+    ModalTask,
+    {
+      open: true,
+      title: /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-2 text-destructive", children: [
+        /* @__PURE__ */ jsx(Ban, { className: "h-4 w-4" }),
+        " Cancelar"
+      ] }),
+      width: "max-w-lg",
+      onClose,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "fz-container min-h-0 flex-1 space-y-4 overflow-y-auto px-5 py-4", children: [
+          /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground", children: [
+            "As ",
+            targets.length,
+            " contas abaixo ser\xE3o canceladas por inteiro. Pagamentos j\xE1 alocados a elas ser\xE3o liberados como cr\xE9dito."
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "max-h-48 space-y-2 overflow-y-auto", children: targets.map((x) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 rounded-lg border px-3 py-2.5", children: [
+            /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-sm", children: x.label }),
+            /* @__PURE__ */ jsx("span", { className: "shrink-0 text-sm tabular-nums text-muted-foreground", children: formatCurrency(x.totalAmount, currency) })
+          ] }, x.id)) }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-t pt-3 text-sm font-medium", children: [
+            /* @__PURE__ */ jsx("span", { children: "Total a cancelar" }),
+            /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: formatCurrency(total, currency) })
+          ] }),
+          /* @__PURE__ */ jsx(CancelReasonFields, { reasons, reasonId, onReason: setReasonId, detail, onDetail: setDetail })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center justify-end gap-2 border-t px-5 py-3", children: [
+          !reasonId && reasons !== null && /* @__PURE__ */ jsx("span", { className: "mr-auto text-xs text-muted-foreground", children: "Escolha o motivo do cancelamento" }),
+          /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: onClose, disabled: busy, children: "Voltar" }),
+          /* @__PURE__ */ jsxs(Button, { variant: "destructive", size: "sm", onClick: submit, disabled: busy || reasons === null || !reasonId, children: [
+            /* @__PURE__ */ jsx(Ban, { className: "h-3.5 w-3.5" }),
+            busy ? "Cancelando\u2026" : "Cancelar contas"
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+var num = (text) => Number(text.replace(",", ".")) || 0;
+function ReceiveStockDialog({ item, invoiceCurrency, entered, onClose, onReceived }) {
+  const { currency } = useFinancialConfig();
+  const provider = useFinancialProvider();
+  const house = useHouseCurrency();
+  const billCurrency = resolveCurrency(currency, invoiceCurrency);
+  const linkedProductId = item.itemKind === "product" ? item.referenceId : void 0;
+  const [locations, setLocations] = useState(null);
+  const [locationId, setLocationId] = useState();
+  const [product, setProduct] = useState(null);
+  const [variants, setVariants] = useState(null);
+  const [quantities, setQuantities] = useState({});
+  const billedUnitCost = item.quantity ? item.totalAmount / item.quantity : item.unitPrice;
+  const [unitCost, setUnitCost] = useState(Math.round(billedUnitCost * 100) / 100);
+  const [costTouched, setCostTouched] = useState(false);
+  const [fx, setFx] = useState(void 0);
+  const [busy, setBusy] = useState(false);
+  const requestKey = useRef(createIdempotencyKey("financial:invoice-item-stock"));
+  const alreadyIn = (entered ?? []).reduce((sum, e) => sum + e.quantity, 0);
+  const productId = linkedProductId ?? product?.id;
+  useEffect(() => {
+    let alive = true;
+    (provider.listStockLocations?.() ?? Promise.resolve([])).then((rows) => {
+      if (!alive) return;
+      setLocations(rows);
+      if (rows.length === 1) setLocationId(rows[0].id);
+    });
+    if (!linkedProductId) {
+      void provider.searchStockProducts?.(item.description.slice(0, 24)).then((rows) => {
+        if (alive && rows.length === 1) setProduct(rows[0]);
+      });
+    }
+    return () => {
+      alive = false;
+    };
+  }, [provider, item.id]);
+  useEffect(() => {
+    if (!productId) {
+      setVariants(null);
+      return;
+    }
+    let alive = true;
+    setVariants(null);
+    (provider.listProductVariants?.(productId) ?? Promise.resolve([])).then((rows) => {
+      if (!alive) return;
+      const sized = rows.filter((v) => !v.isDefault);
+      const shown = sized.length > 0 ? sized : rows.slice(0, 1);
+      setVariants(shown);
+      const remaining = Math.max(item.quantity - alreadyIn, 0);
+      setQuantities(shown.length === 1 ? { [shown[0].id]: String(remaining || item.quantity) } : {});
+    });
+    return () => {
+      alive = false;
+    };
+  }, [provider, productId]);
+  const single = (variants?.length ?? 0) <= 1;
+  const entries = useMemo(
+    () => (variants ?? []).map((v) => ({ variant: v, quantity: num(quantities[v.id] ?? "") })).filter((e) => e.quantity > 0),
+    [variants, quantities]
+  );
+  const total = entries.reduce((sum, e) => sum + e.quantity, 0);
+  const foreign = !!invoiceCurrency && !!house && invoiceCurrency !== house;
+  useEffect(() => {
+    if (costTouched || total <= 0) return;
+    setUnitCost(Math.round(item.totalAmount / total * 100) / 100);
+  }, [costTouched, total, item.totalAmount]);
+  useEffect(() => {
+    if (!foreign || !invoiceCurrency || !house) return;
+    let alive = true;
+    setFx(void 0);
+    (provider.getFxRate?.(invoiceCurrency, house) ?? Promise.resolve(null)).then((value) => {
+      if (alive) setFx(value);
+    }).catch(() => {
+      if (alive) setFx(null);
+    });
+    return () => {
+      alive = false;
+    };
+  }, [provider, foreign, invoiceCurrency, house]);
+  const missing = !productId ? "Escolha o produto desta linha" : !locationId ? "Escolha onde a mercadoria entra" : total <= 0 ? "Informe quanto chegou" : null;
+  async function submit() {
+    if (missing || !locationId || !provider.receiveInvoiceItemStock) return;
+    setBusy(true);
+    try {
+      await provider.receiveInvoiceItemStock({
+        itemId: item.id,
+        locationId,
+        productId: linkedProductId ? void 0 : product?.id,
+        // The stand-in variant is the stock side's default; naming it is not needed.
+        entries: entries.map((e) => ({ variantId: e.variant.isDefault ? void 0 : e.variant.id, quantity: e.quantity })),
+        unitCost,
+        fxRate: foreign && fx ? fx : void 0,
+        idempotencyKey: requestKey.current
+      });
+      toast.success(`${total.toLocaleString("pt-BR")} em estoque`);
+      onReceived();
+    } catch (err) {
+      toast.error("N\xE3o foi poss\xEDvel dar entrada", { description: err?.message });
+      requestKey.current = createIdempotencyKey("financial:invoice-item-stock");
+    } finally {
+      setBusy(false);
+    }
+  }
+  return /* @__PURE__ */ jsxs(
+    ModalTask,
+    {
+      open: true,
+      title: /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(PackagePlus, { className: "h-4 w-4" }),
+        " Dar entrada no estoque"
+      ] }),
+      width: "max-w-lg",
+      onClose,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "fz-container min-h-0 flex-1 space-y-4 overflow-y-auto px-5 py-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "rounded-lg border px-3 py-2.5", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-sm", children: item.description }),
+              /* @__PURE__ */ jsxs("span", { className: "shrink-0 text-sm tabular-nums text-muted-foreground", children: [
+                item.quantity,
+                " \xD7 ",
+                formatCurrency(billedUnitCost, billCurrency)
+              ] })
+            ] }),
+            alreadyIn > 0 && /* @__PURE__ */ jsxs("p", { className: "mt-1 text-xs text-muted-foreground", children: [
+              "J\xE1 entrou: ",
+              alreadyIn.toLocaleString("pt-BR"),
+              (entered ?? []).some((e) => e.variantName) ? ` (${(entered ?? []).map((e) => `${e.quantity.toLocaleString("pt-BR")} ${e.variantName ?? ""}`.trim()).join(", ")})` : ""
+            ] })
+          ] }),
+          !linkedProductId && /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-sm font-medium", children: "Produto" }),
+            /* @__PURE__ */ jsx(
+              SearchSelect,
+              {
+                value: product?.id,
+                displayValue: product?.name,
+                onChange: (id, option) => setProduct(id && option ? { id, name: option.label } : null),
+                onSearch: async (q) => (await provider.searchStockProducts?.(q) ?? []).map((r) => ({ id: r.id, label: r.name })),
+                minChars: 0,
+                placeholder: "Buscar produto do cat\xE1logo..."
+              }
+            ),
+            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "A linha passa a apontar para este produto." })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-sm font-medium", children: "Local" }),
+            locations === null ? /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-full" }) : locations.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Nenhum local de estoque cadastrado." }) : /* @__PURE__ */ jsx(
+              ChoiceSelect,
+              {
+                "aria-label": "Local de estoque",
+                options: locations.map((l) => ({ value: l.id, label: l.name })),
+                value: locationId,
+                onChange: setLocationId,
+                placeholder: "Selecione o local..."
+              }
+            )
+          ] }),
+          productId && /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-baseline justify-between", children: [
+              /* @__PURE__ */ jsx("div", { className: "text-sm font-medium", children: single ? "Quantidade recebida" : "Quanto chegou de cada varia\xE7\xE3o" }),
+              !single && total > 0 && /* @__PURE__ */ jsxs("span", { className: "text-xs tabular-nums text-muted-foreground", children: [
+                total.toLocaleString("pt-BR"),
+                " no total \xB7 ",
+                item.quantity.toLocaleString("pt-BR"),
+                " na conta"
+              ] })
+            ] }),
+            variants === null ? /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-full" }) : /* @__PURE__ */ jsx("div", { className: single ? "" : "grid grid-cols-2 gap-2 @md:grid-cols-3", children: variants.map((v) => /* @__PURE__ */ jsxs("label", { className: single ? "block" : "flex items-center gap-2 rounded-lg border px-3 py-2", children: [
+              !single && /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-sm", children: v.name }),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  inputMode: "decimal",
+                  "aria-label": single ? "Quantidade recebida" : `Quantidade de ${v.name}`,
+                  value: quantities[v.id] ?? "",
+                  onChange: (e) => setQuantities((q) => ({ ...q, [v.id]: e.target.value })),
+                  placeholder: "0",
+                  wrapperClassName: single ? "w-full" : "w-16",
+                  className: `h-9 tabular-nums ${single ? "" : "text-right"}`
+                }
+              )
+            ] }, v.id)) }),
+            single && variants !== null && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Este produto n\xE3o tem varia\xE7\xF5es. Para separar por tamanho ou cor, cadastre-as no produto (aba Varia\xE7\xF5es)." })
+          ] }),
+          productId && /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-sm font-medium", children: "Custo por unidade" }),
+            /* @__PURE__ */ jsx(
+              CurrencyInput,
+              {
+                value: unitCost,
+                onChange: (v) => {
+                  setCostTouched(true);
+                  setUnitCost(v);
+                },
+                symbol: billCurrency.symbol,
+                locale: billCurrency.locale,
+                currencyCode: billCurrency.code
+              }
+            ),
+            /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+              costTouched ? /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "bare",
+                  size: "bare",
+                  type: "button",
+                  onClick: () => setCostTouched(false),
+                  className: "font-normal whitespace-normal text-primary underline decoration-dashed underline-offset-2 hover:opacity-80",
+                  children: "Voltar ao custo calculado"
+                }
+              ) : total > 0 ? `${formatCurrency(item.totalAmount, billCurrency)} da linha \xF7 ${total.toLocaleString("pt-BR")} recebidas.` : "Calculado pelo valor da linha e pela quantidade recebida.",
+              foreign && fx ? ` Em estoque: ${formatCurrency(unitCost * fx, resolveCurrency(currency, house))} cada.` : ""
+            ] })
+          ] }),
+          foreign && productId && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: fx === void 0 ? "Buscando o c\xE2mbio do dia\u2026" : fx ? `C\xE2mbio do dia: 1 ${invoiceCurrency} = ${fx.toLocaleString("pt-BR", { maximumFractionDigits: 4 })} ${house}. A conta \xE9 em ${invoiceCurrency} e o estoque \xE9 guardado em ${house}.` : `Sem c\xE2mbio ${invoiceCurrency} \u2192 ${house} dispon\xEDvel agora. A entrada tenta buscar de novo ao confirmar.` })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center justify-end gap-2 border-t px-5 py-3", children: [
+          missing && /* @__PURE__ */ jsx("span", { className: "mr-auto text-xs text-muted-foreground", children: missing }),
+          /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: onClose, disabled: busy, children: "Voltar" }),
+          /* @__PURE__ */ jsxs(Button, { size: "sm", onClick: submit, disabled: busy || !!missing, children: [
+            /* @__PURE__ */ jsx(PackagePlus, { className: "h-3.5 w-3.5" }),
+            busy ? "Lan\xE7ando\u2026" : total > 0 ? `Dar entrada em ${total.toLocaleString("pt-BR")}` : "Dar entrada"
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+var day2 = (iso) => {
+  if (!iso) return "";
+  const [y, m, d] = iso.slice(0, 10).split("-");
+  return `${d}/${m}/${y}`;
+};
+var qty = (n) => n.toLocaleString("pt-BR");
+var real = (name) => name && name !== "Padr\xE3o" ? name : void 0;
+function StockEntryNote({ entries, onOpen }) {
+  if (!entries || entries.length === 0) return null;
+  const total = entries.reduce((sum, e) => sum + e.quantity, 0);
+  const named = entries.filter((e) => real(e.variantName));
+  const first = entries.map((e) => e.enteredOn).filter(Boolean).sort()[0];
+  const text = /* @__PURE__ */ jsxs("span", { className: "truncate", children: [
+    "Entrou no estoque: ",
+    qty(total),
+    named.length > 0 && ` (${named.map((e) => `${qty(e.quantity)} ${e.variantName}`).join(", ")})`,
+    first && ` \xB7 ${day2(first)}`
+  ] });
+  const body = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Package, { className: "h-3 w-3 shrink-0", "aria-hidden": true }),
+    text
+  ] });
+  if (!onOpen) return /* @__PURE__ */ jsx("span", { className: "inline-flex max-w-full items-center gap-1 text-success", children: body });
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant: "bare",
+      size: "bare",
+      type: "button",
+      onClick: (e) => {
+        e.stopPropagation();
+        onOpen();
+      },
+      className: `font-normal whitespace-normal inline-flex max-w-full items-center gap-1 text-success hover:opacity-80 ${INLINE_LINK_TONE.dashed}`,
+      children: body
+    }
+  );
+}
+function StockEntryDetailsDialog({ title, entries, onClose }) {
+  const { currency } = useFinancialConfig();
+  const total = entries.reduce((sum, e) => sum + e.quantity, 0);
+  const stockCode = entries.find((e) => e.currency)?.currency;
+  const stockCurrency = resolveCurrency(currency, stockCode);
+  const stockValue = entries.reduce((sum, e) => sum + e.quantity * (e.unitCost ?? 0), 0);
+  const paidCode = entries.find((e) => e.sourceCurrency)?.sourceCurrency;
+  const paidValue = entries.reduce((sum, e) => sum + e.quantity * (e.sourceUnitCost ?? 0), 0);
+  const rate = entries.find((e) => e.fxRate)?.fxRate;
+  return /* @__PURE__ */ jsx(
+    ModalTask,
+    {
+      open: true,
+      title: /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(Package, { className: "h-4 w-4" }),
+        " Entrada no estoque"
+      ] }),
+      width: "max-w-lg",
+      onClose,
+      children: /* @__PURE__ */ jsxs("div", { className: "fz-container min-h-0 flex-1 space-y-4 overflow-y-auto px-5 py-4", children: [
+        /* @__PURE__ */ jsx("p", { className: "truncate text-sm font-medium", children: title }),
+        /* @__PURE__ */ jsx("ul", { className: "divide-y rounded-lg border", children: entries.map((e, i) => /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-3 px-3 py-2.5 text-sm", children: [
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsxs("p", { className: "truncate font-medium", children: [
+              qty(e.quantity),
+              real(e.variantName) ? ` \xD7 ${e.variantName}` : ""
+            ] }),
+            /* @__PURE__ */ jsx("p", { className: "truncate text-xs text-muted-foreground", children: [e.locationName, day2(e.enteredOn)].filter(Boolean).join(" \xB7 ") })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "shrink-0 text-right", children: [
+            /* @__PURE__ */ jsxs("p", { className: "tabular-nums", children: [
+              formatCurrency(e.unitCost ?? 0, resolveCurrency(currency, e.currency)),
+              " cada"
+            ] }),
+            e.sourceCurrency && e.sourceUnitCost != null && /* @__PURE__ */ jsxs("p", { className: "text-xs tabular-nums text-muted-foreground", children: [
+              "pago ",
+              formatCurrency(e.sourceUnitCost, resolveCurrency(currency, e.sourceCurrency))
+            ] })
+          ] })
+        ] }, i)) }),
+        /* @__PURE__ */ jsxs("dl", { className: "space-y-1 text-sm", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex justify-between", children: [
+            /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground", children: "Total recebido" }),
+            /* @__PURE__ */ jsx("dd", { className: "font-medium tabular-nums", children: qty(total) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex justify-between", children: [
+            /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground", children: "Valor em estoque" }),
+            /* @__PURE__ */ jsx("dd", { className: "font-medium tabular-nums", children: formatCurrency(stockValue, stockCurrency) })
+          ] }),
+          paidCode && /* @__PURE__ */ jsxs("div", { className: "flex justify-between", children: [
+            /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground", children: "Valor pago" }),
+            /* @__PURE__ */ jsx("dd", { className: "tabular-nums", children: formatCurrency(paidValue, resolveCurrency(currency, paidCode)) })
+          ] }),
+          paidCode && rate && /* @__PURE__ */ jsxs("div", { className: "flex justify-between", children: [
+            /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground", children: "C\xE2mbio usado" }),
+            /* @__PURE__ */ jsxs("dd", { className: "tabular-nums", children: [
+              "1 ",
+              paidCode,
+              " = ",
+              rate.toLocaleString("pt-BR", { maximumFractionDigits: 4 }),
+              " ",
+              stockCode
+            ] })
+          ] })
+        ] })
+      ] })
+    }
+  );
+}
+var STATUS_COLORS = {
+  open: { bg: "bg-info-soft text-info-soft-foreground", icon: CircleDashed, labelKey: "financial.invoice.statusOpen", tone: "info" },
+  pending: { bg: "bg-warning-soft text-warning-soft-foreground", icon: CircleDashed, labelKey: "financial.invoice.statusPending", tone: "warning" },
+  partial: { bg: "bg-warning-soft text-warning-soft-foreground", icon: CircleEllipsis, labelKey: "financial.invoice.statusPartial", tone: "warning" },
+  paid: { bg: "bg-success-soft text-success-soft-foreground", icon: CircleCheckBig, labelKey: "financial.invoice.statusPaid", tone: "success" },
+  overdue: { bg: "bg-destructive-soft text-destructive-soft-foreground", icon: CircleAlert, labelKey: "financial.invoice.statusOverdue", tone: "destructive" },
+  draft: { bg: "bg-muted text-muted-foreground", icon: CircleDashed, labelKey: "financial.invoice.statusDraft", tone: "muted" },
+  cancelled: { bg: "bg-muted text-muted-foreground", icon: Ban, labelKey: "financial.invoice.statusCancelled", tone: "muted" }
+};
+function itemKindLabel(kind, t) {
+  if (!kind || kind === "other") return void 0;
+  const label = t(`financial.itemKind.${kind}`);
+  return label.startsWith("financial.itemKind.") ? void 0 : label;
+}
+function InvoiceDetailView({ invoiceId, direction, onBack, onEdit, backLabel, embedded }) {
+  const t = useTranslation();
+  const config = useFinancialConfig();
+  const parentLabel = backLabel ?? (direction === "debit" ? t("financial.nav.payables") : t("financial.nav.receivables"));
+  const provider = useFinancialProvider();
+  const paymentMethods = useFinancialStore((s) => s.paymentMethods);
+  const paymentMethodTypes = useFinancialStore((s) => s.paymentMethodTypes);
+  const bankAccounts = useFinancialStore((s) => s.bankAccounts);
+  const fetchPaymentMethods = useFinancialStore((s) => s.fetchPaymentMethods);
+  const fetchBankAccounts = useFinancialStore((s) => s.fetchBankAccounts);
+  const reverseMovements = useFinancialStore((s) => s.reverseMovements);
+  const [detailsLoaded, setDetailsLoaded] = useState(false);
+  const [detailsLoading, setDetailsLoading] = useState(false);
+  const [invoice, setInvoice] = useState(null);
+  const currency = useCurrency(config.currency, invoice?.currency);
+  const unitMode = useUnitMode();
+  const unitName = useUnitStore((st) => unitMode && invoice?.unitId ? st.byId[invoice.unitId]?.name : void 0);
+  const [items, setItems] = useState([]);
+  const [attachments, setAttachments] = useState([]);
+  const [movements, setMovements] = useState([]);
+  const [payments, setPayments] = useState([]);
+  const [holders, setHolders] = useState(/* @__PURE__ */ new Map());
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const [reversing, setReversing] = useState(null);
+  const [reverseKeep, setReverseKeep] = useState(/* @__PURE__ */ new Set());
+  const [receiptBill, setReceiptBill] = useState(null);
+  const [reverseReason, setReverseReason] = useState("");
+  const [payingMovement, setPayingMovement] = useState(null);
+  const [attachmentsOpen, setAttachmentsOpen] = useState(false);
+  const [pendingReceipt, setPendingReceipt] = useState();
+  const [menuOpen, setMenuOpen] = useState(false);
+  const [cancelTarget, setCancelTarget] = useState(null);
+  const menuRef = useRef(null);
+  async function patchSource(mov, next) {
+    const metadata = { ...mov.metadata ?? {}, ...next };
+    setMovements((prev) => prev.map((m) => m.id === mov.id ? { ...m, metadata } : m));
+    try {
+      await provider.updateInstallment?.(mov.id, { metadata });
+    } catch {
+      void loadData();
+    }
+  }
+  async function patchDueDate(mov, dueDate) {
+    if (!dueDate || dueDate === mov.dueDate) return;
+    setMovements((prev) => prev.map((m) => m.id === mov.id ? { ...m, dueDate } : m));
+    try {
+      await provider.updateInstallment?.(mov.id, { dueDate });
+    } catch {
+      void loadData();
+    }
+  }
+  const [pinnedAmounts, setPinnedAmounts] = useState(/* @__PURE__ */ new Set());
+  const [showCancelledRows, setShowCancelledRows] = useState(false);
+  const [receiveTarget, setReceiveTarget] = useState(null);
+  const [stockDetailTarget, setStockDetailTarget] = useState(null);
+  const [stockDetails, setStockDetails] = useState(/* @__PURE__ */ new Map());
+  const stockSummary = (itemId, total) => {
+    const named = (stockDetails.get(itemId) ?? []).filter((d) => d.variantName && d.variantName !== "Padr\xE3o");
+    const count = total.toLocaleString("pt-BR");
+    return named.length ? `${count} (${named.map((d) => `${d.quantity.toLocaleString("pt-BR")} ${d.variantName}`).join(", ")})` : count;
+  };
+  const [stockVersion, setStockVersion] = useState(0);
+  const [stockByItem, setStockByItem] = useState(null);
+  useEffect(() => {
+    let alive = true;
+    setStockByItem(null);
+    if (direction !== "debit" || !provider.getInvoiceStockEntries) return;
+    provider.getInvoiceStockEntries(invoiceId).then((entries) => {
+      if (!alive) return;
+      const byItem = /* @__PURE__ */ new Map();
+      for (const e of entries) byItem.set(e.itemId, (byItem.get(e.itemId) ?? 0) + e.entered);
+      setStockByItem(byItem);
+    }).catch(() => {
+      if (alive) setStockByItem(/* @__PURE__ */ new Map());
+    });
+    void provider.getInvoiceStockDetails?.(invoiceId).then((rows) => {
+      if (!alive) return;
+      const byItem = /* @__PURE__ */ new Map();
+      for (const r of rows) byItem.set(r.itemId, [...byItem.get(r.itemId) ?? [], r]);
+      setStockDetails(byItem);
+    }).catch(() => {
+    });
+    return () => {
+      alive = false;
+    };
+  }, [provider, invoiceId, direction, stockVersion]);
+  const canChangeAmounts = !!provider.rescheduleInvoice && invoice?.status !== "cancelled" && movements.length > 1 && movements.every((m) => m.status !== "paid" && m.status !== "partial" && m.status !== "cancelled" && !(m.paidAmount > 0));
+  async function patchAmount(mov, value) {
+    if (!invoice || !provider.rescheduleInvoice) return;
+    const index = movements.findIndex((m) => m.id === mov.id);
+    const next = rebalanceInstallments({
+      amounts: movements.map((m) => m.amount),
+      index,
+      value,
+      total: invoice.totalAmount,
+      pinned: movements.map((m) => pinnedAmounts.has(m.installmentNumber ?? 0))
+    });
+    if (!next) return;
+    setPinnedAmounts((prev) => new Set(prev).add(mov.installmentNumber ?? 0));
+    setMovements((prev) => prev.map((m, n) => ({ ...m, amount: next[n] })));
+    try {
+      await provider.rescheduleInvoice(invoice.id, movements.map((m, n) => ({
+        dueDate: m.dueDate,
+        amount: next[n],
+        metadata: m.metadata ?? {}
+      })));
+    } catch (err) {
+      toast.error("N\xE3o foi poss\xEDvel mudar o valor da parcela", { description: err?.message });
+    }
+    void loadData();
+  }
+  async function patchInvoiceDate(invoiceDate) {
+    if (!invoice || !invoiceDate || invoiceDate === invoice.invoiceDate) return;
+    const antes = invoice;
+    setInvoice({ ...invoice, invoiceDate });
+    try {
+      await provider.updateInvoice(invoice.id, { invoiceDate });
+    } catch (e) {
+      setInvoice(antes);
+      toast.error(e?.message ?? String(e));
+    }
+  }
+  const reqRef = useRef(0);
+  async function loadData() {
+    const req = ++reqRef.current;
+    setLoading(true);
+    setError(null);
+    try {
+      const [inv, invItems, movResult, anexos] = await Promise.all([
+        provider.getInvoiceById(invoiceId),
+        provider.getInvoiceItems(invoiceId),
+        // Scope to THIS invoice (not the tenant-wide first-50 page) so every
+        // installment/payment loads regardless of how many movements exist.
+        provider.getMovements({ direction, invoiceId, pageSize: 500 }),
+        // Opcional no provider: um provider que não sabe de anexo devolve vazio
+        // em vez de derrubar a tela inteira do detalhe.
+        provider.getInvoiceAttachments?.(invoiceId).catch(() => []) ?? Promise.resolve([])
+      ]);
+      if (req !== reqRef.current) return;
+      setInvoice(inv);
+      setItems(invItems);
+      setAttachments(anexos);
+      setMovements(
+        movResult.data.filter((m) => m.invoiceId === invoiceId && m.movementKind === "bill").sort((a, b) => (a.installmentNumber ?? 0) - (b.installmentNumber ?? 0))
+      );
+      const pays = movResult.data.filter((m) => m.invoiceId === invoiceId && m.movementKind === "payment").sort((a, b) => (a.paymentDate ?? "").localeCompare(b.paymentDate ?? ""));
+      setPayments(pays);
+      if (pays.length > 0) void loadPaymentLabels(pays, req);
+    } catch (e) {
+      if (req !== reqRef.current) return;
+      setError(e?.message ?? String(e));
+    } finally {
+      if (req === reqRef.current) setLoading(false);
+    }
+  }
+  useEffect(() => {
+    void loadData();
+  }, [invoiceId]);
+  useDataChanged({ table: T.movements }, () => {
+    void loadData();
+  }, [invoiceId, direction]);
+  useEffect(() => {
+    if (!menuOpen) return;
+    function handleClick(e) {
+      if (menuRef.current && !menuRef.current.contains(e.target)) setMenuOpen(false);
+    }
+    document.addEventListener("mousedown", handleClick);
+    return () => document.removeEventListener("mousedown", handleClick);
+  }, [menuOpen]);
+  async function loadPaymentLabels(pays, req) {
+    const ids = [...new Set(pays.map(paymentHolderId).filter((id) => Boolean(id)))];
+    try {
+      const [accounts] = await Promise.all([
+        ids.length > 0 && provider.getAccountsByIds ? provider.getAccountsByIds(ids) : Promise.resolve([]),
+        fetchPaymentMethods(),
+        fetchBankAccounts()
+      ]);
+      if (req !== reqRef.current) return;
+      setHolders(new Map(accounts.map((a) => [a.id, a])));
+    } catch {
+    }
+  }
+  async function loadPaymentDetails() {
+    if (detailsLoaded || detailsLoading) return;
+    setDetailsLoading(true);
+    try {
+      await Promise.all([fetchPaymentMethods(), fetchBankAccounts()]);
+      setDetailsLoaded(true);
+    } catch {
+    } finally {
+      setDetailsLoading(false);
+    }
+  }
+  useEffect(() => {
+    void loadPaymentDetails();
+  }, [invoiceId]);
+  const [chartNames, setChartNames] = React13__default.useState(/* @__PURE__ */ new Map());
+  React13__default.useEffect(() => {
+    let cancelled2 = false;
+    void provider.getChartOfAccounts().then((rows) => {
+      if (!cancelled2) setChartNames(new Map(rows.map((r) => [r.id, r.name])));
+    }).catch(() => {
+    });
+    return () => {
+      cancelled2 = true;
+    };
+  }, [provider]);
+  if (loading) {
+    return /* @__PURE__ */ jsx(OrderDetailSkeleton, { parentLabel: embedded ? void 0 : parentLabel, onBack: embedded ? void 0 : onBack });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+      /* @__PURE__ */ jsx(SubpageHeader, { title: t("financial.invoice.loadFailed"), onBack, parentLabel }),
+      /* @__PURE__ */ jsxs("div", { className: "rounded-card border border-destructive/30 bg-destructive/5 px-4 py-3", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive", children: t("financial.invoice.loadFailedDesc") }),
+        /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-destructive/80 break-words", children: error })
+      ] }),
+      /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: () => void loadData(), children: t("financial.invoice.retry") })
+    ] });
+  }
+  if (!invoice) {
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+      /* @__PURE__ */ jsx(SubpageHeader, { title: t("financial.invoice.notFound"), onBack, parentLabel }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("financial.invoice.notFoundDesc") })
+    ] });
+  }
+  const settlements = groupPaymentsByBill(movements, payments);
+  const accountsById = new Map(bankAccounts.map((a) => [a.id, a]));
+  for (const [id, a] of holders) accountsById.set(id, a);
+  const howCtx = { paymentMethods, paymentMethodTypes, accountsById, t };
+  const statusConfig = STATUS_COLORS[invoice.status] ?? STATUS_COLORS.pending;
+  statusConfig.icon;
+  const totalPaid = movements.reduce((sum, m) => sum + m.paidAmount, 0);
+  const liveInstallments = movements.filter((m) => m.status !== "cancelled");
+  const splitCancelled = invoice.status !== "cancelled" && liveInstallments.length > 0;
+  const scheduleRows = splitCancelled ? liveInstallments : movements;
+  const cancelledRows = splitCancelled ? movements.filter((m) => m.status === "cancelled") : [];
+  const totalRemaining = invoice.totalAmount - totalPaid;
+  const counted = items.filter((it) => !it.cancelledAt);
+  const subtotal = counted.reduce((sum, it) => sum + it.quantity * it.unitPrice, 0);
+  const totalDiscount = counted.reduce((sum, it) => sum + it.discount, 0);
+  const totalSurcharge = counted.reduce((sum, it) => sum + it.surcharge, 0);
+  const liveItems = items.filter((it) => !it.cancelledAt);
+  const detailItems = items.map((it, i) => ({
+    id: it.id ?? String(i),
+    // Uma linha sem texto próprio herda o da fatura — melhor repetir o assunto
+    // do que mostrar um campo vazio com um enum embaixo.
+    name: it.description || invoice.itemsSummary || invoice.observations || t("financial.invoice.item"),
+    // `itemKind` é vocabulário do banco, não do balcão: 'other' não diz nada a
+    // ninguém e era o que sobrava quando a linha vinha sem nome. Só aparece
+    // quando tem uma tradução de verdade.
+    description: it.cancelledAt ? `Cancelado${it.cancelReason ? ` \u2014 ${it.cancelReason}` : ""}` : itemKindLabel(it.itemKind, t),
+    struck: !!it.cancelledAt,
+    // A classificação vai no campo dela, que o arquétipo desenha como pastilha
+    // no meio da linha — o mesmo lugar que ela ocupa no formulário.
+    account: it.accountId ? chartNames.get(it.accountId) : void 0,
+    icon: ITEM_ICONS[it.itemKind ?? "other"],
+    imageUrl: it.imageUrl,
+    note: stockDetails.has(it.id) ? /* @__PURE__ */ jsx(StockEntryNote, { entries: stockDetails.get(it.id), onOpen: () => setStockDetailTarget(it) }) : void 0,
+    // O LÁPIS DA LINHA. Aparece no hover (o arquétipo reserva o espaço, então
+    // a coluna de valores não dança) e leva para a edição com ESTA linha
+    // aberta — sem ele, conferir um item e querer corrigi-lo custava abrir a
+    // edição e reencontrar ali o que o dedo já estava apontando.
+    ...invoice.status !== "cancelled" && !it.cancelledAt ? { actions: [
+      ...onEdit && movements.every((m) => m.paidAmount <= 0) ? [{ id: "edit", label: t("financial.invoiceForm.edit"), icon: Pencil, onSelect: () => onEdit(i) }] : [],
+      // What already entered is stated; receiving (more) is always offered,
+      // because goods rarely arrive the way the bill reads.
+      ...direction === "debit" && stockByItem && stockByItem.has(it.id) ? [{
+        id: "stock-status",
+        icon: Package,
+        disabled: true,
+        onSelect: () => {
+        },
+        label: `No estoque: ${stockSummary(it.id, stockByItem.get(it.id))}`
+      }] : [],
+      ...direction === "debit" && stockByItem && provider.receiveInvoiceItemStock ? [{
+        id: "stock",
+        icon: PackagePlus,
+        onSelect: () => setReceiveTarget(it),
+        label: stockByItem.has(it.id) ? "Dar entrada em mais" : "Dar entrada no estoque"
+      }] : [],
+      { id: "cancel", label: "Cancelar", icon: Ban, intent: "danger", onSelect: () => setCancelTarget(it.id) }
+    ] } : {},
+    quantity: it.quantity,
+    unitPrice: formatCurrency(it.unitPrice, currency),
+    total: formatCurrency(it.totalAmount, currency)
+  }));
+  if (detailItems.length === 0 && invoice.totalAmount > 0) {
+    detailItems.push({
+      id: "no-lines",
+      name: invoice.itemsSummary || invoice.observations || t("financial.invoice.item"),
+      description: t("financial.invoice.noLines"),
+      quantity: 1,
+      unitPrice: formatCurrency(invoice.totalAmount, currency),
+      total: formatCurrency(invoice.totalAmount, currency)
+    });
+  }
+  const cancelled = invoice.status === "cancelled";
+  const totalRows = [
+    ...totalDiscount > 0 || totalSurcharge > 0 ? [{ label: t("financial.invoice.subtotal"), value: formatCurrency(subtotal, currency), muted: true }] : [],
+    ...totalDiscount > 0 ? [{ label: t("financial.invoice.discount"), value: `-${formatCurrency(totalDiscount, currency)}`, muted: true }] : [],
+    ...totalSurcharge > 0 ? [{ label: t("financial.invoice.surcharge"), value: `+${formatCurrency(totalSurcharge, currency)}`, muted: true }] : [],
+    { label: t("financial.invoice.total"), value: formatCurrency(invoice.totalAmount, currency), strong: true },
+    { label: t("financial.invoice.columnPaid"), value: formatCurrency(totalPaid, currency) },
+    ...totalRemaining > 0 ? [{ label: t("financial.invoice.balance"), value: formatCurrency(totalRemaining, currency) }] : []
+  ];
+  direction === "debit" ? t("financial.invoice.accountsPayable") : t("financial.invoice.accountsReceivable");
+  const actions = /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ jsx(WidgetSlot, { zone: FINANCIAL_INVOICE_ZONES.headerActions, invoiceId: invoice.id, direction, cancelled }),
+    /* @__PURE__ */ jsx(
+      PageActions,
+      {
+        actions: !cancelled ? [
+          ...onEdit && invoice.status !== "paid" ? [{ id: "edit", label: t("financial.invoice.edit"), icon: Pencil, intent: "primary", onSelect: () => onEdit() }] : [],
+          // Also on a paid bill: what was paid becomes the counterparty's credit (V1).
+          { id: "cancel", label: "Cancelar", icon: Ban, intent: "danger", onSelect: () => setCancelTarget("") }
+        ] : []
+      }
+    )
+  ] });
+  const sideBlocks = /* @__PURE__ */ jsxs(Fragment, { children: [
+    invoice.bookingStartsAt && /* @__PURE__ */ jsx(OrderDetailBlock, { title: t("financial.invoice.booking"), children: /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "bare",
+        size: "bare",
+        type: "button",
+        onClick: () => config.onBookingClick?.(invoice.id),
+        className: "inline-flex items-center gap-1 text-sm font-medium text-magic hover:underline",
+        children: [
+          /* @__PURE__ */ jsx(CalendarDays, { className: "h-3.5 w-3.5 shrink-0" }),
+          new Date(invoice.bookingStartsAt).toLocaleDateString(void 0, { weekday: "short", day: "2-digit", month: "short" }),
+          " ",
+          new Date(invoice.bookingStartsAt).toLocaleTimeString(void 0, { hour: "2-digit", minute: "2-digit" }),
+          /* @__PURE__ */ jsx(ExternalLink, { className: "h-2.5 w-2.5" })
+        ]
+      }
+    ) }),
+    invoice.observations && /* @__PURE__ */ jsx(OrderDetailBlock, { title: t("financial.invoice.notes"), children: /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: invoice.observations }) }),
+    !!invoice.tags?.length && /* @__PURE__ */ jsx(OrderDetailBlock, { title: t("financial.invoiceForm.tags"), children: /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: invoice.tags.map((tag) => /* @__PURE__ */ jsx(TagChip, { tag }, tag)) }) })
+  ] });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      OrderDetailView,
+      {
+        embedded,
+        title: invoice.fiscalNumber ? `#${invoice.fiscalNumber}` : invoice.contactName ?? invoice.invoiceDate,
+        badges: [{ label: t(statusConfig.labelKey), tone: statusConfig.tone }],
+        onBack: embedded ? void 0 : onBack,
+        backLabel: embedded ? void 0 : parentLabel,
+        meta: invoice,
+        actions,
+        stats: [
+          { id: "total", label: t("financial.invoice.total"), value: formatCurrency(invoice.totalAmount, currency), icon: DollarSign },
+          { id: "items", label: t("financial.invoice.items"), value: liveItems.length, icon: LayoutList },
+          { id: "installments", label: t("financial.invoice.installments"), value: `${invoice.totalInstallments}x`, icon: Layers },
+          {
+            id: "date",
+            label: t("financial.invoice.date"),
+            icon: CalendarDays,
+            value: invoice.status !== "cancelled" ? /* @__PURE__ */ jsx(DatePicker, { value: invoice.invoiceDate, variant: "inline", format: "numeric", onChange: (v) => {
+              void patchInvoiceDate(v);
+            } }) : invoice.invoiceDate
+          }
+        ],
+        customerLabel: direction === "debit" ? t("financial.invoice.payTo") : t("financial.invoice.receiveFrom"),
+        unit: unitName ? { label: t("financial.invoice.unit"), value: unitName } : void 0,
+        customer: { name: invoice.contactName, email: null },
+        customerNode: invoice.contactName ? /* @__PURE__ */ jsx(PersonLink, { personId: invoice.contactId, name: invoice.contactName, size: "sm" }) : /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: "\u2014" }),
+        items: detailItems,
+        itemActionsMenu: true,
+        itemsLabel: t("financial.invoice.items"),
+        totals: totalRows,
+        totalsLabel: t("financial.invoice.payment"),
+        mainSections: (
+          // O cronograma no MESMO bloco que os itens e o pagamento — antes o título
+          // ficava fora do cartão, e a seção lia como se fosse de outra tela.
+          /* @__PURE__ */ jsx(
+            OrderDetailBlock,
+            {
+              title: t("financial.invoice.paymentSchedule"),
+              actions: attachments.length > 0 ? /* @__PURE__ */ jsxs(
+                Button,
+                {
+                  variant: "bare",
+                  size: "bare",
+                  type: "button",
+                  onClick: () => setAttachmentsOpen(true),
+                  title: attachments.map((a) => a.fileName).join("\n"),
+                  className: "font-normal -my-1 inline-flex items-center gap-1 rounded-md px-1.5 py-1 text-xs text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+                  children: [
+                    /* @__PURE__ */ jsx(Paperclip, { className: "h-3.5 w-3.5", "aria-hidden": true }),
+                    attachments.length === 1 ? "Ver o anexo" : `Ver os ${attachments.length} anexos`
+                  ]
+                }
+              ) : void 0,
+              children: /* @__PURE__ */ jsxs("div", { className: "-mx-4 -mb-4", children: [
+                movements.length === 0 ? /* @__PURE__ */ jsx("div", { className: "px-4 py-4 text-center text-sm text-muted-foreground", children: t("financial.invoice.noInstallments") }) : /* @__PURE__ */ jsx("div", { className: "divide-y border-t", children: [...scheduleRows, ...showCancelledRows ? cancelledRows : []].map((mov) => {
+                  const remaining = mov.amount - mov.paidAmount;
+                  const isPaid = mov.status === "paid";
+                  const isPartial = mov.status === "partial";
+                  const hasPaidDetails = isPaid || isPartial;
+                  const instPayments = settlements.byBillId.get(mov.id) ?? [];
+                  const hows = instPayments.map((payment) => describePayment(payment, howCtx));
+                  const paymentSummary = [...new Set(hows.map((how2) => [how2.method, how2.account?.name].filter(Boolean).join(" \xB7 ")).filter(Boolean))].join(" / ");
+                  const how = hows[0];
+                  const howCard = how?.account?.accountType === "card_payable" ? how.account : void 0;
+                  const HowIcon = METHOD_ICONS[how?.typeKind ?? ""] ?? (how ? CreditCard : null);
+                  const srcMeta = mov.metadata ?? {};
+                  const srcStr = (v) => typeof v === "string" && v ? v : void 0;
+                  const srcTypeId = srcStr(srcMeta.payMethodTypeId);
+                  const srcAccountId = srcStr(srcMeta.payAccountId);
+                  const editavel = !hasPaidDetails && invoice.status !== "cancelled";
+                  const canChooseSource = editavel && Math.abs(mov.amount) >= 5e-3;
+                  const ativa = invoice.status !== "cancelled";
+                  return /* @__PURE__ */ jsx(
+                    InstallmentRow,
+                    {
+                      number: mov.installmentNumber ?? 1,
+                      amount: formatCurrency(mov.amount, currency),
+                      amountValue: mov.amount,
+                      onAmountChange: canChangeAmounts ? (v) => {
+                        void patchAmount(mov, v);
+                      } : void 0,
+                      status: mov.status,
+                      dueDate: mov.dueDate,
+                      onDueDateChange: editavel ? (v) => {
+                        void patchDueDate(mov, v);
+                      } : void 0,
+                      dueExtra: /* @__PURE__ */ jsxs(Fragment, { children: [
+                        mov.paidAmount > 0 && !isPaid && ` \xB7 ${t("financial.invoice.paidLabel")} ${formatCurrency(mov.paidAmount, currency)}`,
+                        mov.paymentDate && ` \xB7 ${t("financial.invoice.paidOn")} ${mov.paymentDate}`
+                      ] }),
+                      onClick: hasPaidDetails ? () => setReceiptBill(mov) : void 0,
+                      source: canChooseSource ? /* @__PURE__ */ jsx(
+                        InstallmentSourceFields,
+                        {
+                          direction,
+                          value: { payMethodTypeId: srcTypeId, payAccountId: srcAccountId },
+                          onChange: (next) => {
+                            void patchSource(mov, {
+                              payMethodTypeId: next.payMethodTypeId ?? null,
+                              payAccountId: next.payAccountId ?? null
+                            });
+                          }
+                        }
+                      ) : void 0,
+                      actions: /* @__PURE__ */ jsxs(Fragment, { children: [
+                        paymentSummary && /* @__PURE__ */ jsx(
+                          Button,
+                          {
+                            variant: "bare",
+                            size: "bare",
+                            type: "button",
+                            onClick: () => {
+                              if (hasPaidDetails) setReceiptBill(mov);
+                            },
+                            title: paymentSummary,
+                            "aria-label": paymentSummary,
+                            className: "font-normal inline-flex shrink-0 items-center rounded-md px-1 py-1 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+                            children: howCard ? /* @__PURE__ */ jsx(CardVisual, { lastFour: howCard.lastFour ?? void 0, color: howCard.color ?? void 0, brandId: howCard.cardBrandId ?? void 0 }) : HowIcon ? /* @__PURE__ */ jsx(HowIcon, { className: "h-4 w-4", "aria-hidden": true }) : null
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(
+                          InstallmentReceiptButton,
+                          {
+                            title: "Anexos",
+                            attached: (isPaid || isPartial) && attachments.length > 0,
+                            count: isPaid || isPartial ? attachments.length : 0,
+                            onClick: () => setAttachmentsOpen(true)
+                          }
+                        ),
+                        !isPaid && !isPartial && ativa && /* @__PURE__ */ jsxs(
+                          InstallmentPayButton,
+                          {
+                            onClick: () => setPayingMovement(mov),
+                            children: [
+                              t(direction === "credit" ? "financial.invoice.receive" : "financial.invoice.pay"),
+                              " ",
+                              remaining < mov.amount ? formatCurrency(remaining, currency) : ""
+                            ]
+                          }
+                        ),
+                        isPaid && reversiblePayments(instPayments).length > 0 && ativa && /* @__PURE__ */ jsx(InstallmentActionButton, { icon: Undo2, onClick: () => {
+                          setReverseKeep(/* @__PURE__ */ new Set());
+                          setReversing(reversiblePayments(instPayments));
+                        }, children: t("financial.invoice.reverse") }),
+                        isPartial && ativa && /* @__PURE__ */ jsxs(InstallmentPayButton, { variant: "outline", onClick: () => setPayingMovement(mov), children: [
+                          t(direction === "credit" ? "financial.invoice.receive" : "financial.invoice.pay"),
+                          " ",
+                          formatCurrency(remaining, currency)
+                        ] })
+                      ] })
+                    },
+                    mov.id
+                  );
+                }) }),
+                cancelledRows.length > 0 && /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "bare",
+                    size: "bare",
+                    type: "button",
+                    onClick: () => setShowCancelledRows((v) => !v),
+                    className: "font-normal whitespace-normal justify-start w-full border-t px-4 py-2 text-left text-xs text-muted-foreground transition-colors hover:bg-muted/30 hover:text-foreground",
+                    children: showCancelledRows ? "Ocultar parcelas canceladas" : cancelledRows.length === 1 ? "Ver 1 parcela cancelada" : `Ver ${cancelledRows.length} parcelas canceladas`
+                  }
+                ),
+                settlements.unattributed.length > 0 && /* @__PURE__ */ jsxs("div", { className: "border-t bg-warning-soft/40 px-4 py-2.5", children: [
+                  /* @__PURE__ */ jsx("p", { className: "text-[11px] font-medium text-foreground", children: t("financial.invoice.unlinkedPayments") }),
+                  /* @__PURE__ */ jsx("p", { className: "mb-1 text-[10px] text-muted-foreground", children: t("financial.invoice.unlinkedPaymentsDesc") }),
+                  settlements.unattributed.map((p) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-[11px] text-muted-foreground", children: [
+                    /* @__PURE__ */ jsx("span", { className: "font-medium text-success", children: formatCurrency(p.paidAmount, currency) }),
+                    p.paymentDate && /* @__PURE__ */ jsxs(Fragment, { children: [
+                      /* @__PURE__ */ jsx("span", { children: "\xB7" }),
+                      /* @__PURE__ */ jsx("span", { children: p.paymentDate })
+                    ] })
+                  ] }, p.id))
+                ] })
+              ] })
+            }
+          )
+        ),
+        extraSections: sideBlocks
+      }
+    ),
+    attachmentsOpen && /* @__PURE__ */ jsx(
+      InvoiceAttachmentsModal,
+      {
+        invoiceId: invoice.id,
+        onClose: () => setAttachmentsOpen(false),
+        onChanged: () => {
+          void loadData();
+        }
+      }
+    ),
+    receiptBill && /* @__PURE__ */ jsx(
+      PaymentReceiptModal,
+      {
+        payments: settlements.byBillId.get(receiptBill.id) ?? [],
+        howCtx,
+        counterpartyName: invoice.contactName,
+        isReceivable: invoice.direction === "credit",
+        onReverse: invoice.status !== "cancelled" ? (p) => {
+          setReceiptBill(null);
+          setReverseKeep(/* @__PURE__ */ new Set());
+          setReversing([p]);
+        } : void 0,
+        onClose: () => setReceiptBill(null)
+      }
+    ),
+    reversing && (() => {
+      const chosen = reversing.filter((p) => !reverseKeep.has(p.id));
+      const total = chosen.reduce((sum, p) => sum + (Number(p.amount) || 0), 0);
+      const close = () => {
+        setReversing(null);
+        setReverseReason("");
+        setReverseKeep(/* @__PURE__ */ new Set());
+      };
+      return /* @__PURE__ */ jsxs(
+        ModalTask,
+        {
+          open: true,
+          title: t("financial.invoice.reverseTitle"),
+          hint: t("financial.invoice.reverseHint", { count: chosen.length, total: formatCurrency(total, currency) }),
+          width: "max-w-md",
+          onClose: close,
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "min-h-0 flex-1 space-y-4 overflow-y-auto px-5 py-4", children: [
+              /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+                /* @__PURE__ */ jsx("p", { className: "text-[10px] font-medium uppercase text-muted-foreground", children: t("financial.invoice.reversePayments") }),
+                /* @__PURE__ */ jsx("ul", { className: "divide-y rounded-card border", children: reversing.map((p) => {
+                  const on = !reverseKeep.has(p.id);
+                  const account = p.bankAccountId ? accountsById.get(p.bankAccountId)?.name : void 0;
+                  return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("label", { className: "flex min-h-11 cursor-pointer items-center gap-3 px-3 py-2 text-sm", children: [
+                    /* @__PURE__ */ jsx(
+                      Checkbox,
+                      {
+                        checked: on,
+                        disabled: reversing.length === 1,
+                        onChange: () => setReverseKeep((cur) => {
+                          const next = new Set(cur);
+                          if (next.has(p.id)) next.delete(p.id);
+                          else next.add(p.id);
+                          return next;
+                        })
+                      }
+                    ),
+                    /* @__PURE__ */ jsx("span", { className: "flex-1 tabular-nums font-medium", children: formatCurrency(Number(p.amount) || 0, currency) }),
+                    /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
+                      p.paymentDate ? p.paymentDate.slice(0, 10).split("-").reverse().join("/") : "",
+                      account ? ` \xB7 ${account}` : ""
+                    ] })
+                  ] }) }, p.id);
+                }) }),
+                /* @__PURE__ */ jsx("p", { className: "text-[11px] leading-snug text-muted-foreground", children: t("financial.invoice.reverseExplain") })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx("label", { className: "block text-[10px] font-medium uppercase text-muted-foreground", children: t("financial.invoice.reverseReason") }),
+                /* @__PURE__ */ jsx(
+                  Textarea,
+                  {
+                    rows: 3,
+                    autoFocus: true,
+                    value: reverseReason,
+                    onChange: (e) => setReverseReason(e.target.value),
+                    className: "mt-1"
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 justify-end gap-2 border-t px-5 py-3", children: [
+              /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: close, children: t("common.cancel") }),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "destructive",
+                  size: "sm",
+                  disabled: !reverseReason.trim() || chosen.length === 0,
+                  onClick: async () => {
+                    try {
+                      await reverseMovements(chosen.map((p) => p.id), reverseReason.trim());
+                    } catch {
+                    }
+                    close();
+                    loadData();
+                  },
+                  children: t("financial.invoice.reverseConfirm", { total: formatCurrency(total, currency) })
+                }
+              )
+            ] })
+          ]
+        }
+      );
+    })(),
+    payingMovement && /* @__PURE__ */ jsx(CurrencyScope, { code: invoice?.currency, children: /* @__PURE__ */ jsx(
+      PaymentModal,
+      {
+        movement: payingMovement,
+        receiptUrl: pendingReceipt,
+        onClose: () => {
+          setPayingMovement(null);
+          setPendingReceipt(void 0);
+        },
+        onPaid: () => {
+          setPayingMovement(null);
+          setPendingReceipt(void 0);
+          loadData();
+        }
+      }
+    ) }),
+    stockDetailTarget && stockDetails.has(stockDetailTarget.id) && /* @__PURE__ */ jsx(
+      StockEntryDetailsDialog,
+      {
+        title: stockDetailTarget.description,
+        entries: stockDetails.get(stockDetailTarget.id),
+        onClose: () => setStockDetailTarget(null)
+      }
+    ),
+    receiveTarget && /* @__PURE__ */ jsx(
+      ReceiveStockDialog,
+      {
+        item: receiveTarget,
+        invoiceCurrency: invoice.currency,
+        entered: stockDetails.get(receiveTarget.id),
+        onClose: () => setReceiveTarget(null),
+        onReceived: () => {
+          setReceiveTarget(null);
+          setStockVersion((v) => v + 1);
+          void loadData();
+        }
+      }
+    ),
+    cancelTarget !== null && /* @__PURE__ */ jsx(CurrencyScope, { code: invoice?.currency, children: /* @__PURE__ */ jsx(
+      CancelInvoiceDialog,
+      {
+        invoiceId: invoice.id,
+        counterpartyName: invoice.contactName,
+        totalAmount: invoice.totalAmount,
+        items: liveItems,
+        preselectItemId: cancelTarget || void 0,
+        onClose: () => setCancelTarget(null),
+        onCancelled: () => {
+          setCancelTarget(null);
+          setMenuOpen(false);
+          void loadData();
+        }
+      }
+    ) }),
+    /* @__PURE__ */ jsx("style", { children: `
+        @keyframes field-slide-in {
+          from { opacity: 0; transform: translateY(8px); }
+          to { opacity: 1; transform: translateY(0); }
+        }
+      ` })
+  ] });
+}
+function useWritableUnits(fallback = []) {
+  const unitMode = useUnitMode();
+  const activeUnitId = useActiveUnitId() ?? void 0;
+  const reachable = useUnitFilter().options;
+  const choices = !unitMode ? fallback : activeUnitId ? reachable.filter((u) => u.id === activeUnitId) : reachable;
+  return { unitMode, activeUnitId, choices };
+}
+function UnitField({ choices, value, onChange, label }) {
+  const t = useTranslation();
+  const can = usePermissionOptional();
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground", children: label ?? t("financial.invoiceForm.unit") }),
+    /* @__PURE__ */ jsx(
+      ChoiceSelect,
+      {
+        className: "mt-1",
+        icon: Building2,
+        "aria-label": label ?? t("financial.invoiceForm.unit"),
+        options: choices.map((c) => ({ value: c.id, label: c.name })),
+        value: value || void 0,
+        onChange: (v) => onChange(v ?? ""),
+        allLabel: "Todas / sem unidade",
+        searchable: true,
+        searchPlaceholder: t("financial.invoiceForm.searchUnit"),
+        manage: can("units", "manage") ? { label: "Gerenciar unidades", onSelect: () => adminNavigateTo("/settings/locations") } : void 0
+      }
+    )
+  ] });
+}
+var KIND_LABELS = {
+  supplier: "Fornecedor",
+  customer: "Cliente",
+  staff: "Profissional"
+};
+function createFinancialCounterpartyLookup(direction) {
+  const kinds = direction === "debit" ? ["supplier", "staff", "customer"] : ["customer", "supplier", "staff"];
+  return createArchetypeLookup({
+    archetype: "person",
+    kind: kinds,
+    createKinds: kinds,
+    kindLabels: KIND_LABELS
+  });
+}
+function FinancialCounterpartySearchSelect({
+  lookup,
+  value,
+  displayValue,
+  label,
+  required,
+  onChange,
+  onCreate,
+  onEdit,
+  disabled
+}) {
+  const search = React13.useCallback(async (query) => {
+    const results = await lookup.search(query);
+    return results.map((result) => ({
+      id: result.id,
+      label: result.label,
+      subtitle: result.subtitle,
+      group: result.group,
+      data: result
+    }));
+  }, [lookup]);
+  return /* @__PURE__ */ jsx(
+    SearchSelect,
+    {
+      value,
+      displayValue,
+      label,
+      required,
+      disabled,
+      onChange,
+      onSearch: search,
+      minChars: 2,
+      minCharsLabel: "Digite pelo menos 2 caracteres para buscar.",
+      noResultsLabel: "Nenhum cadastro encontrado.",
+      searchingLabel: "Buscando cadastros...",
+      loadOnOpen: false,
+      groupLayout: "columns",
+      createLabel: "Cadastrar",
+      clearLabel: "Limpar",
+      onCreate,
+      onEdit,
+      editLabel: "Editar",
+      placeholder: "Digite nome, telefone ou documento..."
+    }
+  );
+}
+
+// src/views/focusItem.ts
+var CHAVE = "fayz:financial:focus-item";
+var VALIDADE_MS = 1e4;
+function marcarItemParaAbrir(invoiceId, index) {
+  try {
+    sessionStorage.setItem(CHAVE, `${Date.now()}:${index}:${invoiceId}`);
+  } catch {
+  }
+}
+function consumirItemParaAbrir(invoiceId) {
+  try {
+    const bruto = sessionStorage.getItem(CHAVE);
+    if (!bruto) return void 0;
+    const [quando, posicao, ...resto] = bruto.split(":");
+    if (resto.join(":") !== invoiceId) return void 0;
+    if (Date.now() - Number(quando) > VALIDADE_MS) return void 0;
+    const n = Number(posicao);
+    return Number.isFinite(n) ? n : void 0;
+  } catch {
+    return void 0;
+  }
+}
+function useStockedItemTypes(itemTypes, entityLookups) {
+  const [empty, setEmpty] = React13__default.useState(null);
+  const backed = itemTypes.filter((type) => entityLookups[type.value]?.count).map((type) => type.value).sort().join(",");
+  React13__default.useEffect(() => {
+    const kinds = backed ? backed.split(",") : [];
+    if (!kinds.length) {
+      setEmpty(null);
+      return;
+    }
+    let cancelled = false;
+    void Promise.all(kinds.map(async (kind) => {
+      try {
+        return { kind, total: await entityLookups[kind].count() };
+      } catch {
+        return { kind, total: 1 };
+      }
+    })).then((rows) => {
+      if (cancelled) return;
+      setEmpty(new Set(rows.filter((r) => r.total === 0).map((r) => r.kind)));
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [backed]);
+  return React13__default.useMemo(
+    () => empty?.size ? itemTypes.filter((type) => !empty.has(type.value)) : itemTypes,
+    [itemTypes, empty]
+  );
+}
+function useReceiptPicker(onPick, onPickDocument) {
+  const t = useTranslation();
+  const ref = useRef(null);
+  const input = /* @__PURE__ */ jsx(
+    "input",
+    {
+      ref,
+      type: "file",
+      accept: onPickDocument ? "image/*,application/pdf" : "image/*",
+      capture: onPickDocument ? void 0 : "environment",
+      className: "hidden",
+      onChange: (e) => {
+        const file = e.target.files?.[0];
+        e.target.value = "";
+        if (!file) return;
+        if (onPickDocument && file.type === "application/pdf") {
+          onPickDocument(file);
+          return;
+        }
+        if (!file.type.startsWith("image/")) {
+          toast.error(t("financial.quickTx.receiptInvalid"));
+          return;
+        }
+        const reader = new FileReader();
+        reader.onload = () => {
+          if (typeof reader.result === "string") onPick(reader.result);
+        };
+        reader.onerror = () => toast.error(t("financial.quickTx.receiptInvalid"));
+        reader.readAsDataURL(file);
+      }
+    }
+  );
+  return { open: () => ref.current?.click(), input };
+}
+var formId = 1;
+function fid() {
+  return `f${formId++}`;
+}
+function sourceMeta(inst) {
+  return {
+    payMethodTypeId: inst.payMethodTypeId || null,
+    payMethodId: inst.payMethodId || null,
+    payAccountId: inst.payAccountId || null
+  };
+}
+function filterByCodeOrName(rows, query) {
+  const q = query.trim().toLowerCase();
+  if (!q) return rows;
+  return rows.filter((r) => `${r.code ?? ""} ${r.name}`.toLowerCase().includes(q));
+}
+function itemsKey(list) {
+  return JSON.stringify(list.map((it) => [
+    it.itemKind ?? "",
+    it.referenceId ?? "",
+    it.description ?? "",
+    it.quantity ?? 0,
+    it.unitPrice ?? 0,
+    it.discount ?? 0,
+    it.surcharge ?? 0,
+    it.accountId ?? "",
+    it.costCenterId ?? ""
+  ]));
+}
+function InvoiceFormView({ direction, editId, onSaved, focusReceipt = false, fromCardId, embedded, onChanged }) {
+  const t = useTranslation();
+  const config = useFinancialConfig();
+  const provider = useFinancialProvider();
+  const [pictures, setPictures] = useState({});
+  const asked = useRef(/* @__PURE__ */ new Set());
+  const { itemTypes: itemTypesRaw = [], locations = [] } = config;
+  const [documentCurrency, setDocumentCurrency] = useState();
+  const [stockNotes, setStockNotes] = useState(/* @__PURE__ */ new Map());
+  const currency = useCurrency(config.currency, documentCurrency);
+  const houseCurrency = useCurrency(config.currency).code;
+  const [currencyChoices, setCurrencyChoices] = useState([]);
+  useEffect(() => {
+    let alive = true;
+    provider.listCurrencies?.().then((found) => {
+      if (alive) setCurrencyChoices([.../* @__PURE__ */ new Set([houseCurrency, ...found])]);
+    }).catch(() => {
+    });
+    return () => {
+      alive = false;
+    };
+  }, [provider, houseCurrency]);
+  const { unitMode, activeUnitId, choices: unitChoices } = useWritableUnits(locations);
+  const reachableUnits = useUnitFilter().options;
+  const showUnitField = unitMode ? reachableUnits.length > 1 : unitChoices.length > 1;
+  const [giftCardsEnabled, setGiftCardsEnabled] = useState(false);
+  useEffect(() => {
+    let cancelled2 = false;
+    if (direction !== "credit" || !provider.giftCardsEnabled) {
+      setGiftCardsEnabled(false);
+      return;
+    }
+    void provider.giftCardsEnabled().then((enabled) => {
+      if (!cancelled2) setGiftCardsEnabled(enabled);
+    }).catch(() => {
+      if (!cancelled2) setGiftCardsEnabled(false);
+    });
+    return () => {
+      cancelled2 = true;
+    };
+  }, [direction, provider]);
+  const giftCardLookup = useMemo(() => {
+    if (!giftCardsEnabled || !provider.findGiftCardByCode) return null;
+    const asOption = (card) => ({
+      id: card.id,
+      label: `Gift Card ${card.code.replace(/(.{4})(?=.)/g, "$1 ")}`,
+      subtitle: card.expiresAt ? `Emitido \xB7 v\xE1lido at\xE9 ${new Date(card.expiresAt).toLocaleDateString("pt-BR")}` : "Emitido \xB7 sem validade",
+      icon: "Gift",
+      price: card.faceValue,
+      data: { price: card.faceValue, code: card.code, state: card.state }
+    });
+    const resolve = async (raw) => {
+      const card = await provider.findGiftCardByCode(raw);
+      if (!card) throw new Error(t("financial.giftCardLine.notFound"));
+      if (card.state === "revoked") throw new Error(t("financial.giftCardLine.revoked"));
+      if (card.state === "expired") throw new Error(t("financial.giftCardLine.expired"));
+      if (card.state !== "issued") throw new Error(t("financial.giftCardLine.alreadySold"));
+      return asOption(card);
+    };
+    return {
+      async search(query) {
+        try {
+          return [await resolve(query)];
+        } catch {
+          return [];
+        }
+      },
+      async getById() {
+        return null;
+      },
+      byCode: {
+        resolve,
+        label: t("financial.giftCardLine.label"),
+        placeholder: t("financial.giftCardLine.placeholder"),
+        hint: t("financial.giftCardLine.hint"),
+        display: ({ description }) => description.replace(/^Gift Card\s+/, "")
+      }
+    };
+  }, [giftCardsEnabled, provider, t]);
+  const entityLookups = useMemo(() => giftCardLookup ? { ...config.entityLookups, gift_card: giftCardLookup } : config.entityLookups, [config.entityLookups, giftCardLookup]);
+  const translatedItemTypes = React13__default.useMemo(
+    () => itemTypesRaw.map((tp) => {
+      const traduzido = t(`financial.itemType.${tp.value}`);
+      return traduzido === `financial.itemType.${tp.value}` ? tp : { ...tp, label: traduzido };
+    }),
+    [itemTypesRaw, t]
+  );
+  const offeredItemTypes = React13__default.useMemo(
+    () => availableInvoiceItemTypes(
+      giftCardsEnabled && !translatedItemTypes.some((type) => type.value === "gift_card") ? [...translatedItemTypes, { value: "gift_card", label: t("financial.itemType.gift_card"), icon: "Gift" }] : translatedItemTypes,
+      Object.keys(entityLookups),
+      t("financial.itemType.other"),
+      direction
+    ),
+    [translatedItemTypes, giftCardsEnabled, entityLookups, t, direction]
+  );
+  const itemTypes = useStockedItemTypes(offeredItemTypes, entityLookups);
+  const hasItemLookups = itemTypes.some((tp) => entityLookups[tp.value]);
+  const defaultItemKind = itemTypes.find((tp) => tp.value === "other")?.value ?? itemTypes.find((tp) => !entityLookups[tp.value])?.value ?? itemTypes[0]?.value ?? "other";
+  const bankAccounts = useFinancialStore((s) => s.bankAccounts);
+  const paymentMethodTypes = useFinancialStore((s) => s.paymentMethodTypes);
+  const fetchBankAccounts = useFinancialStore((s) => s.fetchBankAccounts);
+  const fetchPaymentMethods = useFinancialStore((s) => s.fetchPaymentMethods);
+  const payMovement = useFinancialStore((s) => s.payMovement);
+  const createInvoice = useFinancialStore((s) => s.createInvoice);
+  const guardMovements = useLimitGuard("movements_month");
+  const can = usePermissionOptional();
+  const canManageFinancial = can("financial", "manage");
+  const isEdit = !!editId;
+  const [attachmentsOpen, setAttachmentsOpen] = useState(false);
+  const [attachmentCount, setAttachmentCount] = useState(0);
+  const loadAttachmentCount = React13__default.useCallback(() => {
+    if (!editId || !provider.getInvoiceAttachments) return;
+    provider.getInvoiceAttachments(editId).then((list) => setAttachmentCount(list.length)).catch(() => {
+    });
+  }, [editId, provider]);
+  useEffect(() => {
+    loadAttachmentCount();
+  }, [loadAttachmentCount]);
+  useEffect(() => {
+    void fetchBankAccounts();
+    void fetchPaymentMethods();
+  }, []);
+  useEffect(() => {
+    let cancelled2 = false;
+    void Promise.all([provider.getChartOfAccounts(), provider.getCostCenters()]).then(([accountRows, costCenterRows]) => {
+      if (cancelled2) return;
+      setAccounts(accountRows);
+      setCostCenters(costCenterRows);
+    }).catch(() => {
+    });
+    return () => {
+      cancelled2 = true;
+    };
+  }, [provider]);
+  const contactLookup = useMemo(
+    () => createFinancialCounterpartyLookup(direction),
+    [direction]
+  );
+  const [savedItemsKey, setSavedItemsKey] = useState("");
+  const [loaded, setLoaded] = useState(!editId);
+  const [loading, setLoading] = useState(!!editId);
+  const [contactName, setContactName] = useState("");
+  const [contactId, setContactId] = useState();
+  const [counterpartyAccounting, setCounterpartyAccounting] = useState({
+    allowedAccountIds: [],
+    limitAccounts: false,
+    addItemsAutomatically: false
+  });
+  const accountingPolicyRequest = useRef(0);
+  const defaultUnitId = () => {
+    if (!unitMode) return void 0;
+    if (activeUnitId && reachableUnits.some((u) => u.id === activeUnitId)) return activeUnitId;
+    return reachableUnits.length === 1 ? reachableUnits[0].id : void 0;
+  };
+  const [unitId, setUnitId] = useState(() => (isEdit ? void 0 : defaultUnitId()) ?? locations[0]?.id ?? "");
+  useEffect(() => {
+    if (isEdit || unitId) return;
+    const next = defaultUnitId();
+    if (next) setUnitId(next);
+  }, [isEdit, unitMode, unitId, activeUnitId, reachableUnits]);
+  const [invoiceDate, setInvoiceDate] = useState((/* @__PURE__ */ new Date()).toISOString().slice(0, 10));
+  const [savedInvoiceDate, setSavedInvoiceDate] = useState("");
+  const [savedContactId, setSavedContactId] = useState();
+  const [fiscalNumber, setFiscalNumber] = useState("");
+  const [observations, setObservations] = useState("");
+  const [tags, setTags] = useState([]);
+  const [savedTags, setSavedTags] = useState("[]");
+  const [items, setItems] = useState([]);
+  const [accounts, setAccounts] = useState([]);
+  const postable = useMemo(() => postableAccounts(accounts), [accounts]);
+  const selectableAccounts = useMemo(() => {
+    if (!counterpartyAccounting.limitAccounts) return postable;
+    const allowed = new Set(counterpartyAccounting.allowedAccountIds);
+    return postable.filter((account) => allowed.has(account.id));
+  }, [postable, counterpartyAccounting]);
+  const [costCenters, setCostCenters] = useState([]);
+  const [expandedItemId, setExpandedItemId] = useState(null);
+  const [addingItem, setAddingItem] = useState(false);
+  const [installments, setInstallments] = useState([]);
+  const [pinnedAmounts, setPinnedAmounts] = useState(/* @__PURE__ */ new Set());
+  const [cancelled, setCancelled] = useState(false);
+  const [savedTotal, setSavedTotal] = useState(null);
+  const [savedMovements, setSavedMovements] = useState([]);
+  const [hasCancelledInstallments, setHasCancelledInstallments] = useState(false);
+  const [payingMovement, setPayingMovement] = useState(null);
+  const [pendingReceipt, setPendingReceipt] = useState();
+  const contactCreate = useLookupCreate(contactLookup, (created) => {
+    setContactId(created.id);
+    setContactName(created.label);
+    setPendingContact(null);
+  });
+  const [pendingContact, setPendingContact] = useState(null);
+  const [receiptTarget, setReceiptTarget] = useState(null);
+  const [pendingDocs, setPendingDocs] = useState([]);
+  const receiptPicker = useReceiptPicker((dataUrl) => {
+    const i = receiptTarget;
+    setReceiptTarget(null);
+    if (i == null) return;
+    if (isEdit) {
+      const saved = savedMovements[i];
+      if (!saved) return;
+      setPendingReceipt(dataUrl);
+      setPayingMovement(saved);
+      return;
+    }
+    setInstallments((prev) => prev.map((inst, idx) => idx === i ? { ...inst, receiptUrl: dataUrl } : inst));
+  }, provider.addInvoiceAttachment ? (file) => {
+    setReceiptTarget(null);
+    setPendingDocs((prev) => [...prev, file]);
+  } : void 0);
+  const [saving, setSaving] = useState(false);
+  const [menuOpen, setMenuOpen] = useState(false);
+  const [cancelData, setCancelData] = useState(null);
+  const [cancelledLines, setCancelledLines] = useState([]);
+  const menuRef = useRef(null);
+  async function openCancelDialog() {
+    if (!editId) return;
+    try {
+      const [inv, lines] = await Promise.all([provider.getInvoiceById(editId), provider.getInvoiceItems(editId)]);
+      setCancelData({ items: lines.filter((l) => !l.cancelledAt), total: inv?.totalAmount ?? 0, name: inv?.contactName });
+    } catch (err) {
+      toast.error("N\xE3o foi poss\xEDvel abrir o cancelamento", { description: err?.message });
+    }
+  }
+  useEffect(() => {
+    if (!menuOpen) return;
+    function handleClick(e) {
+      if (menuRef.current && !menuRef.current.contains(e.target)) setMenuOpen(false);
+    }
+    document.addEventListener("mousedown", handleClick);
+    return () => document.removeEventListener("mousedown", handleClick);
+  }, [menuOpen]);
+  const [recordMeta, setRecordMeta] = useState(null);
+  useEffect(() => {
+    if (!editId || loaded) return;
+    setLoading(true);
+    (async () => {
+      const invoice = await provider.getInvoiceById(editId);
+      if (!invoice) return;
+      setContactName(invoice.contactName ?? "");
+      setContactId(invoice.contactId);
+      if (invoice.contactId) {
+        try {
+          const contact = await contactLookup.getById(invoice.contactId);
+          const policy = counterpartyAccountingPolicy(contact?.data);
+          const refs = [policy.defaultAccountId, ...policy.allowedAccountIds].filter(Boolean);
+          const resolved = await provider.resolveChartAccountRefs?.(refs) ?? {};
+          setCounterpartyAccounting(resolveCounterpartyAccountingPolicy(policy, resolved));
+        } catch {
+        }
+      }
+      setUnitId(invoice.unitId ?? locations[0]?.id ?? "");
+      setInvoiceDate(invoice.invoiceDate);
+      setSavedInvoiceDate(invoice.invoiceDate);
+      setSavedContactId(invoice.contactId);
+      setCancelled(invoice.status === "cancelled");
+      setSavedTotal(invoice.totalAmount);
+      setRecordMeta({ createdAt: invoice.createdAt, updatedAt: invoice.updatedAt, createdBy: invoice.createdBy });
+      setDocumentCurrency(invoice.currency);
+      setFiscalNumber(String(invoice.metadata?.fiscalNumber ?? ""));
+      setObservations(invoice.observations ?? "");
+      setTags(invoice.tags ?? []);
+      setSavedTags(JSON.stringify(invoice.tags ?? []));
+      const allLines = await provider.getInvoiceItems(editId);
+      const invoiceItems = allLines.filter((it) => !it.cancelledAt);
+      setCancelledLines(allLines.filter((it) => !!it.cancelledAt));
+      setSavedItemsKey(itemsKey(invoiceItems));
+      const idsCarregados = [];
+      setItems(invoiceItems.map((it) => {
+        const _id = fid();
+        idsCarregados.push(_id);
+        return {
+          _id,
+          itemKind: it.itemKind,
+          referenceId: it.referenceId,
+          description: it.description,
+          quantity: it.quantity,
+          unitPrice: it.unitPrice,
+          discount: it.discount,
+          surcharge: it.surcharge,
+          accountId: it.accountId,
+          costCenterId: it.costCenterId,
+          metadata: it.metadata
+        };
+      }));
+      void provider.getInvoiceStockDetails?.(editId).then((rows) => {
+        const byDraft = /* @__PURE__ */ new Map();
+        for (const r of rows) {
+          const at = invoiceItems.findIndex((it) => it.id === r.itemId);
+          const draftId = idsCarregados[at];
+          if (!draftId) continue;
+          byDraft.set(draftId, [...byDraft.get(draftId) ?? [], { variantName: r.variantName, quantity: r.quantity, enteredOn: r.enteredOn }]);
+        }
+        setStockNotes(byDraft);
+      }).catch(() => {
+      });
+      const aAbrir = consumirItemParaAbrir(editId);
+      if (aAbrir !== void 0 && idsCarregados[aAbrir]) setExpandedItemId(idsCarregados[aAbrir]);
+      const movements = await provider.getMovements({ invoiceId: editId });
+      const billMovements = movements.data.filter((m) => m.movementKind === "bill").sort((a, b) => (a.installmentNumber ?? 0) - (b.installmentNumber ?? 0));
+      const liveMovements = billMovements.filter((m) => m.status !== "cancelled");
+      const invoiceMovements = liveMovements.length > 0 ? liveMovements : billMovements;
+      setHasCancelledInstallments(liveMovements.length > 0 && liveMovements.length < billMovements.length);
+      setSavedMovements(invoiceMovements);
+      setInstallments(invoiceMovements.map((m) => {
+        const meta = m.metadata ?? {};
+        const str = (v) => typeof v === "string" && v ? v : void 0;
+        return {
+          _id: fid(),
+          amount: m.amount,
+          dueDate: m.dueDate,
+          payMethodTypeId: str(meta.payMethodTypeId),
+          payMethodId: str(meta.payMethodId),
+          payAccountId: str(meta.payAccountId)
+        };
+      }));
+      setLoaded(true);
+      setLoading(false);
+    })();
+  }, [editId]);
+  const totalAmount = items.reduce((sum, it) => {
+    return sum + it.quantity * it.unitPrice - (it.discount ?? 0) + (it.surcharge ?? 0);
+  }, 0);
+  const itemsDirty = isEdit && loaded && itemsKey(items) !== savedItemsKey;
+  const scheduleTotal = isEdit && savedMovements.length > 0 && !itemsDirty ? savedTotal ?? Math.round(savedMovements.reduce((sum, m) => sum + m.amount, 0) * 100) / 100 : totalAmount;
+  const prevItemCount = useRef(items.length);
+  useEffect(() => {
+    if (items.length > 0 && prevItemCount.current === 0 && installments.length === 0 && !isEdit) {
+      const total = items.reduce((sum, it) => sum + it.quantity * it.unitPrice - (it.discount ?? 0) + (it.surcharge ?? 0), 0);
+      if (total > 0) {
+        setInstallments([{ _id: fid(), amount: total, dueDate: invoiceDate }]);
+      }
+    }
+    prevItemCount.current = items.length;
+  }, [items.length]);
+  const somaParcelas = Math.round(installments.reduce((s, i) => s + i.amount, 0) * 100);
+  useEffect(() => {
+    if (installments.length === 0) return;
+    if (scheduleTotal <= 0) {
+      if (!isEdit) setInstallments([]);
+      return;
+    }
+    if (somaParcelas === Math.round(scheduleTotal * 100)) return;
+    const count = installments.length;
+    const perInstallment = Math.floor(scheduleTotal * 100 / count) / 100;
+    const remainder = Math.round((scheduleTotal - perInstallment * count) * 100) / 100;
+    setPinnedAmounts(/* @__PURE__ */ new Set());
+    setInstallments((prev) => prev.map((inst, i) => ({
+      ...inst,
+      amount: i === 0 ? perInstallment + remainder : perInstallment
+    })));
+  }, [scheduleTotal, somaParcelas, installments.length, isEdit]);
+  useEffect(() => {
+    const ids = items.filter((it) => it.itemKind === "product" && it.referenceId && !asked.current.has(it.referenceId)).map((it) => it.referenceId);
+    if (ids.length === 0 || !provider.getProductPictures) return;
+    ids.forEach((id) => asked.current.add(id));
+    provider.getProductPictures(ids).then((found) => setPictures((prev) => ({ ...prev, ...found }))).catch(() => {
+    });
+  }, [items, provider]);
+  function addItemOfKind(kind) {
+    const newItem = {
+      _id: fid(),
+      itemKind: kind,
+      description: "",
+      quantity: 1,
+      unitPrice: 0,
+      accountId: counterpartyAccounting.defaultAccountId,
+      costCenterId: counterpartyAccounting.defaultCostCenterId
+    };
+    setItems((current) => [...current, newItem]);
+    setExpandedItemId(newItem._id);
+    setAddingItem(false);
+  }
+  function startAddItem() {
+    if (!contactId) {
+      toast.error(t("financial.invoiceForm.contactRequired"));
+      return;
+    }
+    if (hasItemLookups) setAddingItem(true);
+    else addItemOfKind(defaultItemKind);
+  }
+  function updateItem(id, data) {
+    setItems((current) => current.map((it) => it._id === id ? { ...it, ...data } : it));
+  }
+  async function applyItemPatch(item, patch) {
+    const expand = patch.referenceId ? entityLookups[item.itemKind]?.expand : void 0;
+    if (!expand) {
+      updateItem(item._id, patch);
+      return;
+    }
+    let linhas = [];
+    try {
+      linhas = await expand(patch.referenceId);
+    } catch (err) {
+      console.error("[financial] failed to expand package", err);
+    }
+    if (!linhas.length) {
+      updateItem(item._id, patch);
+      return;
+    }
+    const oferecidos = new Set(itemTypes.map((tp) => tp.value));
+    const novas = linhas.map((linha) => ({
+      _id: fid(),
+      itemKind: linha.itemKind && oferecidos.has(linha.itemKind) ? linha.itemKind : item.itemKind,
+      referenceId: linha.referenceId,
+      description: linha.description,
+      quantity: linha.quantity,
+      unitPrice: linha.unitPrice,
+      ...linha.discount ? { discount: linha.discount } : {},
+      ...linha.surcharge ? { surcharge: linha.surcharge } : {},
+      ...linha.metadata ? { metadata: linha.metadata } : {},
+      accountId: item.accountId,
+      costCenterId: item.costCenterId
+    }));
+    setItems((current) => current.flatMap((it) => it._id === item._id ? novas : [it]));
+    setExpandedItemId(null);
+  }
+  function removeItem(id) {
+    setItems((current) => current.filter((it) => it._id !== id));
+  }
+  useEffect(() => {
+    if (isEdit || totalAmount <= 0 || installments.length > 0) return;
+    generateInstallments(1);
+  }, [isEdit, totalAmount, installments.length]);
+  const fromCard = React13__default.useMemo(
+    () => fromCardId ? bankAccounts.find((a) => a.id === fromCardId) : void 0,
+    [fromCardId, bankAccounts]
+  );
+  const cardLast4 = (fromCard?.accountNumber ?? "").replace(/\D/g, "").slice(-4);
+  const nomeJaTemOsDigitos = !!cardLast4 && (fromCard?.name ?? "").replace(/\D/g, "").endsWith(cardLast4);
+  const cardMethodName = React13__default.useMemo(() => {
+    const id = installments[0]?.payMethodTypeId;
+    const escolhida = id ? paymentMethodTypes.find((tp) => tp.id === id) : void 0;
+    return (escolhida ?? paymentMethodTypes.find((tp) => tp.transactionType === "credit_card"))?.name;
+  }, [installments, paymentMethodTypes]);
+  const cardSeeded = useRef(false);
+  useEffect(() => {
+    if (isEdit || !fromCardId || cardSeeded.current) return;
+    if (installments.length === 0) return;
+    const credito = paymentMethodTypes.find((tp) => tp.transactionType === "credit_card");
+    setInstallments((prev) => prev.map((inst, i) => i === 0 ? { ...inst, payAccountId: fromCardId, payMethodTypeId: credito?.id ?? inst.payMethodTypeId } : inst));
+    cardSeeded.current = true;
+  }, [isEdit, fromCardId, installments.length, paymentMethodTypes]);
+  const draftSeeded = useRef(false);
+  useEffect(() => {
+    if (isEdit || draftSeeded.current) return;
+    const draft = consumePayableDraft(direction);
+    if (!draft) return;
+    draftSeeded.current = true;
+    if (draft.date) setInvoiceDate(draft.date);
+    if (draft.fiscalNumber) setFiscalNumber(draft.fiscalNumber);
+    if (draft.notes) setObservations(draft.notes);
+    const counterparty = draft.supplier ?? draft.customer;
+    if (counterparty) {
+      setContactName(counterparty);
+      void (async () => {
+        const hit = (await contactLookup.search(counterparty).catch(() => []))?.find((r) => r.label.trim().toLowerCase() === counterparty.trim().toLowerCase());
+        if (hit) {
+          setContactId(hit.id);
+          setContactName(hit.label);
+        } else setPendingContact(counterparty);
+      })();
+    }
+    setItems(
+      draft.items?.length ? [
+        ...draft.items.map((line) => ({
+          _id: fid(),
+          itemKind: "other",
+          description: line.description,
+          quantity: line.quantity,
+          unitPrice: line.unitPrice
+        })),
+        ...draft.shipping ? [{ _id: fid(), itemKind: "other", description: "Frete", quantity: 1, unitPrice: draft.shipping }] : []
+      ] : [{
+        _id: fid(),
+        itemKind: "other",
+        description: draft.description ?? counterparty ?? "",
+        quantity: 1,
+        unitPrice: draft.amount - (draft.shipping ?? 0)
+      }]
+    );
+    setInstallments([{ _id: fid(), amount: draft.amount, dueDate: draft.date ?? invoiceDate }]);
+    if (draft.receiptUrl) setPendingReceipt(draft.receiptUrl);
+  }, [isEdit]);
+  const receiptAutoOpened = useRef(false);
+  useEffect(() => {
+    if (!focusReceipt || isEdit || receiptAutoOpened.current) return;
+    if (installments.length === 0 || installments[0]?.receiptUrl) return;
+    receiptAutoOpened.current = true;
+    const id = window.setTimeout(() => {
+      setReceiptTarget(0);
+      receiptPicker.open();
+    }, 250);
+    return () => window.clearTimeout(id);
+  }, [focusReceipt, isEdit, installments.length]);
+  function generateInstallments(count) {
+    if (count < 1 || scheduleTotal <= 0) return;
+    const amounts = splitInstallments(scheduleTotal, count);
+    const base = new Date(invoiceDate);
+    const inst = [];
+    for (let i = 0; i < count; i++) {
+      const due = new Date(base);
+      due.setMonth(due.getMonth() + (count === 1 ? 0 : i + 1));
+      inst.push({
+        _id: fid(),
+        amount: amounts[i],
+        dueDate: due.toISOString().slice(0, 10)
+      });
+    }
+    setInstallments(inst);
+  }
+  async function handleSave(opts) {
+    if (!isEdit && !can("financial", "create")) return null;
+    if (!contactId) {
+      toast.error(t("financial.invoiceForm.contactRequired"));
+      return null;
+    }
+    if (items.length === 0) {
+      toast.error(t("common.formIncomplete"));
+      return null;
+    }
+    if (!isEdit && installments.some((i) => i.receiptUrl && (!i.payMethodTypeId || !i.payAccountId))) {
+      toast.error(t("financial.invoiceForm.paidNeedsMethod"));
+      return null;
+    }
+    if (!isEdit && await guardMovements(Math.max(1, installments.length)) === "blocked") return null;
+    if (!isEdit && createdId.current) {
+      if (!opts?.stay) onSaved?.(createdId.current);
+      return createdId.current;
+    }
+    setSaving(true);
+    let savedId = editId ?? null;
+    try {
+      const movInputs = installments.map((inst, i) => ({
+        direction,
+        movementKind: "bill",
+        amount: inst.amount,
+        dueDate: inst.dueDate,
+        installmentNumber: i + 1
+      }));
+      if (movInputs.length === 0) {
+        movInputs.push({
+          direction,
+          movementKind: "bill",
+          amount: totalAmount,
+          dueDate: invoiceDate,
+          installmentNumber: 1
+        });
+      }
+      installments.forEach((inst, i) => {
+        const extra = {
+          ...inst.receiptUrl ? { receiptUrl: inst.receiptUrl } : {},
+          ...sourceMeta(inst)
+        };
+        if (Object.keys(extra).length > 0 && movInputs[i]) {
+          movInputs[i] = { ...movInputs[i], metadata: { ...movInputs[i].metadata ?? {}, ...extra } };
+        }
+      });
+      if (isEdit && editId) {
+        if (canEditItems && provider.replaceInvoiceItems && itemsDirty) {
+          await provider.replaceInvoiceItems(editId, items.map(({ _id, ...rest }) => rest));
+          setSavedTotal(Math.round(totalAmount * 100) / 100);
+        }
+        await provider.updateInvoice(editId, {
+          unitId: unitId || void 0,
+          fiscalNumber: fiscalNumber || void 0,
+          observations,
+          // Only when changed: an untouched bill must not write a column an older pool lacks.
+          ...JSON.stringify(tags) !== savedTags ? { tags } : {},
+          // 098 abriu a competência enquanto nada foi recebido.
+          ...invoiceDate !== savedInvoiceDate ? { invoiceDate } : {},
+          // 110 abriu a CONTRAPARTE, com o mesmo limite: quem digita seis
+          // contas seguidas escolhe o fornecedor da linha de cima na quarta, e
+          // até aqui a correção era cancelar a conta e lançar outra.
+          ...contactId !== savedContactId ? { contactId, contactName } : {}
+        });
+        const shapeChanged = itemsDirty || installments.length !== savedMovements.length || installments.some((inst, i) => Math.round(inst.amount * 100) !== Math.round((savedMovements[i]?.amount ?? 0) * 100));
+        if (canReschedule && provider.rescheduleInvoice && shapeChanged) {
+          await provider.rescheduleInvoice(editId, installments.map((inst, i) => ({
+            dueDate: inst.dueDate,
+            amount: inst.amount,
+            // A RPC SUBSTITUI a metadata quando ela vem. O que já estava lá —
+            // o comprovante, acima de tudo — tem de ir junto, ou reparcelar
+            // apagaria a prova de um pagamento.
+            metadata: { ...savedMovements[i]?.metadata ?? {}, ...sourceMeta(inst) }
+          })));
+        } else if (provider.updateInstallment) {
+          await Promise.all(installments.map((inst, i) => {
+            const saved = savedMovements[i];
+            if (!saved || saved.status === "paid") return null;
+            const meta = sourceMeta(inst);
+            const savedMeta = saved.metadata ?? {};
+            const sourceChanged = Object.keys(meta).some((k) => (savedMeta[k] ?? null) !== meta[k]);
+            if (inst.dueDate === saved.dueDate && !sourceChanged) return null;
+            return provider.updateInstallment(saved.id, {
+              ...inst.dueDate !== saved.dueDate ? { dueDate: inst.dueDate } : {},
+              ...sourceChanged ? { metadata: { ...savedMeta, ...meta } } : {}
+            });
+          }).filter(Boolean));
+        }
+        onSaved?.(editId);
+      } else {
+        const invoice = await createInvoice({
+          direction,
+          invoiceDate,
+          contactId,
+          contactName: contactName || void 0,
+          unitId: unitId || void 0,
+          currency: documentCurrency,
+          tags,
+          fiscalNumber: fiscalNumber || void 0,
+          observations: observations || void 0,
+          items: items.map(({ _id, ...rest }) => rest),
+          installments: movInputs
+        });
+        invalidateLimit("movements_month");
+        const paidOnes = installments.map((inst, i) => ({ inst, number: i + 1 })).filter(({ inst }) => inst.receiptUrl);
+        if (paidOnes.length > 0) {
+          const movements = await provider.getMovements({ direction, status: "pending" });
+          const bills = movements.data.filter((m) => m.invoiceId === invoice.id && m.movementKind === "bill");
+          for (const { inst, number } of paidOnes) {
+            const bill = bills.find((m) => (m.installmentNumber ?? 1) === number);
+            if (!bill) continue;
+            await payMovement({
+              movementId: bill.id,
+              amount: bill.amount,
+              paymentDate: inst.dueDate,
+              paymentMethodTypeId: inst.payMethodTypeId || void 0,
+              bankAccountId: inst.payAccountId || void 0,
+              idempotencyKey: `financial:invoice:${invoice.id}:installment:${bill.id}:receipt`
+            });
+          }
+        }
+        if (pendingDocs.length > 0 && provider.addInvoiceAttachment) {
+          const failed = [];
+          for (const file of pendingDocs) {
+            await provider.addInvoiceAttachment(invoice.id, file).catch(() => {
+              failed.push(file.name);
+            });
+          }
+          setPendingDocs([]);
+          if (failed.length) toast.error(t("financial.invoiceForm.attachFailed"), { description: failed.join(", ") });
+        }
+        createdId.current = invoice.id;
+        if (!opts?.stay) onSaved?.(invoice.id);
+        savedId = invoice.id;
+      }
+      snapshot.current = JSON.stringify(fields);
+      return savedId;
+    } catch (e) {
+      toast.error(e?.message || t("common.saveFailed"));
+      throw e;
+    } finally {
+      setSaving(false);
+    }
+  }
+  const [payingNewId, setPayingNewId] = useState(null);
+  const createdId = useRef(null);
+  async function pagarParcela(index) {
+    const comFonte = (mov) => ({
+      ...mov,
+      metadata: { ...mov.metadata ?? {}, ...sourceMeta(installments[index]) }
+    });
+    const saved = savedMovements[index];
+    if (saved) {
+      setPayingMovement(comFonte(saved));
+      return;
+    }
+    const id = await handleSave({ stay: true });
+    if (!id) return;
+    const movements = await provider.getMovements({ direction, invoiceId: id });
+    const bill = movements.data.find((m) => m.movementKind === "bill" && (m.installmentNumber ?? 1) === index + 1);
+    if (!bill) {
+      onSaved?.(id);
+      return;
+    }
+    setPayingNewId(id);
+    setPayingMovement(comFonte(bill));
+  }
+  const fields = {
+    contactName,
+    contactId,
+    unitId,
+    invoiceDate,
+    fiscalNumber,
+    observations,
+    tags,
+    items: items.map(({ _id, ...rest }) => rest),
+    installments: installments.map(({ _id, ...rest }) => rest)
+  };
+  const snapshot = useRef(null);
+  useEffect(() => {
+    if (loaded && snapshot.current === null) snapshot.current = JSON.stringify(fields);
+  }, [loaded]);
+  const dirty = snapshot.current !== null && JSON.stringify(fields) !== snapshot.current;
+  useSaveBar({
+    dirty,
+    // Criar ou editar: a barra é o caminho de salvar, e sumir porque nada mudou
+    // ainda deixa a tela sem botão. Ela some quando o formulário fecha.
+    //
+    // EMBUTIDO é o contrário: o modal já tem o próprio fechar, então a barra não
+    // é o único caminho de saída — e «Alterações não salvas» sobre um formulário
+    // que ninguém tocou é uma mentira que ensina a ignorar o aviso. Ali ela
+    // aparece quando há o que salvar.
+    alwaysVisible: !embedded,
+    saving,
+    onSave: () => {
+      void handleSave();
+    },
+    onDiscard: () => onSaved?.(),
+    saveLabel: t("financial.invoiceForm.save")
+  });
+  const title = isEdit ? t("financial.invoiceForm.editTitle") : t("financial.invoiceForm.newTitle");
+  const subtitle = isEdit ? t("financial.invoiceForm.editing") : t("financial.invoiceForm.creating");
+  if (loading) return /* @__PURE__ */ jsx(OrderFormSkeleton, { parentLabel: embedded ? void 0 : direction === "debit" ? t("financial.nav.payables") : t("financial.nav.receivables"), onBack: embedded ? void 0 : () => onSaved?.() });
+  const money = (v) => formatCurrency(v, currency);
+  const actions = isEdit ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ jsx(WidgetSlot, { zone: FINANCIAL_INVOICE_ZONES.headerActions, invoiceId: editId, direction, cancelled }),
+    /* @__PURE__ */ jsxs("div", { className: "relative", ref: menuRef, children: [
+      /* @__PURE__ */ jsx(Button, { variant: "outline", size: "icon", onClick: () => setMenuOpen(!menuOpen), "aria-label": "More actions", children: /* @__PURE__ */ jsx(MoreVertical, { className: "h-4 w-4" }) }),
+      menuOpen && /* @__PURE__ */ jsx("div", { className: "fayz-glass-surface absolute right-0 top-full z-20 mt-1 w-44 rounded-lg border bg-popover py-1 shadow-md", style: { animation: "field-slide-in 150ms ease-out" }, children: /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "bare",
+          size: "bare",
+          onClick: () => {
+            void openCancelDialog();
+            setMenuOpen(false);
+          },
+          className: "font-normal whitespace-normal justify-start flex w-full items-center gap-2 px-3 py-2 text-xs text-destructive transition-colors hover:bg-destructive/10",
+          children: [
+            /* @__PURE__ */ jsx(Ban, { className: "h-3.5 w-3.5" }),
+            " Cancelar"
+          ]
+        }
+      ) })
+    ] })
+  ] }) : null;
+  const paidSoFar = savedMovements.reduce((sum, m) => sum + (m.paidAmount ?? 0), 0);
+  const hasPayments = paidSoFar > 0;
+  const canReschedule = !hasPayments && !hasCancelledInstallments && (!isEdit || !!provider.rescheduleInvoice);
+  const canEditItems = !hasPayments && !hasCancelledInstallments && (!isEdit || !!provider.replaceInvoiceItems);
+  const scheduleSection = (
+    // Tour anchor: the guided setup points here for the installment schedule.
+    /* @__PURE__ */ jsx("div", { ...tourAnchor("financial.installments"), children: /* @__PURE__ */ jsx(OrderFormBlock, { title: t("financial.invoice.paymentSchedule"), children: /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+      hasPayments ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("financial.invoiceForm.scheduleLocked") }) : hasCancelledInstallments ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("financial.invoiceForm.scheduleHasCancelled") }) : !canReschedule ? null : (
+        // Atalhos de parcelamento — 1x, 2x, 3x, 6x, 12x cobrem quase tudo.
+        /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: [1, 2, 3, 6, 12].map((n) => /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "bare",
+            size: "bare",
+            type: "button",
+            onClick: () => generateInstallments(n),
+            disabled: totalAmount <= 0,
+            className: `rounded-full px-2.5 py-1 text-[10px] font-medium transition-colors disabled:opacity-30 ${installments.length === n ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground hover:bg-muted/80"}`,
+            children: [
+              n,
+              "x"
+            ]
+          },
+          n
+        )) })
+      ),
+      installments.length > 0 && /* @__PURE__ */ jsx("p", { className: "text-[11px] text-muted-foreground", children: t("financial.invoiceForm.scheduleSourceHint") }),
+      installments.length === 0 ? /* @__PURE__ */ jsx("p", { className: "py-4 text-center text-xs text-muted-foreground", children: totalAmount <= 0 ? t("financial.invoiceForm.addItemsFirst") : t("financial.invoiceForm.selectInstallments") }) : /* @__PURE__ */ jsx("div", { className: "divide-y rounded border", children: installments.map((inst, i) => {
+        const patch = (next) => {
+          const updated = [...installments];
+          updated[i] = { ...inst, ...next };
+          setInstallments(updated);
+        };
+        const saved = savedMovements[i];
+        const isPaid = saved?.status === "paid";
+        const isPartial = saved?.status === "partial";
+        const lockedAmounts = installments.map((_, n) => {
+          const st = savedMovements[n]?.status;
+          return st === "paid" || st === "partial" || st === "cancelled";
+        });
+        const changeAmount = (value) => {
+          const next = rebalanceInstallments({
+            amounts: installments.map((x) => x.amount),
+            index: i,
+            value,
+            total: scheduleTotal,
+            locked: lockedAmounts,
+            pinned: installments.map((x) => pinnedAmounts.has(x._id))
+          });
+          if (next) {
+            setPinnedAmounts((prev) => new Set(prev).add(inst._id));
+            setInstallments(installments.map((x, n) => ({ ...x, amount: next[n] })));
+            return;
+          }
+          const rest = Math.round((inst.amount - value) * 100) / 100;
+          if (installments.length !== 1 || value <= 0 || rest <= 0) return;
+          const due = /* @__PURE__ */ new Date(`${inst.dueDate}T12:00:00`);
+          due.setMonth(due.getMonth() + 1);
+          setPinnedAmounts((prev) => new Set(prev).add(inst._id));
+          setInstallments([
+            { ...inst, amount: value },
+            { _id: fid(), amount: rest, dueDate: due.toISOString().slice(0, 10) }
+          ]);
+        };
+        const canChangeAmount = canReschedule && !lockedAmounts[i] && (installments.length === 1 || installments.some((_, n) => n !== i && !lockedAmounts[n]));
+        const canAttach = isEdit ? !!saved && !isPaid : true;
+        const semFonte = Math.abs(inst.amount) < 5e-3 && !isPaid && !isPartial;
+        const fonteTravada = isPaid || isPartial;
+        const formaEscolhida = paymentMethodTypes.find((tp) => tp.id === inst.payMethodTypeId);
+        const contaEscolhida = bankAccounts.find((a) => a.id === inst.payAccountId);
+        return /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(
+            InstallmentRow,
+            {
+              number: i + 1,
+              amount: money(inst.amount),
+              amountValue: inst.amount,
+              onAmountChange: canChangeAmount ? changeAmount : void 0,
+              status: saved?.status,
+              dueDate: inst.dueDate,
+              onDueDateChange: !hasPayments ? (v) => patch({ dueDate: v }) : void 0,
+              source: semFonte ? (
+                // A zero-value line (gift, 100% discount) has no method to ask for.
+                /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "\u2014" })
+              ) : fonteTravada ? /* @__PURE__ */ jsx("span", { className: "truncate text-xs text-muted-foreground", children: [formaEscolhida?.name, contaEscolhida?.name].filter(Boolean).join(" \xB7 ") }) : /* @__PURE__ */ jsx(
+                InstallmentSourceFields,
+                {
+                  direction,
+                  value: { payMethodTypeId: inst.payMethodTypeId, payAccountId: inst.payAccountId },
+                  onChange: (next) => patch(next)
+                }
+              ),
+              actions: /* @__PURE__ */ jsxs(Fragment, { children: [
+                (canAttach || isEdit) && /* @__PURE__ */ jsx(
+                  InstallmentReceiptButton,
+                  {
+                    attached: !!inst.receiptUrl || isEdit && attachmentCount > 0,
+                    count: isEdit ? attachmentCount : void 0,
+                    pending: !inst.receiptUrl && !!pendingReceipt,
+                    title: !inst.receiptUrl && pendingReceipt ? t("financial.receipt.attachRead") : t("financial.quickTx.receiptCapture"),
+                    onClick: () => {
+                      if (isEdit && editId) {
+                        setAttachmentsOpen(true);
+                        return;
+                      }
+                      if (!inst.receiptUrl && pendingReceipt) {
+                        patch({ receiptUrl: pendingReceipt });
+                        setPendingReceipt(void 0);
+                        return;
+                      }
+                      setReceiptTarget(i);
+                      receiptPicker.open();
+                    }
+                  }
+                ),
+                !isPaid && (saved || !isEdit && !!contactId && items.length > 0 && inst.amount > 0) && /* @__PURE__ */ jsx(
+                  InstallmentPayButton,
+                  {
+                    disabled: saving,
+                    onClick: () => {
+                      void pagarParcela(i);
+                    },
+                    children: t(direction === "credit" ? "financial.invoice.receive" : "financial.invoice.pay")
+                  }
+                )
+              ] })
+            }
+          ),
+          !isEdit && inst.receiptUrl && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2 border-t bg-muted/20 px-3 py-2", children: [
+            /* @__PURE__ */ jsx(
+              "img",
+              {
+                src: inst.receiptUrl,
+                alt: t("financial.quickTx.receipt"),
+                className: "h-8 w-8 shrink-0 rounded border object-cover"
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-[10px] font-medium text-success", children: t("financial.invoiceForm.willBePaid") }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "bare",
+                size: "bare",
+                type: "button",
+                onClick: () => patch({ receiptUrl: void 0, payMethodTypeId: void 0, payAccountId: void 0 }),
+                "aria-label": t("financial.quickTx.receiptRemove"),
+                className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+                children: /* @__PURE__ */ jsx(X, { className: "h-3.5 w-3.5" })
+              }
+            )
+          ] })
+        ] }, inst._id);
+      }) }),
+      pendingDocs.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: pendingDocs.map((file, idx) => /* @__PURE__ */ jsxs("span", { className: "inline-flex max-w-full items-center gap-1.5 rounded-md border bg-muted/30 px-2 py-1 text-xs", children: [
+        /* @__PURE__ */ jsx(FileText, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }),
+        /* @__PURE__ */ jsx("span", { className: "truncate", children: file.name }),
+        /* @__PURE__ */ jsxs("span", { className: "shrink-0 text-muted-foreground", children: [
+          "\xB7 ",
+          t("financial.invoiceForm.attachOnSave")
+        ] }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "bare",
+            size: "bare",
+            type: "button",
+            onClick: () => setPendingDocs((prev) => prev.filter((_, j) => j !== idx)),
+            "aria-label": t("financial.quickTx.receiptRemove"),
+            className: "font-normal flex h-5 w-5 shrink-0 items-center justify-center rounded text-muted-foreground hover:bg-muted hover:text-foreground",
+            children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3" })
+          }
+        )
+      ] }, `${file.name}-${idx}`)) })
+    ] }) }) })
+  );
+  const contactSection = /* @__PURE__ */ jsx("div", { ...tourAnchor("financial.contact"), children: /* @__PURE__ */ jsxs(OrderFormBlock, { title: direction === "debit" ? t("financial.invoiceForm.payTo") : t("financial.invoiceForm.receiveFrom"), children: [
+    /* @__PURE__ */ jsx(
+      FinancialCounterpartySearchSelect,
+      {
+        required: true,
+        disabled: isEdit && hasPayments,
+        lookup: contactLookup,
+        value: contactId ?? "",
+        displayValue: contactName,
+        onChange: (id, opt) => {
+          setContactId(id || void 0);
+          setContactName(opt?.label ?? "");
+          setPendingContact(null);
+          const request = ++accountingPolicyRequest.current;
+          if (!id) {
+            setCounterpartyAccounting({ allowedAccountIds: [], limitAccounts: false, addItemsAutomatically: false });
+            return;
+          }
+          const policy = counterpartyAccountingPolicy(opt?.data);
+          setCounterpartyAccounting({ allowedAccountIds: [], limitAccounts: policy.limitAccounts, addItemsAutomatically: policy.addItemsAutomatically });
+          const refs = [policy.defaultAccountId, ...policy.allowedAccountIds].filter(Boolean);
+          void (async () => {
+            let resolvedRefs = {};
+            try {
+              resolvedRefs = await provider.resolveChartAccountRefs?.(refs) ?? {};
+            } catch {
+            }
+            if (request !== accountingPolicyRequest.current) return;
+            const resolved = resolveCounterpartyAccountingPolicy(policy, resolvedRefs);
+            setCounterpartyAccounting(resolved);
+            if (resolved.defaultAccountId) {
+              setItems((current) => current.map((item) => item.accountId ? item : { ...item, accountId: resolved.defaultAccountId }));
+            }
+            if (resolved.defaultCostCenterId) {
+              setItems((current) => current.map((item) => item.costCenterId ? item : { ...item, costCenterId: resolved.defaultCostCenterId }));
+            }
+          })();
+        },
+        onCreate: contactCreate.onCreate,
+        onEdit: contactCreate.onEdit
+      }
+    ),
+    pendingContact && !contactId && contactCreate.onCreate && /* @__PURE__ */ jsxs("div", { className: "mt-2 flex flex-wrap items-center gap-2 rounded-lg border border-dashed border-border bg-muted/30 px-2.5 py-2", children: [
+      /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1 truncate text-sm", children: [
+        /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+          t("financial.receipt.fromReceipt"),
+          ": "
+        ] }),
+        /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: pendingContact })
+      ] }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          size: "sm",
+          variant: "outline",
+          className: "h-7 shrink-0",
+          onClick: () => contactCreate.onCreate(pendingContact),
+          children: t("financial.receipt.finishContact")
+        }
+      )
+    ] }),
+    contactCreate.modal
+  ] }) });
+  const sideSections = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(OrderFormBlock, { title: t("financial.invoice.details"), children: /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+      showUnitField && /* @__PURE__ */ jsx(UnitField, { choices: unitChoices, value: unitId, onChange: setUnitId }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground", children: t("financial.invoiceForm.date") }),
+        isEdit && hasPayments ? /* @__PURE__ */ jsx("p", { className: "mt-1 px-1 py-2 text-sm", children: (/* @__PURE__ */ new Date(`${invoiceDate}T00:00:00`)).toLocaleDateString() }) : /* @__PURE__ */ jsx(DatePicker, { value: invoiceDate, onChange: setInvoiceDate, className: "mt-1" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground", children: t("financial.invoiceForm.fiscalNumber") }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            type: "text",
+            value: fiscalNumber,
+            onChange: (e) => setFiscalNumber(e.target.value),
+            placeholder: t("financial.invoiceForm.fiscalNumber"),
+            className: "mt-1"
+          }
+        )
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx(OrderFormBlock, { title: t("financial.invoiceForm.observations"), children: /* @__PURE__ */ jsx(
+      Textarea,
+      {
+        value: observations,
+        onChange: (e) => setObservations(e.target.value),
+        placeholder: t("financial.invoiceForm.additionalNotes"),
+        rows: 2,
+        className: "resize-none"
+      }
+    ) }),
+    /* @__PURE__ */ jsx(OrderFormBlock, { title: t("financial.invoiceForm.tags"), children: /* @__PURE__ */ jsx(TagsField, { value: tags, onChange: setTags, table: "plg_financial_invoices" }) })
+  ] });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    !isEdit && direction === "debit" && /* @__PURE__ */ jsx(
+      PayableDraftSurface,
+      {
+        config,
+        draft: {
+          describe: () => ({
+            supplier: contactName || void 0,
+            supplierResolved: !!contactId,
+            description: items.map((i) => i.description).filter(Boolean).join(", ") || void 0,
+            total: totalAmount,
+            dueDate: installments[0]?.dueDate,
+            itemCount: items.length
+          }),
+          setSupplier: (name, id) => {
+            setContactName(name);
+            setContactId(id);
+            setPendingContact(id ? null : name);
+          },
+          setDueDate: (iso) => setInstallments((prev) => prev.map((inst, i) => i === 0 ? { ...inst, dueDate: iso } : inst)),
+          submit: async () => {
+            await handleSave();
+          }
+        }
+      }
+    ),
+    fromCard && /* @__PURE__ */ jsxs("div", { className: "mb-4 flex items-center gap-3 rounded-card border bg-card px-4 py-3", children: [
+      /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "shrink-0", children: /* @__PURE__ */ jsx(
+        CardVisual,
+        {
+          lastFour: cardLast4 || void 0,
+          color: fromCard.color ?? void 0,
+          brandId: fromCard.cardBrandId ?? void 0
+        }
+      ) }),
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsxs("p", { className: "text-sm font-medium text-foreground", children: [
+          fromCard.name,
+          cardLast4 && !nomeJaTemOsDigitos && /* @__PURE__ */ jsxs("span", { className: "ml-2 tabular-nums text-muted-foreground", children: [
+            "\u2022\u2022\u2022\u2022 ",
+            cardLast4
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: cardMethodName ? `${t("financial.cards.expenseOnCard")} \xB7 ${cardMethodName}` : t("financial.cards.expenseOnCard") })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(
+      OrderFormView,
+      {
+        embedded,
+        title,
+        subtitle,
+        parentLabel: embedded ? void 0 : direction === "debit" ? t("financial.nav.payables") : t("financial.nav.receivables"),
+        onBack: embedded ? void 0 : () => onSaved?.(),
+        actions,
+        banner: isEdit && hasPayments ? /* @__PURE__ */ jsx("p", { className: "rounded-card border border-warning/40 bg-warning-soft px-4 py-2.5 text-xs text-warning-soft-foreground", children: t("financial.invoiceForm.issuedLocked") }) : void 0,
+        sideSections,
+        children: [
+          contactSection,
+          /* @__PURE__ */ jsxs(
+            OrderFormItemsCard,
+            {
+              "data-tour": "financial.items",
+              label: t("financial.invoiceForm.items"),
+              addLabel: t("financial.invoiceForm.addItem"),
+              headerExtra: !isEdit && currencyChoices.length > 1 ? /* @__PURE__ */ jsx(
+                SegmentedControl,
+                {
+                  size: "md",
+                  "aria-label": t("financial.invoiceForm.currency"),
+                  options: currencyChoices,
+                  value: currency.code,
+                  onChange: setDocumentCurrency
+                }
+              ) : void 0,
+              onAdd: canEditItems ? startAddItem : void 0,
+              addDisabled: !contactId,
+              addDisabledHint: t("financial.invoiceForm.selectContactFirst"),
+              count: items.length,
+              countLabel: t("financial.invoiceForm.itemCount", { count: items.length, plural: items.length !== 1 ? "s" : "" }),
+              totalLabel: t("financial.invoiceForm.total"),
+              total: money(totalAmount),
+              emptyLabel: contactId ? t("financial.invoiceForm.noItems") : t("financial.invoiceForm.selectContactFirst"),
+              emptyActionLabel: t("financial.invoiceForm.addFirstItem"),
+              header: addingItem && /* @__PURE__ */ jsx(
+                OrderFormAddItemStep,
+                {
+                  itemTypes,
+                  onSelect: addItemOfKind,
+                  onCancel: () => setAddingItem(false),
+                  label: t("financial.invoiceForm.selectItemType"),
+                  cancelLabel: t("financial.invoiceForm.cancel")
+                }
+              ),
+              children: [
+                items.map((item, i) => /* @__PURE__ */ jsx(
+                  OrderFormItemRow,
+                  {
+                    index: i,
+                    itemKind: item.itemKind,
+                    description: item.description,
+                    quantity: item.quantity,
+                    unitPrice: item.unitPrice,
+                    discount: item.discount,
+                    surcharge: item.surcharge,
+                    referenceId: item.referenceId,
+                    icon: ITEM_ICONS[item.itemKind] ?? ITEM_ICONS.other,
+                    imageUrl: item.itemKind === "product" && item.referenceId ? pictures[item.referenceId] : void 0,
+                    note: stockNotes.has(item._id) ? /* @__PURE__ */ jsx(StockEntryNote, { entries: stockNotes.get(item._id) }) : void 0,
+                    itemTypes,
+                    currency,
+                    formatMoney: money,
+                    expanded: expandedItemId === item._id,
+                    readOnly: !canEditItems,
+                    onToggle: () => setExpandedItemId(expandedItemId === item._id ? null : item._id),
+                    onChange: (patch) => {
+                      void applyItemPatch(item, patch);
+                    },
+                    onRemove: () => {
+                      removeItem(item._id);
+                      if (expandedItemId === item._id) setExpandedItemId(null);
+                    },
+                    extraFieldGroups: [
+                      ...postable.length > 0 ? [{
+                        id: "account",
+                        label: t("financial.invoiceForm.account"),
+                        filled: !!item.accountId,
+                        // O plano de contas na linha fechada: classificar deixa de
+                        // ser trabalho invisível. Ver OrderFormExtraFieldGroup.summary.
+                        summary: postable.find((a) => a.id === item.accountId)?.name,
+                        onClear: () => updateItem(item._id, { accountId: void 0 }),
+                        field: (
+                          // Busca, não <select>: um plano de contas real tem dezenas
+                          // ou centenas de folhas, e a lista nativa obriga a rolar
+                          // atrás de um código que a pessoa já sabe de cor.
+                          /* @__PURE__ */ jsx(
+                            SearchSelect,
+                            {
+                              label: t("financial.invoiceForm.account"),
+                              value: item.accountId,
+                              displayValue: postable.find((a) => a.id === item.accountId)?.name,
+                              placeholder: t("financial.invoiceForm.accountNone"),
+                              minChars: 0,
+                              noResultsLabel: t("financial.invoiceForm.accountNone"),
+                              onSearch: (q) => filterByCodeOrName(selectableAccounts, q).map((a) => ({
+                                id: a.id,
+                                label: accountLabel(a),
+                                subtitle: a.accountType ?? void 0
+                              })),
+                              onChange: (id) => updateItem(item._id, { accountId: id || void 0 }),
+                              onManage: canManageFinancial ? () => adminNavigateTo(CHART_OF_ACCOUNTS_ROUTE) : void 0,
+                              manageLabel: t("financial.invoiceForm.manageChart"),
+                              clearLabel: t("financial.invoiceForm.clear")
+                            }
+                          )
+                        )
+                      }] : [],
+                      ...costCenters.length > 0 ? [{
+                        id: "costCenter",
+                        label: t("financial.invoiceForm.costCenter"),
+                        filled: !!item.costCenterId,
+                        onClear: () => updateItem(item._id, { costCenterId: void 0 }),
+                        field: /* @__PURE__ */ jsx(
+                          SearchSelect,
+                          {
+                            label: t("financial.invoiceForm.costCenter"),
+                            value: item.costCenterId,
+                            displayValue: costCenters.find((c) => c.id === item.costCenterId)?.name,
+                            placeholder: t("financial.invoiceForm.costCenterNone"),
+                            minChars: 0,
+                            noResultsLabel: t("financial.invoiceForm.costCenterNone"),
+                            onSearch: (q) => filterByCodeOrName(costCenters, q).map((c) => ({
+                              id: c.id,
+                              label: c.code ? `${c.code} - ${c.name}` : c.name
+                            })),
+                            onChange: (id) => updateItem(item._id, { costCenterId: id || void 0 }),
+                            onManage: canManageFinancial ? () => adminNavigateTo(COST_CENTERS_ROUTE) : void 0,
+                            manageLabel: t("financial.invoiceForm.manageCostCenters"),
+                            clearLabel: t("financial.invoiceForm.clear")
+                          }
+                        )
+                      }] : []
+                    ],
+                    entityLookups,
+                    pickOnly: Boolean(entityLookups[item.itemKind]?.expand) && !item.referenceId,
+                    showTypeSelector: hasItemLookups,
+                    allowSurcharge: true,
+                    labels: {
+                      item: t("financial.invoiceForm.item"),
+                      description: t("financial.invoiceForm.description"),
+                      descriptionPlaceholder: t("financial.invoiceForm.itemDescription"),
+                      noDescription: t("financial.invoiceForm.noDescription"),
+                      qty: t("financial.invoiceForm.qty"),
+                      unitPrice: t("financial.invoiceForm.unitPrice"),
+                      discount: t("financial.invoiceForm.discount"),
+                      surcharge: t("financial.invoiceForm.surcharge"),
+                      adjustments: t("financial.invoiceForm.discountSurcharge"),
+                      removeAdjustments: t("financial.invoiceForm.removeAdjustments"),
+                      done: t("financial.invoiceForm.done"),
+                      edit: t("financial.invoiceForm.edit")
+                    }
+                  },
+                  item._id
+                )),
+                cancelledLines.map((line) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 border-t py-2 pl-4 pr-11 text-muted-foreground", children: [
+                  /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+                    /* @__PURE__ */ jsx("p", { className: "truncate text-sm line-through", children: line.description }),
+                    /* @__PURE__ */ jsxs("p", { className: "truncate text-xs", children: [
+                      "Cancelado",
+                      line.cancelReason ? ` \u2014 ${line.cancelReason}` : ""
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ jsxs("span", { className: "shrink-0 text-xs tabular-nums line-through", children: [
+                    line.quantity,
+                    " \xD7 ",
+                    money(line.unitPrice)
+                  ] }),
+                  /* @__PURE__ */ jsx("span", { className: "w-24 shrink-0 text-right text-sm tabular-nums line-through", children: money(line.totalAmount) })
+                ] }, line.id))
+              ]
+            }
+          ),
+          scheduleSection,
+          isEdit && recordMeta && /* @__PURE__ */ jsx(RecordMetaFooter, { item: recordMeta })
+        ]
+      }
+    ),
+    receiptPicker.input,
+    attachmentsOpen && editId && /* @__PURE__ */ jsx(InvoiceAttachmentsModal, { invoiceId: editId, onClose: () => setAttachmentsOpen(false), onChanged: loadAttachmentCount }),
+    payingMovement && /* @__PURE__ */ jsx(CurrencyScope, { code: documentCurrency, children: /* @__PURE__ */ jsx(
+      PaymentModal,
+      {
+        movement: payingMovement,
+        receiptUrl: pendingReceipt,
+        onClose: () => {
+          setPayingMovement(null);
+          setPendingReceipt(void 0);
+          if (payingNewId) {
+            const id = payingNewId;
+            setPayingNewId(null);
+            onSaved?.(id);
+          }
+        },
+        onPaid: () => {
+          setPayingMovement(null);
+          setPendingReceipt(void 0);
+          if (payingNewId) {
+            const id = payingNewId;
+            setPayingNewId(null);
+            onSaved?.(id);
+            return;
+          }
+          void (async () => {
+            if (!editId) return;
+            const movements = await provider.getMovements({ direction });
+            setSavedMovements(
+              movements.data.filter((m) => m.invoiceId === editId && m.movementKind === "bill").sort((a, b) => (a.installmentNumber ?? 0) - (b.installmentNumber ?? 0))
+            );
+            onChanged?.();
+          })();
+        }
+      }
+    ) }),
+    cancelData && editId && /* @__PURE__ */ jsx(
+      CancelInvoiceDialog,
+      {
+        invoiceId: editId,
+        counterpartyName: cancelData.name,
+        totalAmount: cancelData.total,
+        items: cancelData.items,
+        onClose: () => setCancelData(null),
+        onCancelled: () => {
+          setCancelData(null);
+          onSaved?.();
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx("style", { children: `
+        @keyframes field-slide-in {
+          from { opacity: 0; transform: translateY(8px); }
+          to { opacity: 1; transform: translateY(0); }
+        }
+      ` })
+  ] });
+}
+
+export { ACCOUNTS_ROUTE, AccountIcon, BankLogo, BankPicker, CancelInvoicesDialog, FinancialCounterpartySearchSelect, InvoiceAttachmentsModal, InvoiceDetailView, InvoiceFormView, PaymentModal, UnitField, createFinancialCounterpartyLookup, findBrBank, marcarItemParaAbrir, renderAccountAvatar, renderCardChip, useStockedItemTypes, useWritableUnits };
+//# sourceMappingURL=chunk-K37Q7SKX.js.map
+//# sourceMappingURL=chunk-K37Q7SKX.js.map