fix: corrige props depreciadas do react-day-picker v10

`table` renomeado para `month_grid` e `fromYear`/`toYear` substituídos
por `startMonth`/`endMonth`, quebrando o build do Docker.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

CHANGELOG.md

@@ -5,6 +5,51 @@ Todas as mudanças notáveis deste projeto serão documentadas neste arquivo.
 O formato é baseado em [Keep a Changelog](https://keepachangelog.com/pt-BR/1.1.0/),
 e este projeto adere ao [Versionamento Semântico](https://semver.org/lang/pt-BR/).
 
+## [2.5.6] - 2026-05-07
+
+Esta versão entrega um conjunto de melhorias em torno do fluxo de lançamentos: filtros mais úteis, divisão por porcentagem, indicador de orçamento dentro do modal e correção de um bug em totais por pessoa que considerava contas excluídas do saldo. Também inclui ajustes de robustez no display da calculadora (sem mais overflow do modal com valores longos) e o fix do cache de RSC nos filtros multi-seleção.
+
+### Adicionado
+- Lançamentos: filtro por faixa de valor (mín/máx) com debounce e persistência via query string (`amountMin`/`amountMax`).
+- Lançamentos: botão "Limpar" discreto ao lado do botão "Filtros", visível apenas quando há filtros ativos.
+- Modal de lançamento: toggle compacto R$/% no card "Dividir lançamento", permitindo distribuir o valor por porcentagem entre as pessoas. Cada input em modo % exibe o valor convertido em R$ logo abaixo, no mesmo padrão visual do `InlinePeriodPicker`.
+- Modal de lançamento: indicador de orçamento ao lado do nome da categoria selecionada, mostrando `R$ gasto de R$ orçado (%)` com cores semânticas (verde / âmbar / vermelho) conforme o consumo. Suprimido quando o input divide a linha com o tipo de transação (caso pré-lançamentos). Implementado via `getCategoryBudgetSummaryAction` e `fetchCategoryBudgetSummary` em `features/budgets`.
+
+### Alterado
+- Calculadora: display com tamanho de fonte adaptativo (de `text-3xl` a `text-sm`) conforme o comprimento da expressão, mais `truncate` funcional via `min-w-0` nos containers flex. Resolve o overflow do modal com valores muito longos (ex: `9.999.999.999 × 9.999.999.999`).
+
+### Corrigido
+- Pessoas: "Totais do mês" em `/payers/[id]` deixa de somar lançamentos vinculados a contas marcadas como `excludeFromBalance` (ex: "Ajuste de saldo"). Adicionado `excludeTransactionsFromExcludedAccounts()` em 6 queries de `src/shared/lib/payers/details.ts`.
+- Orçamentos: `fetchBudgetsForUser` e `fetchCategoryBudgetSummary` agora respeitam o filtro de contas excluídas do saldo, alinhando o gasto exibido na tela de Orçamentos com o badge de orçamento dentro do modal de lançamento.
+- Lançamentos: tabela de resultados agora reflete corretamente a remoção de um valor em filtros multi-seleção (Pessoa, Conta/Cartão, Categoria, Condição, Forma de Pagamento). Adicionado `router.refresh()` em `handleMultiFilterChange` para invalidar o cache de segmento do router (issue #54).
+
+### Dependências
+- Stack core: `next` 16.2.4 → 16.2.6, `react`/`react-dom` 19.2.5 → 19.2.6.
+- UI: `react-day-picker` 9 → 10 (major), `tailwindcss` / `@tailwindcss/postcss` 4.2.4 → 4.3.0, `tailwind-merge` 3.5.0 → 3.6.0.
+- Auth: `better-auth` 1.6.9 → 1.6.10 e `@better-auth/passkey` 1.6.9 → 1.6.10.
+- AI SDKs: `@ai-sdk/anthropic` 3.0.74 → 3.0.76, `@ai-sdk/google` 3.0.67 → 3.0.71, `@ai-sdk/openai` 3.0.60 → 3.0.63, `ai` 6.0.175 → 6.0.177.
+- AWS: `@aws-sdk/client-s3` e `@aws-sdk/s3-request-presigner` 3.1042.0 → 3.1045.0.
+- E-mail: `resend` 6.12.2 → 6.12.3.
+- Dev tooling: `@biomejs/biome` 2.4.14 → 2.4.15, `knip` 6.11.0 → 6.12.2, `@types/node` 25.6.0 → 25.6.2.
+
+## [2.5.5] - 2026-05-06
+
+Esta versão melhora a navegação por históricos e lançamentos. O changelog ganhou uma linha do tempo mais leve, colapsável e fácil de escanear; os filtros de lançamentos passam a aceitar múltiplas pessoas, categorias, formas de pagamento, condições e contas/cartões na mesma busca; e os diálogos adotam as animações compartilhadas do design system. Também há pequenos polimentos de texto e layout para deixar a interface mais consistente.
+
+### Adicionado
+- Lançamentos: filtros multi-seleção para condição, forma de pagamento, pessoa, categoria e conta/cartão, permitindo combinar vários valores no mesmo filtro (query string passa a aceitar múltiplos valores por chave).
+- Changelog: parser passou a inferir o tipo de bump (major/minor/patch) a partir da numeração e a extrair o parágrafo de resumo abaixo do cabeçalho de versão; novo arquivo `src/features/settings/lib/changelog-types.ts` consolidando os tipos compartilhados.
+- UI: dependência `tw-animate-css` para usar as mesmas animações utilitárias já presentes nos componentes shadcn/ui.
+
+### Alterado
+- Changelog: visual da página reformulado para linha do tempo com resumo sempre visível, detalhes colapsáveis por versão, agrupamento por mês e marcadores visuais por tipo de bump; componente migrado para `"use client"` com `Collapsible` e abertura via âncora (`#vX-Y-Z`).
+- Lançamentos: botões "Nova Receita" e "Nova Despesa" agora usam os próprios triggers do `TransactionDialog` (via prop `createSlot`), reduzindo estado manual na página e eliminando o fluxo `setCreateOpen` + `transactionTypeForCreate`.
+- Diálogos: animações customizadas em CSS (`@keyframes dialog-in/out` e `overlay-in/out`) substituídas pelas classes utilitárias compartilhadas em `Dialog`/`DialogOverlay` (`data-[state=open]:animate-in`, `zoom-in-95`, `fade-in-0`).
+- BulkActionDialog: label do escopo "Todas as pessoas" passa a indicar a parcela atual (`Todas as pessoas desta parcela (N/Total)`) com descrição mais clara sobre o efeito da ação.
+- Checkbox: `RiCheckLine`/`RiSubtractLine` agora herdam `text-current` para alinhar com a cor do indicator nativo.
+- Landing page: remoção de fundos alternados (`bg-muted/40`) nas seções "Funcionalidades", "Stack" e "Para quem é" para uma leitura visual mais limpa.
+- Navbar: aviso de atualização passa a usar o texto "Versão X disponível".
+
 ## [2.5.4] - 2026-05-06
 
 Esta versão é uma faxina arquitetural de larga escala sem nenhuma mudança visível ao usuário. Removido código morto, padronizamos identificadores em inglês conforme a convenção do projeto, simplificamos o barrel de Server Actions e consolidamos os arquivos de helpers/queries soltos nas raízes das features dentro de pastas `lib/`. O resultado é uma estrutura previsível e consistente entre features (`actions.ts`, `queries.ts`, `actions/`, `components/`, `hooks/`, `lib/`) e um saldo líquido de −428 linhas de código com zero impacto em comportamento, performance ou banco de dados.
@@ -220,6 +265,8 @@ Esta versão é quase toda sobre organização e polimento. O código interno do
 
 ## [2.4.1] - 2026-04-16
 
+Versão pequena com refresh visual nas telas de autenticação (efeito blob com três círculos coloridos em movimento e card com glassmorphism), capitalização dos labels da navbar para melhor legibilidade e otimização do banco com 17 índices novos em foreign keys — evitando sequential scans em deletes em tabelas grandes como `lancamentos`. Corrigida regressão no `postgres:18-alpine` que recusava iniciar em instalações existentes; adicionada variável `PGDATA` no compose para preservar dados de quem já tinha o volume populado.
+
 ### Adicionado
 
 - UI/Auth: layout animado nas páginas de login e signup com efeito blob (3 círculos coloridos em movimento) e card com glassmorphism; layout compartilhado extraído para `app/(auth)/layout.tsx` eliminando duplicação (PR #42)
@@ -240,6 +287,8 @@ Esta versão é quase toda sobre organização e polimento. O código interno do
 
 ## [2.4.0] - 2026-04-13
 
+Esta versão integra o serviço Logo.dev para exibir automaticamente logos de marcas na coluna de estabelecimentos dos lançamentos, com picker manual para fixar o domínio quando a sugestão automática não acerta. As consultas vão por novas rotas de API (`/api/logo/search` e `/api/logo/mapping`) que servem como proxy seguro — a secret key fica server-side. Inclui também tabela própria `establishment_logos` com PK composta `(user_id, name_key)` para persistir as preferências por usuário.
+
 ### Adicionado
 
 - Estabelecimentos: integração com Logo.dev — logos automáticos de marcas exibidos na coluna de estabelecimentos nos lançamentos
@@ -259,6 +308,8 @@ Esta versão é quase toda sobre organização e polimento. O código interno do
 
 ## [2.3.8] - 2026-04-12
 
+Refatoração do `docker-compose.yml` para virar standalone — agora basta um `curl` + `docker compose up -d`, sem dependências de arquivos externos ou profiles complexos. README reescrito em dois perfis claros (Usar com Docker e Desenvolver com hot-reload) e scripts npm reduzidos de 10 para 5.
+
 ### Alterado
 
 - Docker: `docker-compose.yml` refatorado — removidos profiles, build e dependência de arquivo externo; compose agora é standalone (basta `curl` + `docker compose up -d`)
@@ -268,6 +319,8 @@ Esta versão é quase toda sobre organização e polimento. O código interno do
 
 ## [2.3.7] - 2026-04-11
 
+Esta versão amplia significativamente o dashboard com três novos widgets configuráveis (Anexos, Inbox, Tendências de Categoria), adiciona filtros úteis na tabela de lançamentos (por status de pagamento e por presença de anexo) e moderniza a tipografia substituindo a fonte local por Inter (Google Fonts, self-hosted pelo Next.js) — eliminando arquivos `.woff2` do repositório. Pesos tipográficos foram padronizados para `font-semibold` em títulos, rótulos e valores monetários, e o card de grupo de parcelas foi redesenhado expandindo num dialog de detalhes com parcelas pagas/pendentes separadas. No backend, a CSP foi expandida para permitir preview de anexos PDF via S3, e o setup ganhou script `install-deps.sh` pra preparar servidores Ubuntu 24.04 limpos.
+
 ### Adicionado
 
 - Dashboard: novos widgets configuráveis — Anexos (resumo de arquivos do período), Inbox (snapshot de pré-lançamentos pendentes) e Tendências de Categoria
@@ -304,24 +357,32 @@ Esta versão é quase toda sobre organização e polimento. O código interno do
 
 ## [2.3.6] - 2026-04-09
 
+Correção pontual no Docker — adicionado `NODE_PATH=/app/migrate/node_modules` no entrypoint para o `drizzle-kit` resolver corretamente o `drizzle-orm` ao executar as migrations no container.
+
 ### Corrigido
 
 - Docker: adicionado `NODE_PATH=/app/migrate/node_modules` no entrypoint para que o `drizzle-kit` consiga resolver `drizzle-orm` ao executar as migrations no container
 
 ## [2.3.5] - 2026-04-07
 
+Correção crítica na CSP: regra movida do `next.config.ts` (build time) para `proxy.ts` (runtime), desbloqueando uploads de anexos quando o `S3_ENDPOINT` ainda não estava disponível durante o build da imagem Docker.
+
 ### Corrigido
 
 - CSP: movido `Content-Security-Policy` do `next.config.ts` (build time) para `proxy.ts` (runtime), corrigindo bloqueio de upload de anexos quando `S3_ENDPOINT` não estava disponível durante o build do Docker
 
 ## [2.3.4] - 2026-04-05
 
+Correção pontual no upload de anexos — a CSP `connect-src` bloqueava o fetch para o storage, gerando `NetworkError` na hora de subir o arquivo.
+
 ### Corrigido
 
 - Anexos: corrigido upload que falhava com `NetworkError` — CSP `connect-src` bloqueava fetch para o Storage
 
 ## [2.3.3] - 2026-04-05
 
+Correção do fluxo de tokens da API: `/api/auth/device/verify` voltou a aceitar tokens criados pela tela de Settings (revertido de JWT para hash lookup). O prefixo dos tokens também foi renomeado de `os_` para `opm_` (OpenMonetis) e rotas JWT não utilizadas foram removidas — usuários precisam recriar os tokens existentes.
+
 ### Corrigido
 
 - Tokens: corrigido `/api/auth/device/verify` que rejeitava tokens criados via Settings (revertido de JWT para hash lookup)
@@ -334,6 +395,8 @@ Esta versão é quase toda sobre organização e polimento. O código interno do
 
 ## [2.3.2] - 2026-04-04
 
+Esta versão concentra hardening de segurança. Tokens da API ganharam expiração obrigatória de 1 ano (sem mais tokens eternos) e o refresh foi corrigido para validar JWT por assinatura. A CSP foi expandida com `default-src`, `script-src`, `style-src`, `img-src`, `font-src` e `connect-src` (no lugar de uma regra única ampla), e foi adicionada mitigação para CVE-2024-44294 desabilitando parsing de fórmulas em `xlsx`. Inclui ainda novos headers (`Referrer-Policy`, `X-Permitted-Cross-Domain-Policies`), respostas `401 JSON` em vez de redirect 302 em rotas autenticadas, `security.txt` (RFC 9116) e correção de URL com protocolo duplicado no sitemap.
+
 ### Segurança
 
 - Tokens: removido aceite de tokens sem expiração (`expiresAt NULL`); tokens criados via settings agora expiram em 1 ano
@@ -349,12 +412,16 @@ Esta versão é quase toda sobre organização e polimento. O código interno do
 
 ## [2.3.1] - 2026-04-03
 
+Correção pontual de infraestrutura — dependências do `drizzle-kit` passaram a ser instaladas em `/app/migrate/` separadamente do `node_modules` do build standalone, corrigindo o erro `Cannot find module 'next'` no startup do container.
+
 ### Corrigido
 
 - Infraestrutura: deps do drizzle-kit agora são instaladas em `/app/migrate/` separado do `node_modules` do standalone, corrigindo erro `Cannot find module 'next'` no startup do container
 
 ## [2.3.0] - 2026-04-03
 
+Esta versão introduz `@tanstack/react-query` no projeto, padronizando cache, deduplicação e invalidação de leituras client-side. Várias features (anexos, insights, antecipação de parcelas) passaram a usar React Query no lugar de `useEffect` manual sobre rotas GET dedicadas. O dashboard ganhou ajuda contextual em cada métrica e configuração persistida pra ocultar contas marcadas como não consideradas no saldo total; o menu do usuário na navbar passou a avisar quando há release nova publicada no GitHub; e o Docker passou a rodar migrations automaticamente no startup via `docker-entrypoint.sh`. Internamente, o `knip` foi adicionado pra auditar arquivos/exports/tipos sem uso, várias rotas e actions ganharam validações extras (filtros por `userId` em joins, rate limits explícitos no Better Auth, headers `Cache-Control: private, no-store` em rotas privadas) e o projeto foi atualizado para Next.js 16.2.2 e Biome 2.4.10.
+
 ### Adicionado
 
 - Dependências: adiciona `@tanstack/react-query` e um provider global para padronizar cache, deduplicação e invalidação de leituras client-side
@@ -390,12 +457,16 @@ Esta versão é quase toda sobre organização e polimento. O código interno do
 
 ## [2.2.1] - 2026-04-01
 
+Correção pontual no build da imagem Docker — removido `chown -R /app` do stage final (que travava o build/push da GitHub Action por lentidão excessiva); permissões agora definidas via `COPY --chown` direto.
+
 ### Corrigido
 
 - Docker: imagem de produção deixa de executar `chown -R /app` no stage final; as permissões passam a ser definidas nos `COPY --chown`, reduzindo o risco de travamento e lentidão excessiva no build/push da GitHub Action
 
 ## [2.2.0] - 2026-04-01
 
+Esta versão entrega uma nova página dedicada de galeria de anexos em `/attachments` com miniaturas, visualização inline (incluindo PDF via `pdfjs-dist`), download direto e acesso a partir do lançamento. As páginas de login e cadastro foram redesenhadas com sidebar mockup de faturas, três blocos de funcionalidade e gradiente decorativo. O dashboard passou a notificar boletos e faturas com vencimento dentro de 5 dias, e o cache do dashboard migrou de `unstable_cache` para a diretiva `use cache` (com `cacheTag` e `cacheLife`), com `cacheComponents: true` no `next.config.ts` e `connection()` em todas as páginas para forçar render dinâmico. A tipografia ganhou peso 500 (Medium) padronizado em títulos, valores e rótulos.
+
 ### Adicionado
 
 - Anexos: nova página de galeria em `/attachments` com miniaturas, visualização inline de imagem e PDF, download direto e acesso a partir do lançamento
@@ -416,6 +487,8 @@ Esta versão é quase toda sobre organização e polimento. O código interno do
 
 ## [2.1.2] - 2026-03-30
 
+Pequena versão de polimento: novo escopo `"period"` na ação em lote de lançamentos (aplica alteração a todos os lançamentos do período sem sobrescrever o pagador individual de cada um), preferência de tamanho máximo por arquivo de anexo (5/10/25/50/100 MB) persistida no banco e respeitada em todos os pontos de upload, e redesign visual da página de Configurações com separadores entre seções e títulos maiores.
+
 ### Adicionado
 
 - Preferências: nova configuração de tamanho máximo por arquivo de anexo (5, 10, 25, 50 ou 100 MB), persistida no banco e respeitada em todos os pontos de upload
@@ -432,6 +505,8 @@ Esta versão é quase toda sobre organização e polimento. O código interno do
 
 ## [2.1.1] - 2026-03-29
 
+Esta versão extrai a navbar pra um componente `NavbarShell` compartilhado entre app e landing page e cria uma variante `navbar` no Button pra centralizar os estilos antes duplicados em `nav-styles.ts`. A integração com `@vercel/analytics`/`@vercel/speed-insights` foi substituída por Umami self-hosted via script tag no layout raiz.
+
 ### Adicionado
 
 - Navbar: novo componente `NavbarShell` que unifica a estrutura da barra de navegação entre o app e a landing page
@@ -453,6 +528,8 @@ Esta versão é quase toda sobre organização e polimento. O código interno do
 
 ## [2.1.0] - 2026-03-28
 
+Esta versão adiciona suporte a anexos em transações, com upload direto para storage compatível com S3, persistência em tabelas dedicadas (`anexos` e `lancamento_anexos`) e ações de visualizar/remover no detalhe do lançamento. O upload exige token assinado por arquivo, valida ownership da transação na leitura/remoção e confere tamanho/tipo do objeto no storage antes de persistir o vínculo no banco. Inclui também novo workflow `release.yml` que cria tag e GitHub Release automaticamente a partir da versão do `package.json` e da entrada correspondente no `CHANGELOG.md`.
+
 ### Adicionado
 
 - Lançamentos: suporte a anexos em transações com upload direto para storage compatível com S3, persistência em tabelas dedicadas (`anexos` e `lancamento_anexos`) e ações de visualizar/remover no detalhe do lançamento
@@ -468,12 +545,16 @@ Esta versão é quase toda sobre organização e polimento. O código interno do
 
 ## [2.0.3] - 2026-03-26
 
+Correção pontual em `/transactions` — removida dependência de `crypto.randomUUID()` no carregamento inicial, que falhava em ambientes self-hosted sem HTTPS (a API só está disponível em contextos seguros).
+
 ### Corrigido
 
 - Lançamentos: `/transactions` deixa de depender de `crypto.randomUUID()` no carregamento inicial, corrigindo a falha em ambientes self-hosted sem HTTPS ao abrir a página
 
 ## [2.0.2] - 2026-03-25
 
+Versão focada nas notificações da navbar: novo estado persistido permite marcar alertas de fatura, boleto e orçamento como lidos ou arquivados por usuário; o snapshot global passa a usar o período corrente do negócio (não mais o `periodo` da URL), itens lidos saem do badge e arquivados somem da lista padrão do sino. O filtro foi refinado para um seletor explícito entre `Ativas` e `Arquivadas`. Inclui ajustes pontuais no detalhamento por categoria do dashboard (oculta categorias sem movimentação no período), na arte decorativa do cabeçalho de boas-vindas e na edição em lote de lançamentos em série (que agora propaga também o status de pagamento para transações fora do cartão).
+
 ### Adicionado
 
 - Scripts: novo comando `mockup` no `package.json` para executar `scripts/mock-data.ts`
@@ -502,6 +583,8 @@ Esta versão é quase toda sobre organização e polimento. O código interno do
 
 ## [2.0.1] - 2026-03-21
 
+Versão de correções na inbox de pré-lançamentos: filtro por app passa a montar a lista completa a partir de todos os itens do status atual (sem depender da página carregada), notificações de cartões/apps sem logo cadastrado passam a usar `default_icon.png` como fallback, e o select de apps exibe os logos. Inclui também correção de divergência entre a versão exibida no UI e a reportada pelo `/api/health` (que agora reporta a versão atual do `package.json`).
+
 ### Corrigido
 
 - Inbox: filtro por app em `/inbox` agora monta a lista completa de apps da aba a partir de todos os itens do status atual, sem depender apenas da página carregada, e o SSR deixa de quebrar quando `sourceApps` vier inconsistente
@@ -512,6 +595,8 @@ Esta versão é quase toda sobre organização e polimento. O código interno do
 
 ## [2.0.0] - 2026-03-21
 
+Marco importante do projeto. Esta versão consolida ganhos de performance, segurança e organização interna. No backend, paginação server-side real foi implementada em transações, extrato e inbox; o dashboard reduziu de 19 fetchers para 7 blocos com agregações compartilhadas; exportações de PDF/Excel passaram a carregar libs sob demanda apenas no clique; e o cache de dashboard/insights ganhou invalidação segmentada por `userId` (sem fallback global). Internamente, identificadores foram migrados de PT-BR para inglês (`lancamento` → `transaction`, `pagador` → `payer`, `conta` → `account`, etc.) e helpers foram consolidados em módulos de domínio. Visualmente, a navbar e os cards de auth ganharam dot pattern + brilho em primary, faturas tiveram refinamento na hierarquia visual, e a tipografia foi unificada na família America. Inclui ainda script `scripts/backup.sh` para backup automático do PostgreSQL, importação de extratos OFX e XLS/XLSX com tela de revisão e dedup por FITID, e nova opção de zerar dados financeiros sem excluir o usuário.
+
 ### Adicionado
 
 - Infraestrutura: script `scripts/backup.sh` para backup automático do banco PostgreSQL; configuração de destino (rclone, cron, retenção) feita separadamente; passa a gerar também `*.data.sql.gz` com dados puros de todas as tabelas públicas (`--data-only --schema=public`)
@@ -568,6 +653,8 @@ Esta versão é quase toda sobre organização e polimento. O código interno do
 
 ## [1.7.7] - 2026-03-05
 
+Versão de organização interna sem mudanças visíveis grandes. Períodos e navegação mensal passaram a usar os helpers centrais de período (`YYYY-MM`), hooks locais (calculadora, month-picker, logo picker) foram movidos pra perto das respectivas features e `components/navbar`/`sidebar` foram consolidados em `components/navigation/*`. Análise de parcelas migrou para `/relatorios/analise-parcelas`, exportações em PDF/CSV/Excel ganharam melhor branding e apresentação, e a calculadora teve ajustes de estabilidade no arrasto.
+
 ### Alterado
 
 - Períodos e navegação mensal: `useMonthPeriod` passou a usar os helpers centrais de período (`YYYY-MM`), o month-picker foi simplificado e o rótulo visual agora segue o formato `Março 2026`.
@@ -582,6 +669,8 @@ Esta versão é quase toda sobre organização e polimento. O código interno do
 
 ## [1.7.6] - 2026-03-02
 
+Esta versão adiciona suporte completo a Passkeys (WebAuthn) via `@better-auth/passkey`: nova aba em `/ajustes` permite listar, adicionar, renomear e remover credenciais, e a tela de login ganhou ação dedicada para passkey. O dashboard ganhou widget de Anotações e atalhos rápidos na toolbar de widgets pra criar Receita, Despesa ou Anotação direto. Top Estabelecimentos foi unificado num único widget com abas, e o widget "Lançamentos recentes" foi substituído por "Progresso de metas" com lista de orçamentos do período (gasto, limite e percentual de uso por categoria).
+
 ### Adicionado
 
 - Suporte completo a Passkeys (WebAuthn) com plugin `@better-auth/passkey` no servidor e `passkeyClient` no cliente de autenticação
@@ -616,6 +705,8 @@ Esta versão é quase toda sobre organização e polimento. O código interno do
 
 ## [1.7.5] - 2026-02-28
 
+Versão pequena de polimento: ações para excluir item individual (processado/descartado) e limpar itens em lote por status na inbox de pré-lançamentos, redesign dos cards e diálogos dos widgets de boletos e faturas com indicação "Atrasado / Pagar" quando vencidos e não pagos, e migração da página de categorias de cards pra layout em tabela com link direto para detalhe e ações inline.
+
 ### Adicionado
 
 - Inbox de pré-lançamentos: ações para excluir item individual (processado/descartado) e limpar itens em lote por status
@@ -634,6 +725,8 @@ Esta versão é quase toda sobre organização e polimento. O código interno do
 
 ## [1.7.4] - 2026-02-28
 
+Versão de polimento de responsividade no mobile: 26 componentes ajustados (navbar, filtros, skeletons, widgets, dialogs), card de análise de parcelas empilhado verticalmente em telas pequenas e cards do top estabelecimentos reorganizados em coluna única no mobile. Inclui também regra mais inteligente em "Remover selecionados" — quando todos os itens pertencem à mesma série, abre dialog de escopo com 3 opções; e ajuste no consumo de limite por despesa recorrente no cartão (só consome quando a data já passou).
+
 ### Alterado
 
 - Card de análise de parcelas (`/dashboard/analise-parcelas`): layout empilhado no mobile — nome/cartão e valores Total/Pendente em linhas separadas ao invés de lado-a-lado, evitando truncamento
@@ -645,6 +738,8 @@ Esta versão é quase toda sobre organização e polimento. O código interno do
 
 ## [1.7.3] - 2026-02-27
 
+Versão pequena com nova prop `compact` no DatePicker (formato abreviado "28 fev", sem "de" e sem ano) e modal de múltiplos lançamentos reformulado: selects de conta e cartão separados por forma de pagamento, InlinePeriodPicker ao escolher cartão de crédito e DatePicker compacto.
+
 ### Adicionado
 
 - Prop `compact` no DatePicker para formato abreviado "28 fev" (sem "de" e sem ano)
@@ -656,6 +751,8 @@ Esta versão é quase toda sobre organização e polimento. O código interno do
 
 ## [1.7.2] - 2026-02-26
 
+Versão de polimento dos diálogos: padding maior (p-10), largura padronizada em `max-w-xl` e botões do footer com largura igual; o lançamento dialog ganhou seção colapsável "Condições e anotações" e cálculo automático do período da fatura via `deriveCreditCardPeriod()`. Inclui também uma faxina de tipos (non-null assertions removidas, `any` substituído por tipos explícitos em 15+ arquivos) e remoção de 6 componentes e 20+ funções/tipos sem uso.
+
 ### Alterado
 
 - Dialogs padronizados: padding maior (p-10), largura max-w-xl, botões do footer com largura igual (flex-1)
@@ -679,6 +776,8 @@ Esta versão é quase toda sobre organização e polimento. O código interno do
 
 ## [1.7.1] - 2026-02-24
 
+Esta versão substitui o header lateral por uma topbar de navegação com backdrop blur e links agrupados em 5 seções (Dashboard, Lançamentos, Cartões, Relatórios, Ferramentas), expande o sino de notificações pra exibir orçamentos estourados e pré-lançamentos pendentes em seções separadas, e cria página dedicada de changelog em `/changelog` (acessível pelo menu do usuário com a versão atual exibida ao lado).
+
 ### Adicionado
 
 - Topbar de navegação substituindo o header fixo: backdrop blur, links agrupados em 5 seções (Dashboard, Lançamentos, Cartões, Relatórios, Ferramentas)
@@ -702,6 +801,8 @@ Esta versão é quase toda sobre organização e polimento. O código interno do
 
 ## [1.6.3] - 2026-02-19
 
+Correção pontual: variável `RESEND_FROM_EMAIL` não era lida corretamente do `.env` quando o valor continha espaços (precisa estar entre aspas). Leitura centralizada em `lib/email/resend.ts` com `getResendFromEmail()` e carregamento explícito do `.env` no contexto de Server Actions.
+
 ### Corrigido
 
 - E-mail Resend: variável `RESEND_FROM_EMAIL` não era lida do `.env` (valores com espaço precisam estar entre aspas). Leitura centralizada em `lib/email/resend.ts` com `getResendFromEmail()` e carregamento explícito do `.env` no contexto de Server Actions
@@ -713,12 +814,16 @@ Esta versão é quase toda sobre organização e polimento. O código interno do
 
 ## [1.6.2] - 2026-02-19
 
+Correção pontual no mobile: ao selecionar um logo no diálogo de criação de conta/cartão, o diálogo principal fechava inesperadamente. Adicionado `stopPropagation` nos eventos de click/touch dos botões e delay com `requestAnimationFrame` antes de fechar o seletor.
+
 ### Corrigido
 
 - Bug no mobile onde, ao selecionar um logo no diálogo de criação de conta/cartão, o diálogo principal fechava inesperadamente: adicionado `stopPropagation` nos eventos de click/touch dos botões de logo e delay com `requestAnimationFrame` antes de fechar o seletor de logo
 
 ## [1.6.1] - 2026-02-18
 
+Versão pequena: nome do estabelecimento padronizado para transferências entre contas ("Saída - Transf. entre contas" e "Entrada - Transf. entre contas") com anotação no formato "de {origem} -> {destino}", e correção de avisos `width(-1) and height(-1)` do `ChartContainer` no console.
+
 ### Alterado
 
 - Transferências entre contas: nome do estabelecimento passa a ser "Saída - Transf. entre contas" na saída e "Entrada - Transf. entre contas" na entrada e adicionando em anotação no formato "de {conta origem} -> {conta destino}"
@@ -726,6 +831,8 @@ Esta versão é quase toda sobre organização e polimento. O código interno do
 
 ## [1.6.0] - 2026-02-18
 
+Versão de personalização da tabela de lançamentos. Duas novas preferências em Ajustes > Extrato e lançamentos: "Anotações em coluna" (controla se a anotação aparece como coluna ou tooltip no ícone) e "Ordem das colunas" (lista ordenável por arrasto pra reordenar Estabelecimento, Transação, Valor etc.). Inclui ajustes mobile no header do dashboard (fixo só no mobile) e na rolagem horizontal de tabs e botões de ação.
+
 ### Adicionado
 
 - Preferência "Anotações em coluna" em Ajustes > Extrato e lançamentos: quando ativa, a anotação dos lançamentos aparece em coluna na tabela; quando inativa, permanece no balão (tooltip) no ícone
@@ -746,6 +853,8 @@ Esta versão é quase toda sobre organização e polimento. O código interno do
 
 ## [1.5.3] - 2026-02-21
 
+Versão focada no painel do pagador (novo card "Status de Pagamento" com totais pagos/pendentes e listagem individual de boletos com data de vencimento, data de pagamento e status), além de SEO completo na landing page (Open Graph, Twitter Card, JSON-LD Schema.org, sitemap.xml e robots.txt) e layout específico com metadados ricos. Imagens da landing convertidas de PNG para WebP para melhor performance.
+
 ### Adicionado
 
 - Painel do pagador: card "Status de Pagamento" com totais pagos/pendentes e listagem individual de boletos com data de vencimento, data de pagamento e status
@@ -767,6 +876,8 @@ Esta versão é quase toda sobre organização e polimento. O código interno do
 
 ## [1.5.2] - 2026-02-16
 
+Reforma visual da landing page: hero com gradient sutil e tipografia responsiva, dashboard preview sem bordas pra visual mais limpo, seção "Funcionalidades" reorganizada em 6 cards principais + 6 extras compactos, seção "Como usar" com tabs Docker (Recomendado) vs Manual e footer simplificado em 3 colunas. Inclui menu hamburger mobile com Sheet drawer, animações fade-in via Intersection Observer e seção dedicada ao OpenMonetis Companion com screenshots e fluxo de captura.
+
 ### Alterado
 
 - Landing page reformulada: visual modernizado, melhor experiência mobile e novas seções
@@ -789,6 +900,8 @@ Esta versão é quase toda sobre organização e polimento. O código interno do
 
 ## [1.5.1] - 2026-02-16
 
+Esta versão renomeia o projeto de **OpenSheets** para **OpenMonetis** em todo o codebase (~40 arquivos: package.json, manifests, layouts, componentes, server actions, emails, Docker, docs e landing page). URLs do repositório atualizados de `opensheets-app` para `openmonetis`, image Docker renomeada para `felipegcoutinho/openmonetis` e logo textual atualizado. Inclui também suporte a multi-domínio via `PUBLIC_DOMAIN` (domínio público serve apenas a landing page, com middleware bloqueando rotas do app).
+
 ### Alterado
 
 - Projeto renomeado de **OpenSheets** para **OpenMonetis** em todo o codebase (~40 arquivos): package.json, manifests, layouts, componentes, server actions, emails, Docker, docs e landing page
@@ -803,6 +916,8 @@ Esta versão é quase toda sobre organização e polimento. O código interno do
 
 ## [1.5.0] - 2026-02-15
 
+Versão de personalização tipográfica: 13 fontes disponíveis (incluindo SF Pro Display, SF Pro Rounded, Inter, Geist Sans, Roboto, Reddit Sans, JetBrains Mono e outras) configuráveis por usuário tanto pra interface quanto pros valores monetários, com FontProvider que aplica a troca instantaneamente via CSS variables sem necessidade de reload. Fontes Apple SF Pro carregadas localmente com 4 pesos (Regular, Medium, Semibold, Bold) e novas colunas `system_font` e `money_font` na tabela `preferencias_usuario`.
+
 ### Adicionado
 
 - Customização de fontes nas preferências — fonte da interface e fonte de valores monetários configuráveis por usuário
@@ -822,6 +937,8 @@ Esta versão é quase toda sobre organização e polimento. O código interno do
 
 ## [1.4.1] - 2026-02-15
 
+Versão focada na inbox de pré-lançamentos: novas abas "Pendentes", "Processados" e "Descartados" (antes só pendentes), logo do cartão/conta exibido automaticamente nos cards via matching por nome do app, pre-fill automático do cartão de crédito ao processar e badges de status com data nos itens já processados/descartados em modo readonly. Cor `--warning` ajustada para melhor contraste (mais alaranjada).
+
 ### Adicionado
 
 - Abas "Pendentes", "Processados" e "Descartados" na página de pré-lançamentos (antes exibia apenas pendentes)
@@ -843,6 +960,8 @@ Esta versão é quase toda sobre organização e polimento. O código interno do
 
 ## [1.4.0] - 2026-02-07
 
+Reforma do design system: ~60+ componentes migrados de cores hardcoded do Tailwind (`green-500`, `red-600`, `amber-500`, `blue-500` etc.) pra tokens semânticos (`success`, `destructive`, `warning`, `info`); adicionados novos tokens `--success`, `--warning`, `--info` (com foregrounds) tanto em light quanto dark mode, novas variantes `success` e `info` no Badge, e cores de chart estendidas de 6 para 10. Inclui também correção do bug de invalidação de cache do dashboard que impedia widgets de boleto/fatura de atualizar após pagamento, e fix de scroll em listas Popover+Command (estabelecimento, categorias, filtros) com a prop `modal`.
+
 ### Corrigido
 
 - Widgets de boleto/fatura não atualizavam após pagamento: actions de fatura (`updateInvoicePaymentStatusAction`, `updatePaymentDateAction`) e antecipação de parcelas não invalidavam o cache do dashboard
@@ -873,6 +992,8 @@ Esta versão é quase toda sobre organização e polimento. O código interno do
 
 ## [1.3.1] - 2026-02-06
 
+Versão pequena: calculadora arrastável via drag handle no header do dialog, callback `onSelectValue` pra inserir valor diretamente no campo de lançamento, e nova aba "Changelog" em Ajustes com histórico parseado do `CHANGELOG.md`. As páginas de itens ativos e arquivados em Cartões, Contas e Anotações foram unificadas com sistema de tabs (mesmo padrão de Categorias), eliminando rotas separadas e nomenclatura inconsistente.
+
 ### Adicionado
 
 - Calculadora arrastável via drag handle no header do dialog
@@ -888,6 +1009,8 @@ Esta versão é quase toda sobre organização e polimento. O código interno do
 
 ## [1.3.0] - 2026-02-06
 
+Versão de performance no dashboard: indexes compostos em `lancamentos`, cache cross-request via `unstable_cache` com tag `"dashboard"` e TTL de 120s, e invalidação automática em mutations financeiras via `revalidateTag`. Eliminados ~20 JOINs com a tabela `pagadores` (substituídos por filtro direto via `pagadorId`) e queries consolidadas (income-expense-balance: 12→1 com GROUP BY; payment-status: 2→1; expenses/income por categoria: 4→2). Auth session deduplicada por request via `React.cache()` e scan de métricas limitado a 24 meses.
+
 ### Adicionado
 
 - Indexes compostos em `lancamentos`: `(userId, period, transactionType)` e `(pagadorId, period)`
@@ -908,6 +1031,8 @@ Esta versão é quase toda sobre organização e polimento. O código interno do
 
 ## [1.2.6] - 2025-02-04
 
+Versão de adaptação ao React 19 compiler: removidos ~60 `useCallback`/`useMemo` desnecessários, wrappers `React.memo` redundantes e simplificação de padrões de hidratação com `useSyncExternalStore`. Sem mudanças visíveis ao usuário — só faxina interna alinhada às novas otimizações automáticas do compilador.
+
 ### Alterado
 
 - Refatoração para otimização do React 19 compiler
@@ -936,6 +1061,8 @@ Esta versão é quase toda sobre organização e polimento. O código interno do
 
 ## [1.2.5] - 2025-02-01
 
+Versão pequena: novo widget de pagadores no dashboard com avatares atualizados.
+
 ### Adicionado
 
 - Widget de pagadores no dashboard
@@ -943,6 +1070,8 @@ Esta versão é quase toda sobre organização e polimento. O código interno do
 
 ## [1.2.4] - 2025-01-22
 
+Correção pontual: preservação de formatação nas anotações e ajuste no layout do card de anotações.
+
 ### Corrigido
 
 - Preservar formatação nas anotações
@@ -950,6 +1079,8 @@ Esta versão é quase toda sobre organização e polimento. O código interno do
 
 ## [1.2.3] - 2025-01-22
 
+Versão pequena: versão do app passa a aparecer na sidebar e atualização da documentação.
+
 ### Adicionado
 
 - Versão exibida na sidebar
@@ -957,6 +1088,8 @@ Esta versão é quase toda sobre organização e polimento. O código interno do
 
 ## [1.2.2] - 2025-01-22
 
+Versão de manutenção: atualização de dependências e formatação aplicada em todo o código.
+
 ### Alterado
 
 - Atualização de dependências

README.md

@@ -8,7 +8,7 @@
 
 > **⚠️ Não há versão online hospedada.** Você precisa clonar o repositório e rodar localmente ou no seu próprio servidor.
 
-[![Version](https://img.shields.io/badge/version-2.5.4-blue?style=flat-square)](CHANGELOG.md)
+[![Version](https://img.shields.io/badge/version-2.5.6-blue?style=flat-square)](CHANGELOG.md)
 [![Next.js](https://img.shields.io/badge/Next.js-black?style=flat-square&logo=next.js)](https://nextjs.org/)
 [![TypeScript](https://img.shields.io/badge/TypeScript-blue?style=flat-square&logo=typescript)](https://www.typescriptlang.org/)
 [![PostgreSQL](https://img.shields.io/badge/PostgreSQL-blue?style=flat-square&logo=postgresql)](https://www.postgresql.org/)
@@ -61,7 +61,7 @@ A ideia é simples: ter um lugar onde consigo ver todas as minhas contas, cartõ
 
 ### Funcionalidades
 
-💰 **Contas e transações** — Contas bancárias, cartões, dinheiro. Receitas, despesas e transferências. Categorização, extratos detalhados e importação de extratos OFX e XLS/XLSX com detecção automática de categoria.
+💰 **Contas e transações** — Contas bancárias, cartões, dinheiro. Receitas, despesas e transferências. Categorização, filtros combináveis, extratos detalhados e importação de extratos OFX e XLS/XLSX com detecção automática de categoria.
 
 📊 **Dashboard e relatórios** — Widgets interativos de métricas, gráficos de evolução, comparativos por categoria, tendências, uso de cartões, top estabelecimentos. Exportação em PDF e Excel.
 
@@ -85,7 +85,7 @@ A ideia é simples: ter um lugar onde consigo ver todas as minhas contas, cartõ
   <img src="./public/images/companion-preview-light.webp" alt="OpenMonetis Companion" width="300" height="600" />
 </p>
 
-⚙️ **Personalização** — Tema dark/light e modo privacidade.
+⚙️ **Personalização** — Tema dark/light, modo privacidade e changelog visual para acompanhar as novidades do app.
 
 ### Stack técnica
 

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "openmonetis",
-	"version": "2.5.4",
+	"version": "2.5.6",
 	"private": true,
 	"packageManager": "pnpm@10.33.0",
 	"scripts": {
@@ -31,12 +31,12 @@
 		"mockup": "tsx scripts/mock-data.ts"
 	},
 	"dependencies": {
-		"@ai-sdk/anthropic": "^3.0.74",
-		"@ai-sdk/google": "^3.0.67",
-		"@ai-sdk/openai": "^3.0.60",
-		"@aws-sdk/client-s3": "^3.1042.0",
-		"@aws-sdk/s3-request-presigner": "^3.1042.0",
-		"@better-auth/passkey": "^1.6.9",
+		"@ai-sdk/anthropic": "^3.0.76",
+		"@ai-sdk/google": "^3.0.71",
+		"@ai-sdk/openai": "^3.0.63",
+		"@aws-sdk/client-s3": "^3.1045.0",
+		"@aws-sdk/s3-request-presigner": "^3.1045.0",
+		"@better-auth/passkey": "^1.6.10",
 		"@dnd-kit/core": "^6.3.1",
 		"@dnd-kit/sortable": "^10.0.0",
 		"@dnd-kit/utilities": "^3.2.2",
@@ -66,8 +66,8 @@
 		"@tanstack/react-query": "^5.100.9",
 		"@tanstack/react-table": "8.21.3",
 		"@tanstack/react-virtual": "^3.13.24",
-		"ai": "^6.0.175",
-		"better-auth": "1.6.9",
+		"ai": "^6.0.177",
+		"better-auth": "1.6.10",
 		"canvas-confetti": "^1.9.4",
 		"class-variance-authority": "0.7.1",
 		"clsx": "2.1.1",
@@ -77,17 +77,18 @@
 		"exceljs": "^4.4.0",
 		"jspdf": "^4.2.1",
 		"jspdf-autotable": "^5.0.7",
-		"next": "16.2.4",
+		"next": "16.2.6",
 		"next-themes": "0.4.6",
 		"pdfjs-dist": "^5.7.284",
 		"pg": "8.20.0",
-		"react": "19.2.5",
-		"react-day-picker": "^9.14.0",
-		"react-dom": "19.2.5",
+		"react": "19.2.6",
+		"react-day-picker": "^10.0.0",
+		"react-dom": "19.2.6",
 		"recharts": "3.8.1",
-		"resend": "^6.12.2",
+		"resend": "^6.12.3",
 		"sonner": "2.0.7",
-		"tailwind-merge": "3.5.0",
+		"tailwind-merge": "3.6.0",
+		"tw-animate-css": "^1.4.0",
 		"vaul": "1.1.2",
 		"zod": "4.4.3"
 	},
@@ -97,17 +98,17 @@
 		}
 	},
 	"devDependencies": {
-		"@biomejs/biome": "2.4.14",
-		"@tailwindcss/postcss": "4.2.4",
+		"@biomejs/biome": "2.4.15",
+		"@tailwindcss/postcss": "4.3.0",
 		"@types/canvas-confetti": "^1.9.0",
-		"@types/node": "25.6.0",
+		"@types/node": "25.6.2",
 		"@types/pg": "^8.20.0",
 		"@types/react": "19.2.14",
 		"@types/react-dom": "19.2.3",
 		"dotenv": "^17.4.2",
 		"drizzle-kit": "0.31.10",
-		"knip": "^6.11.0",
-		"tailwindcss": "4.2.4",
+		"knip": "^6.12.2",
+		"tailwindcss": "4.3.0",
 		"tsx": "4.21.0",
 		"typescript": "6.0.3"
 	}

src/app/(dashboard)/payers/[payerId]/page.tsx

@@ -76,15 +76,17 @@ const capitalize = (value: string) =>
 
 const EMPTY_FILTERS: TransactionSearchFilters = {
 	transactionFilter: null,
-	conditionFilter: null,
-	paymentFilter: null,
-	payerFilter: null,
-	categoryFilter: null,
-	accountCardFilter: null,
+	conditionFilters: [],
+	paymentFilters: [],
+	payerFilters: [],
+	categoryFilters: [],
+	accountCardFilters: [],
 	searchFilter: null,
 	settledFilter: null,
 	attachmentFilter: null,
 	dividedFilter: null,
+	amountMinFilter: null,
+	amountMaxFilter: null,
 };
 
 const createEmptySlugMaps = (): SlugMaps => ({

src/app/(landing-page)/page.tsx

@@ -208,7 +208,7 @@ export default async function Page() {
 			</section>
 
 			{/* Features Section */}
-			<section id="funcionalidades" className="py-12 md:py-24 bg-muted/40">
+			<section id="funcionalidades" className="py-12 md:py-24">
 				<div className="max-w-8xl mx-auto px-4">
 					<div className="mx-auto max-w-6xl">
 						<AnimateOnScroll>
@@ -447,7 +447,7 @@ export default async function Page() {
 			</section>
 
 			{/* Tech Stack Section */}
-			<section id="stack" className="py-12 md:py-24 bg-muted/40">
+			<section id="stack" className="py-12 md:py-24">
 				<div className="max-w-8xl mx-auto px-4">
 					<div className="mx-auto max-w-6xl">
 						<AnimateOnScroll>
@@ -535,7 +535,7 @@ export default async function Page() {
 			</section>
 
 			{/* Who is this for Section */}
-			<section id="para-quem-e" className="py-12 md:py-24 bg-muted/40">
+			<section id="para-quem-e" className="py-12 md:py-24">
 				<div className="max-w-8xl mx-auto px-4">
 					<div className="mx-auto max-w-4xl">
 						<AnimateOnScroll>

src/app/globals.css

@@ -1,4 +1,5 @@
 @import "tailwindcss";
+@import "tw-animate-css";
 
 @custom-variant dark (&:is(.dark *));
 
@@ -269,54 +270,6 @@
   mix-blend-mode: normal;
 }
 
-@keyframes dialog-in {
-  from {
-    opacity: 0;
-    transform: scale(0.96);
-  }
-  to {
-    opacity: 1;
-    transform: scale(1);
-  }
-}
-
-@keyframes dialog-out {
-  from {
-    opacity: 1;
-    transform: scale(1);
-  }
-  to {
-    opacity: 0;
-    transform: scale(0.96);
-  }
-}
-
-@keyframes overlay-in {
-  from { opacity: 0; }
-  to   { opacity: 1; }
-}
-
-@keyframes overlay-out {
-  from { opacity: 1; }
-  to   { opacity: 0; }
-}
-
-[data-slot="dialog-overlay"][data-state="open"] {
-  animation: overlay-in 0.2s ease-out;
-}
-
-[data-slot="dialog-overlay"][data-state="closed"] {
-  animation: overlay-out 0.15s ease-in;
-}
-
-[data-slot="dialog-content"][data-state="open"] {
-  animation: dialog-in 0.25s cubic-bezier(0.16, 1, 0.3, 1);
-}
-
-[data-slot="dialog-content"][data-state="closed"] {
-  animation: dialog-out 0.15s ease-in;
-}
-
 @keyframes blink-in {
   0%, 40%  { opacity: 1; }
   50%, 90% { opacity: 0; }

src/features/budgets/actions.ts

@@ -3,6 +3,10 @@
 import { and, eq } from "drizzle-orm";
 import { z } from "zod";
 import { budgets, categories } from "@/db/schema";
+import {
+	type CategoryBudgetSummary,
+	fetchCategoryBudgetSummary,
+} from "@/features/budgets/queries";
 import {
 	handleActionError,
 	revalidateForEntity,
@@ -204,6 +208,34 @@ export async function deleteBudgetAction(
 	}
 }
 
+const getCategoryBudgetSummarySchema = z.object({
+	categoryId: uuidSchema("Category"),
+	period: periodSchema,
+});
+
+type GetCategoryBudgetSummaryInput = z.input<
+	typeof getCategoryBudgetSummarySchema
+>;
+
+export async function getCategoryBudgetSummaryAction(
+	input: GetCategoryBudgetSummaryInput,
+): Promise<ActionResult<CategoryBudgetSummary | null>> {
+	try {
+		const user = await getUser();
+		const data = getCategoryBudgetSummarySchema.parse(input);
+		const summary = await fetchCategoryBudgetSummary(
+			user.id,
+			data.categoryId,
+			data.period,
+		);
+		return { success: true, message: "ok", data: summary };
+	} catch (error) {
+		return handleActionError(
+			error,
+		) as ActionResult<CategoryBudgetSummary | null>;
+	}
+}
+
 const duplicatePreviousMonthSchema = z.object({
 	period: periodSchema,
 });

src/features/budgets/queries.ts

@@ -1,6 +1,12 @@
 import { and, asc, eq, inArray, isNull, or, sql, sum } from "drizzle-orm";
-import { budgets, categories, transactions } from "@/db/schema";
+import {
+	budgets,
+	categories,
+	financialAccounts,
+	transactions,
+} from "@/db/schema";
 import { ACCOUNT_AUTO_INVOICE_NOTE_PREFIX } from "@/shared/lib/accounts/constants";
+import { excludeTransactionsFromExcludedAccounts } from "@/shared/lib/accounts/query-filters";
 import { db } from "@/shared/lib/db";
 import { getAdminPayerId } from "@/shared/lib/payers/get-admin-id";
 
@@ -75,6 +81,10 @@ export async function fetchBudgetsForUser(
 				totalAmount: sum(transactions.amount).as("totalAmount"),
 			})
 			.from(transactions)
+			.leftJoin(
+				financialAccounts,
+				eq(transactions.accountId, financialAccounts.id),
+			)
 			.where(
 				and(
 					eq(transactions.userId, userId),
@@ -86,6 +96,7 @@ export async function fetchBudgetsForUser(
 						isNull(transactions.note),
 						sql`${transactions.note} NOT LIKE ${`${ACCOUNT_AUTO_INVOICE_NOTE_PREFIX}%`}`,
 					),
+					excludeTransactionsFromExcludedAccounts(),
 				),
 			)
 			.groupBy(transactions.categoryId);
@@ -127,3 +138,57 @@ export async function fetchBudgetsForUser(
 
 	return { budgets: budgetList, categoriesOptions };
 }
+
+export type CategoryBudgetSummary = {
+	amount: number;
+	spent: number;
+};
+
+export async function fetchCategoryBudgetSummary(
+	userId: string,
+	categoryId: string,
+	period: string,
+): Promise<CategoryBudgetSummary | null> {
+	const [adminPayerId, budget] = await Promise.all([
+		getAdminPayerId(userId),
+		db.query.budgets.findFirst({
+			columns: { amount: true },
+			where: and(
+				eq(budgets.userId, userId),
+				eq(budgets.categoryId, categoryId),
+				eq(budgets.period, period),
+			),
+		}),
+	]);
+
+	if (!adminPayerId || !budget) return null;
+
+	const totals = await db
+		.select({
+			totalAmount: sum(transactions.amount).as("totalAmount"),
+		})
+		.from(transactions)
+		.leftJoin(
+			financialAccounts,
+			eq(transactions.accountId, financialAccounts.id),
+		)
+		.where(
+			and(
+				eq(transactions.userId, userId),
+				eq(transactions.period, period),
+				eq(transactions.transactionType, "Despesa"),
+				eq(transactions.payerId, adminPayerId),
+				eq(transactions.categoryId, categoryId),
+				or(
+					isNull(transactions.note),
+					sql`${transactions.note} NOT LIKE ${`${ACCOUNT_AUTO_INVOICE_NOTE_PREFIX}%`}`,
+				),
+				excludeTransactionsFromExcludedAccounts(),
+			),
+		);
+
+	return {
+		amount: toNumber(budget.amount),
+		spent: Math.abs(toNumber(totals[0]?.totalAmount ?? 0)),
+	};
+}

src/features/settings/components/changelog-tab.tsx

@@ -1,20 +1,26 @@
-import Link from "next/link";
-import type { ChangelogVersion } from "@/features/settings/lib/parse-changelog";
-import { Badge } from "@/shared/components/ui/badge";
-import { Card } from "@/shared/components/ui/card";
+"use client";
 
-/** Converte "[texto](url)" em link; texto simples fica como está */
-function parseContributorLine(content: string) {
-	const linkMatch = content.match(/^\[([^\]]+)\]\((https?:\/\/[^)]+)\)$/);
-	if (linkMatch) {
-		return { label: linkMatch[1], url: linkMatch[2] };
-	}
-	return { label: content, url: null };
-}
+import { RiArrowDownSLine } from "@remixicon/react";
+import { format, parseISO } from "date-fns";
+import { ptBR } from "date-fns/locale";
+import { useEffect, useMemo, useState } from "react";
+import type {
+	BumpType,
+	ChangelogVersion,
+} from "@/features/settings/lib/changelog-types";
+import { Badge } from "@/shared/components/ui/badge";
+import { Button } from "@/shared/components/ui/button";
+import { Card } from "@/shared/components/ui/card";
+import {
+	Collapsible,
+	CollapsibleContent,
+	CollapsibleTrigger,
+} from "@/shared/components/ui/collapsible";
+import { cn } from "@/shared/utils/ui";
 
 const sectionBadgeVariant: Record<
 	string,
-	"success" | "info" | "destructive" | "secondary" | "outline"
+	"success" | "info" | "destructive" | "outline" | "secondary"
 > = {
 	Adicionado: "success",
 	Alterado: "info",
@@ -22,75 +28,213 @@ const sectionBadgeVariant: Record<
 	Removido: "destructive",
 };
 
-function getSectionVariant(type: string) {
-	return sectionBadgeVariant[type] ?? "secondary";
+const dotByBump: Record<BumpType, string> = {
+	major: "size-4 bg-primary",
+	minor: "size-3 bg-primary/80",
+	patch: "size-2.5 bg-muted-foreground/40",
+};
+
+const bumpLabel: Record<BumpType, string> = {
+	major: "Major",
+	minor: "Minor",
+	patch: "Patch",
+};
+
+function versionAnchorId(version: string) {
+	return `v${version.replace(/\./g, "-")}`;
+}
+
+function anchorIdToVersion(id: string): string | null {
+	if (!id.startsWith("v")) return null;
+	return id.slice(1).replace(/-/g, ".");
+}
+
+function groupByMonth(versions: ChangelogVersion[]) {
+	const groups: { key: string; label: string; items: ChangelogVersion[] }[] =
+		[];
+	for (const v of versions) {
+		const date = parseISO(v.isoDate);
+		const key = Number.isNaN(date.getTime())
+			? v.isoDate.slice(0, 7)
+			: format(date, "yyyy-MM");
+		const label = Number.isNaN(date.getTime())
+			? key
+			: format(date, "MMMM 'de' yyyy", { locale: ptBR });
+		const last = groups.at(-1);
+		if (last?.key === key) last.items.push(v);
+		else groups.push({ key, label, items: [v] });
+	}
+	return groups;
+}
+
+function VersionDetails({ version }: { version: ChangelogVersion }) {
+	return (
+		<Card className="space-y-4 p-4 bg-primary/5 dark:bg-primary/5">
+			{version.sections.map((section) => (
+				<div key={section.type}>
+					<Badge
+						variant={sectionBadgeVariant[section.type] ?? "secondary"}
+						className="mb-2"
+					>
+						{section.type}
+					</Badge>
+					<ul className="space-y-2 text-muted-foreground">
+						{section.items.map((item) => (
+							<li key={item} className="flex gap-2">
+								<span className="text-primary">&bull;</span>
+								<span className="text-sm">{item}</span>
+							</li>
+						))}
+					</ul>
+				</div>
+			))}
+		</Card>
+	);
+}
+
+type TimelineItemProps = {
+	version: ChangelogVersion;
+	open: boolean;
+	onOpenChange: (open: boolean) => void;
+	isLatest: boolean;
+};
+
+function TimelineItem({
+	version,
+	open,
+	onOpenChange,
+	isLatest,
+}: TimelineItemProps) {
+	const hasDetails = version.sections.length > 0;
+	const date = parseISO(version.isoDate);
+	const validDate = !Number.isNaN(date.getTime());
+
+	return (
+		<div className="flex gap-4" id={versionAnchorId(version.version)}>
+			<div className="flex flex-col items-center pt-1.5">
+				<span
+					className={cn(
+						"rounded-full ring-4 ring-background shrink-0",
+						dotByBump[version.bump],
+					)}
+					aria-label={`Versão ${bumpLabel[version.bump].toLowerCase()}`}
+				/>
+
+				<span className="w-px flex-1 bg-border mt-2" aria-hidden="true" />
+			</div>
+
+			<div className="flex-1 pb-6 space-y-3 min-w-0">
+				<div className="flex flex-wrap items-baseline gap-x-2">
+					<h3 className="font-semibold font-mono text-lg">
+						v{version.version}
+					</h3>
+					{isLatest ? (
+						<Badge variant="default" className="text-xs">
+							Atual
+						</Badge>
+					) : null}
+					<time
+						className="font-mono text-xs uppercase tracking-wider text-muted-foreground"
+						dateTime={version.isoDate}
+					>
+						{validDate
+							? format(date, "dd MMM, yyyy", { locale: ptBR }).toUpperCase()
+							: version.date}
+					</time>
+				</div>
+
+				{version.summary ? (
+					<Card className="p-6">
+						<blockquote className="pl-2 text-sm text-muted-foreground leading-relaxed italic">
+							{version.summary}
+						</blockquote>
+					</Card>
+				) : null}
+
+				{hasDetails ? (
+					<Collapsible open={open} onOpenChange={onOpenChange}>
+						<CollapsibleTrigger asChild>
+							<Button
+								variant="link"
+								size="sm"
+								className="text-muted-foreground hover:text-foreground text-xs px-0"
+							>
+								<RiArrowDownSLine
+									className={cn(
+										"size-4 transition-transform",
+										open && "rotate-180",
+									)}
+								/>
+								{open ? "Ocultar detalhes" : "Ver detalhes"}
+							</Button>
+						</CollapsibleTrigger>
+						<CollapsibleContent className="space-y-4 pt-2 overflow-hidden data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2">
+							<VersionDetails version={version} />
+						</CollapsibleContent>
+					</Collapsible>
+				) : null}
+			</div>
+		</div>
+	);
 }
 
 export function ChangelogTab({ versions }: { versions: ChangelogVersion[] }) {
+	const [openVersions, setOpenVersions] = useState<Set<string>>(() => {
+		const initial = new Set<string>();
+		const first = versions[0]?.version;
+		if (first) initial.add(first);
+		return initial;
+	});
+
+	useEffect(() => {
+		if (typeof window === "undefined") return;
+		const hash = window.location.hash.slice(1);
+		if (!hash) return;
+		const target = anchorIdToVersion(hash);
+		if (target) {
+			setOpenVersions((prev) => {
+				if (prev.has(target)) return prev;
+				const next = new Set(prev);
+				next.add(target);
+				return next;
+			});
+		}
+		requestAnimationFrame(() => {
+			const el = document.getElementById(hash);
+			if (el) el.scrollIntoView({ behavior: "smooth", block: "start" });
+		});
+	}, []);
+
+	const groups = useMemo(() => groupByMonth(versions), [versions]);
+	const latestVersion = versions[0]?.version;
+	const setVersionOpen = (version: string, isOpen: boolean) => {
+		setOpenVersions((prev) => {
+			const next = new Set(prev);
+			if (isOpen) next.add(version);
+			else next.delete(version);
+			return next;
+		});
+	};
+
 	return (
-		<div className="space-y-4">
-			{versions.map((version) => (
-				<Card key={version.version} className="p-6">
-					<div className="flex items-baseline gap-3">
-						<h3 className="text-lg font-semibold">v{version.version}</h3>
-						<span className="text-sm text-muted-foreground">
-							{version.date}
-						</span>
-					</div>
-					<div className="space-y-4 w-full mx-auto sm:w-3/4">
-						{version.summary && (
-							<p className="border-l-2 border-muted-foreground/25 pl-3 text-sm text-muted-foreground/80 leading-relaxed italic">
-								{version.summary}
-							</p>
-						)}
-						{version.sections.map((section) => (
-							<div key={section.type}>
-								<Badge
-									variant={getSectionVariant(section.type)}
-									className="mb-2"
-								>
-									{section.type}
-								</Badge>
-								<ul className="space-y-2 text-muted-foreground leading-relaxed text-pretty">
-									{section.items.map((item) => (
-										<li key={item} className="flex gap-2">
-											<span className="text-primary">&bull;</span>
-											<span className="text-sm">{item}</span>
-										</li>
-									))}
-								</ul>
-							</div>
+		<div className="space-y-8 max-w-4xl mx-auto">
+			{groups.map((group) => (
+				<div key={group.key} className="space-y-4">
+					<h2 className="sticky top-0 z-10 py-2 font-semibold uppercase text-primary">
+						{group.label}
+					</h2>
+					<div>
+						{group.items.map((version) => (
+							<TimelineItem
+								key={version.version}
+								version={version}
+								isLatest={version.version === latestVersion}
+								open={openVersions.has(version.version)}
+								onOpenChange={(o) => setVersionOpen(version.version, o)}
+							/>
 						))}
-						{version.contributor && (
-							<div className="border-t pt-4 mt-4">
-								<span className="text-sm text-muted-foreground">
-									Contribuições: {(() => {
-										const { label, url } = parseContributorLine(
-											version.contributor,
-										);
-										if (url) {
-											return (
-												<Link
-													href={url}
-													target="_blank"
-													rel="noopener noreferrer"
-													className="font-medium text-foreground underline underline-offset-2 hover:text-primary"
-												>
-													{label}
-												</Link>
-											);
-										}
-										return (
-											<span className="font-medium text-foreground">
-												{label}
-											</span>
-										);
-									})()}
-								</span>
-							</div>
-						)}
 					</div>
-				</Card>
+				</div>
 			))}
 		</div>
 	);

src/features/settings/lib/changelog-types.ts

@@ -0,0 +1,30 @@
+export type SectionType = "Adicionado" | "Alterado" | "Corrigido" | "Removido";
+
+export const SECTION_TYPES: readonly SectionType[] = [
+	"Adicionado",
+	"Alterado",
+	"Corrigido",
+	"Removido",
+];
+
+export type ChangelogSection = {
+	type: SectionType;
+	items: string[];
+};
+
+export type BumpType = "major" | "minor" | "patch";
+
+export type ChangelogVersion = {
+	version: string;
+	/** Formato exibido "DD/MM/YYYY". */
+	date: string;
+	/** Data ISO crua "YYYY-MM-DD" para ordenação e formatação client-side. */
+	isoDate: string;
+	bump: BumpType;
+	summary?: string;
+	sections: ChangelogSection[];
+};
+
+export function isSectionType(value: string): value is SectionType {
+	return (SECTION_TYPES as readonly string[]).includes(value);
+}

src/features/settings/lib/parse-changelog.ts

@@ -1,21 +1,27 @@
+import "server-only";
 import fs from "node:fs";
 import path from "node:path";
+import {
+	type BumpType,
+	type ChangelogSection,
+	type ChangelogVersion,
+	isSectionType,
+} from "@/features/settings/lib/changelog-types";
 
-type ChangelogSection = {
-	type: string;
-	items: string[];
-};
+function diffBump(current: string, previous: string | undefined): BumpType {
+	if (!previous) return "minor";
+	const [aMajor = 0, aMinor = 0] = current.split(".").map(Number);
+	const [bMajor = 0, bMinor = 0] = previous.split(".").map(Number);
+	if (aMajor !== bMajor) return "major";
+	if (aMinor !== bMinor) return "minor";
+	return "patch";
+}
 
-export type ChangelogVersion = {
-	version: string;
-	date: string;
-	summary?: string;
-	sections: ChangelogSection[];
-	/** Linha de contribuições/autor (pode conter markdown, ex: [Nome](url)) */
-	contributor?: string;
-};
+let cached: ChangelogVersion[] | null = null;
 
 export function parseChangelog(): ChangelogVersion[] {
+	if (cached) return cached;
+
 	const filePath = path.join(process.cwd(), "CHANGELOG.md");
 	const content = fs.readFileSync(filePath, "utf-8");
 	const lines = content.split("\n");
@@ -31,10 +37,14 @@ export function parseChangelog(): ChangelogVersion[] {
 			if (currentSection && currentVersion) {
 				currentVersion.sections.push(currentSection);
 			}
-			const [y, m, d] = versionMatch[2].split("-");
+			const version = versionMatch[1] ?? "";
+			const isoDate = versionMatch[2] ?? "";
+			const [y, m, d] = isoDate.split("-");
 			currentVersion = {
-				version: versionMatch[1],
-				date: d && m && y ? `${d}/${m}/${y}` : versionMatch[2],
+				version,
+				isoDate,
+				date: d && m && y ? `${d}/${m}/${y}` : isoDate,
+				bump: "patch",
 				sections: [],
 			};
 			versions.push(currentVersion);
@@ -52,33 +62,35 @@ export function parseChangelog(): ChangelogVersion[] {
 			if (currentSection) {
 				currentVersion.sections.push(currentSection);
 			}
-			currentSection = { type: sectionMatch[1], items: [] };
+			const type = sectionMatch[1] ?? "";
+			currentSection = isSectionType(type) ? { type, items: [] } : null;
 			continue;
 		}
 
 		const itemMatch = line.match(/^- (.+)$/);
 		if (itemMatch && currentSection) {
-			currentSection.items.push(itemMatch[1]);
+			currentSection.items.push(itemMatch[1] ?? "");
 			continue;
 		}
 
 		if (currentVersion && !currentSection && line.trim()) {
 			summaryLines.push(line.trim());
-			continue;
-		}
-
-		// **Contribuições:** ou **Autor:** com texto/link opcional
-		const contributorMatch = line.match(
-			/^\*\*(?:Contribuições|Autor):\*\*\s*(.+)$/,
-		);
-		if (contributorMatch && currentVersion) {
-			currentVersion.contributor = contributorMatch[1].trim() || undefined;
 		}
 	}
 
 	if (currentSection && currentVersion) {
 		currentVersion.sections.push(currentSection);
 	}
+	if (currentVersion && !currentVersion.summary && summaryLines.length > 0) {
+		currentVersion.summary = summaryLines.join(" ").trim();
+	}
 
+	for (let i = 0; i < versions.length; i++) {
+		const current = versions[i];
+		if (!current) continue;
+		current.bump = diffBump(current.version, versions[i + 1]?.version);
+	}
+
+	cached = versions;
 	return versions;
 }

src/features/transactions/actions/export-actions.ts

@@ -25,15 +25,17 @@ const exportTransactionsSchema: z.ZodType<TransactionsExportContext> = z.object(
 		period: z.string().regex(/^\d{4}-\d{2}$/),
 		filters: z.object({
 			transactionFilter: z.string().nullable(),
-			conditionFilter: z.string().nullable(),
-			paymentFilter: z.string().nullable(),
-			payerFilter: z.string().nullable(),
-			categoryFilter: z.string().nullable(),
-			accountCardFilter: z.string().nullable(),
+			conditionFilters: z.array(z.string()),
+			paymentFilters: z.array(z.string()),
+			payerFilters: z.array(z.string()),
+			categoryFilters: z.array(z.string()),
+			accountCardFilters: z.array(z.string()),
 			searchFilter: z.string().nullable(),
 			settledFilter: z.string().nullable(),
 			attachmentFilter: z.string().nullable(),
 			dividedFilter: z.string().nullable(),
+			amountMinFilter: z.number().nullable(),
+			amountMaxFilter: z.number().nullable(),
 		}),
 		accountId: z.string().min(1).nullable().optional(),
 		cardId: z.string().min(1).nullable().optional(),

src/features/transactions/components/dialogs/bulk-action-dialog.tsx

@@ -70,6 +70,23 @@ export function BulkActionDialog({
 		return "Este e os próximos lançamentos";
 	};
 
+	const getPeriodLabel = () => {
+		if (seriesType === "installment" && currentNumber && totalCount) {
+			return `Todas as pessoas desta parcela (${currentNumber}/${totalCount})`;
+		}
+		if (seriesType === "installment") {
+			return "Todas as pessoas desta parcela";
+		}
+		return "Todas as pessoas deste lançamento";
+	};
+
+	const getPeriodDescription = () => {
+		if (seriesType === "installment") {
+			return "Aplica a alteração para todas as pessoas que dividem esta parcela";
+		}
+		return "Aplica a alteração para todas as pessoas que dividem este lançamento";
+	};
+
 	const getAllLabel = () => {
 		if (seriesType === "installment" && totalCount) {
 			return `Todas as parcelas (${totalCount} ${
@@ -116,10 +133,10 @@ export function BulkActionDialog({
 									htmlFor="period"
 									className="text-sm cursor-pointer font-medium"
 								>
-									Todas as pessoas deste período
+									{getPeriodLabel()}
 								</Label>
 								<p className="text-xs text-muted-foreground">
-									Aplica a todos os lançamentos deste mesmo mês na série
+									{getPeriodDescription()}
 								</p>
 								{scope === "period" && actionType === "edit" && (
 									<div className="mt-1.5 flex items-start gap-1.5 rounded-md bg-amber-50 px-2 py-1.5 text-amber-800 dark:bg-amber-950/40 dark:text-amber-300">

src/features/transactions/components/dialogs/transaction-dialog/category-section.tsx

@@ -1,5 +1,8 @@
 "use client";
 
+import { useEffect, useRef, useState } from "react";
+import { getCategoryBudgetSummaryAction } from "@/features/budgets/actions";
+import type { CategoryBudgetSummary } from "@/features/budgets/queries";
 import { TRANSACTION_TYPES } from "@/features/transactions/lib/constants";
 import { Label } from "@/shared/components/ui/label";
 import {
@@ -11,6 +14,7 @@ import {
 	SelectTrigger,
 	SelectValue,
 } from "@/shared/components/ui/select";
+import { formatCurrency } from "@/shared/utils/currency";
 import { cn } from "@/shared/utils/ui";
 import {
 	CategorySelectContent,
@@ -18,6 +22,22 @@ import {
 } from "../../select-items";
 import type { CategorySectionProps } from "./transaction-dialog-types";
 
+const BUDGET_DANGER_RATIO = 1;
+const BUDGET_WARNING_RATIO = 0.8;
+
+const getBudgetTone = (ratio: number) => {
+	if (ratio >= BUDGET_DANGER_RATIO) return "text-red-600 dark:text-red-400";
+	if (ratio >= BUDGET_WARNING_RATIO)
+		return "text-amber-600 dark:text-amber-400";
+	return "text-emerald-600 dark:text-emerald-400";
+};
+
+const formatCompactCurrency = (value: number) =>
+	formatCurrency(value, {
+		minimumFractionDigits: 0,
+		maximumFractionDigits: 0,
+	});
+
 export function CategorySection({
 	formState,
 	onFieldChange,
@@ -28,6 +48,62 @@ export function CategorySection({
 }: CategorySectionProps) {
 	const showTransactionTypeField = !isUpdateMode && !hideTransactionType;
 
+	const [budgetSummary, setBudgetSummary] =
+		useState<CategoryBudgetSummary | null>(null);
+	const cacheRef = useRef<Map<string, CategoryBudgetSummary | null>>(new Map());
+
+	const { categoryId, period, transactionType } = formState;
+	const shouldFetchBudget =
+		Boolean(categoryId) && Boolean(period) && transactionType === "Despesa";
+
+	useEffect(() => {
+		if (!shouldFetchBudget || !categoryId || !period) {
+			setBudgetSummary(null);
+			return;
+		}
+
+		const key = `${categoryId}::${period}`;
+		const cached = cacheRef.current.get(key);
+		if (cached !== undefined) {
+			setBudgetSummary((prev) => (prev === cached ? prev : cached));
+			return;
+		}
+
+		let cancelled = false;
+		getCategoryBudgetSummaryAction({ categoryId, period }).then((result) => {
+			if (cancelled) return;
+			const data = result.success ? (result.data ?? null) : null;
+			cacheRef.current.set(key, data);
+			setBudgetSummary(data);
+		});
+
+		return () => {
+			cancelled = true;
+		};
+	}, [shouldFetchBudget, categoryId, period]);
+
+	const renderBudgetBadge = () => {
+		if (showTransactionTypeField) return null;
+		if (!shouldFetchBudget || !budgetSummary) return null;
+
+		const { amount, spent } = budgetSummary;
+		const ratio = amount > 0 ? spent / amount : 0;
+		const percent = amount > 0 ? Math.round(ratio * 100) : 0;
+
+		return (
+			<span
+				title={`${formatCurrency(spent)} de ${formatCurrency(amount)} (${percent}%)`}
+				className={cn(
+					"shrink-0 text-xs font-semibold leading-none whitespace-nowrap font-mono",
+					getBudgetTone(ratio),
+				)}
+			>
+				{formatCompactCurrency(spent)} de {formatCompactCurrency(amount)}
+				<span className="ml-1 opacity-70">({percent}%)</span>
+			</span>
+		);
+	};
+
 	return (
 		<div className="flex w-full flex-col gap-2 md:flex-row">
 			{showTransactionTypeField ? (
@@ -77,12 +153,16 @@ export function CategorySection({
 									const selectedOption = categoryOptions.find(
 										(opt) => opt.value === formState.categoryId,
 									);
-									return selectedOption ? (
-										<CategorySelectContent
-											label={selectedOption.label}
-											icon={selectedOption.icon}
-										/>
-									) : null;
+									if (!selectedOption) return null;
+									return (
+										<span className="flex items-center gap-2">
+											<CategorySelectContent
+												label={selectedOption.label}
+												icon={selectedOption.icon}
+											/>
+											{renderBudgetBadge()}
+										</span>
+									);
 								})()}
 						</SelectValue>
 					</SelectTrigger>

src/features/transactions/components/dialogs/transaction-dialog/payer-section.tsx

@@ -2,7 +2,9 @@
 
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import { RiSliceFill } from "@remixicon/react";
+import { useState } from "react";
 import { CurrencyInput } from "@/shared/components/ui/currency-input";
+import { Input } from "@/shared/components/ui/input";
 import { Label } from "@/shared/components/ui/label";
 import {
 	Select,
@@ -11,10 +13,124 @@ import {
 	SelectTrigger,
 	SelectValue,
 } from "@/shared/components/ui/select";
+import {
+	ToggleGroup,
+	ToggleGroupItem,
+} from "@/shared/components/ui/toggle-group";
+import {
+	formatCurrency,
+	formatDecimalForDbRequired,
+	normalizeDecimalInput,
+} from "@/shared/utils/currency";
+import { safeToNumber } from "@/shared/utils/number";
 import { cn } from "@/shared/utils/ui";
 import { PayerSelectContent } from "../../select-items";
 import type { PayerSectionProps } from "./transaction-dialog-types";
 
+type SplitInputMode = "currency" | "percentage";
+
+const SPLIT_MODE_OPTIONS = [
+	{ value: "currency", label: "R$" },
+	{ value: "percentage", label: "%" },
+] as const satisfies ReadonlyArray<{ value: SplitInputMode; label: string }>;
+
+const amountToPercent = (amount: string, total: number): string => {
+	if (total <= 0) return "";
+	const numeric = safeToNumber(normalizeDecimalInput(amount), Number.NaN);
+	if (!Number.isFinite(numeric)) return "";
+	const pct = (numeric / total) * 100;
+	return (Math.round(pct * 10) / 10).toString();
+};
+
+const percentToAmount = (percent: string, total: number): string => {
+	const pct = safeToNumber(normalizeDecimalInput(percent), Number.NaN);
+	if (!Number.isFinite(pct) || total <= 0) return "0.00";
+	const clamped = Math.min(100, Math.max(0, pct));
+	return formatDecimalForDbRequired((total * clamped) / 100);
+};
+
+function SplitModeToggle({
+	mode,
+	onModeChange,
+}: {
+	mode: SplitInputMode;
+	onModeChange: (mode: SplitInputMode) => void;
+}) {
+	return (
+		<ToggleGroup
+			type="single"
+			size="sm"
+			variant="outline"
+			value={mode}
+			onValueChange={(value) => {
+				if (value) onModeChange(value as SplitInputMode);
+			}}
+			aria-label="Modo de entrada do split"
+			className="h-7 text-xs"
+		>
+			{SPLIT_MODE_OPTIONS.map((option) => (
+				<ToggleGroupItem
+					key={option.value}
+					value={option.value}
+					className="px-2 py-0 h-7 text-xs"
+				>
+					{option.label}
+				</ToggleGroupItem>
+			))}
+		</ToggleGroup>
+	);
+}
+
+function SplitAmountField({
+	mode,
+	value,
+	totalAmount,
+	onAmountChange,
+	ariaLabel,
+}: {
+	mode: SplitInputMode;
+	value: string;
+	totalAmount: number;
+	onAmountChange: (amount: string) => void;
+	ariaLabel: string;
+}) {
+	if (mode === "currency") {
+		return (
+			<CurrencyInput
+				value={value}
+				onValueChange={onAmountChange}
+				placeholder="R$ 0,00"
+				className="h-9 w-[45%] text-sm"
+			/>
+		);
+	}
+
+	return (
+		<div className="w-[45%] space-y-1">
+			<div className="relative">
+				<Input
+					type="text"
+					inputMode="decimal"
+					value={amountToPercent(value, totalAmount)}
+					onChange={(event) => {
+						const sanitized = event.target.value.replace(/[^\d.,]/g, "");
+						onAmountChange(percentToAmount(sanitized, totalAmount));
+					}}
+					placeholder="0"
+					aria-label={ariaLabel}
+					className="h-9 w-full pr-7 text-sm"
+				/>
+				<span className="pointer-events-none absolute top-1/2 right-2 -translate-y-1/2 text-xs text-muted-foreground">
+					%
+				</span>
+			</div>
+			<p className="ml-1 text-xs text-muted-foreground">
+				{formatCurrency(safeToNumber(value))}
+			</p>
+		</div>
+	);
+}
+
 export function PayerSection({
 	formState,
 	onFieldChange,
@@ -22,17 +138,17 @@ export function PayerSection({
 	secondaryPayerOptions,
 	totalAmount,
 }: PayerSectionProps) {
+	const [splitMode, setSplitMode] = useState<SplitInputMode>("currency");
+
 	const handlePrimaryAmountChange = (value: string) => {
 		onFieldChange("primarySplitAmount", value);
-		const numericValue = Number.parseFloat(value) || 0;
-		const remaining = Math.max(0, totalAmount - numericValue);
+		const remaining = Math.max(0, totalAmount - safeToNumber(value));
 		onFieldChange("secondarySplitAmount", remaining.toFixed(2));
 	};
 
 	const handleSecondaryAmountChange = (value: string) => {
 		onFieldChange("secondarySplitAmount", value);
-		const numericValue = Number.parseFloat(value) || 0;
-		const remaining = Math.max(0, totalAmount - numericValue);
+		const remaining = Math.max(0, totalAmount - safeToNumber(value));
 		onFieldChange("primarySplitAmount", remaining.toFixed(2));
 	};
 
@@ -54,23 +170,28 @@ export function PayerSection({
 						</p>
 					</div>
 				</div>
-				<CheckboxPrimitive.Root
-					checked={formState.isSplit}
-					onCheckedChange={(checked) =>
-						onFieldChange("isSplit", Boolean(checked))
-					}
-					aria-label="Dividir lançamento"
-					className={cn(
-						"peer size-4 shrink-0 rounded-lg border shadow-xs transition-shadow outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
-						formState.isSplit
-							? "border-primary bg-primary text-primary-foreground"
-							: "border-input dark:bg-input/30",
-					)}
-				>
-					<CheckboxPrimitive.Indicator className="grid place-content-center text-current transition-none">
-						<RiSliceFill className="size-3" />
-					</CheckboxPrimitive.Indicator>
-				</CheckboxPrimitive.Root>
+				<div className="flex items-center gap-2">
+					{formState.isSplit ? (
+						<SplitModeToggle mode={splitMode} onModeChange={setSplitMode} />
+					) : null}
+					<CheckboxPrimitive.Root
+						checked={formState.isSplit}
+						onCheckedChange={(checked) =>
+							onFieldChange("isSplit", Boolean(checked))
+						}
+						aria-label="Dividir lançamento"
+						className={cn(
+							"peer size-4 shrink-0 rounded-lg border shadow-xs transition-shadow outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+							formState.isSplit
+								? "border-primary bg-primary text-primary-foreground"
+								: "border-input dark:bg-input/30",
+						)}
+					>
+						<CheckboxPrimitive.Indicator className="grid place-content-center text-current transition-none">
+							<RiSliceFill className="size-3" />
+						</CheckboxPrimitive.Indicator>
+					</CheckboxPrimitive.Root>
+				</div>
 			</div>
 
 			<div className="flex w-full flex-col gap-2 md:flex-row">
@@ -111,14 +232,15 @@ export function PayerSection({
 								))}
 							</SelectContent>
 						</Select>
-						{formState.isSplit && (
-							<CurrencyInput
+						{formState.isSplit ? (
+							<SplitAmountField
+								mode={splitMode}
 								value={formState.primarySplitAmount}
-								onValueChange={handlePrimaryAmountChange}
-								placeholder="R$ 0,00"
-								className="h-9 w-[45%] text-sm"
+								totalAmount={totalAmount}
+								onAmountChange={handlePrimaryAmountChange}
+								ariaLabel="Porcentagem da pessoa"
 							/>
-						)}
+						) : null}
 					</div>
 				</div>
 
@@ -163,11 +285,12 @@ export function PayerSection({
 									))}
 								</SelectContent>
 							</Select>
-							<CurrencyInput
+							<SplitAmountField
+								mode={splitMode}
 								value={formState.secondarySplitAmount}
-								onValueChange={handleSecondaryAmountChange}
-								placeholder="R$ 0,00"
-								className="h-9 w-[45%] text-sm"
+								totalAmount={totalAmount}
+								onAmountChange={handleSecondaryAmountChange}
+								ariaLabel="Porcentagem do segundo pagador"
 							/>
 						</div>
 					</div>

src/features/transactions/components/page/transactions-page.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import { RiAddFill } from "@remixicon/react";
 import { useState } from "react";
 import { toast } from "sonner";
 import {
@@ -18,6 +19,7 @@ import {
 	getPresignedUploadUrlAction,
 } from "@/features/transactions/actions/attachments";
 import { ConfirmActionDialog } from "@/shared/components/confirm-action-dialog";
+import { Button } from "@/shared/components/ui/button";
 import type {
 	TransactionsExportContext,
 	TransactionsPaginationState,
@@ -115,7 +117,6 @@ export function TransactionsPage({
 	const [selectedTransaction, setSelectedTransaction] =
 		useState<TransactionItem | null>(null);
 	const [editOpen, setEditOpen] = useState(false);
-	const [createOpen, setCreateOpen] = useState(false);
 	const [copyOpen, setCopyOpen] = useState(false);
 	const [transactionToCopy, setTransactionToCopy] =
 		useState<TransactionItem | null>(null);
@@ -411,15 +412,6 @@ export function TransactionsPage({
 		setPendingMultipleDeleteData([]);
 	};
 
-	const [transactionTypeForCreate, setTransactionTypeForCreate] = useState<
-		"Despesa" | "Receita" | null
-	>(null);
-
-	const handleCreate = (type: "Despesa" | "Receita") => {
-		setTransactionTypeForCreate(type);
-		setCreateOpen(true);
-	};
-
 	const handleMassAdd = () => {
 		setMassAddOpen(true);
 	};
@@ -558,6 +550,57 @@ export function TransactionsPage({
 		setAnticipationHistoryOpen(true);
 	};
 
+	const createSlot = allowCreate ? (
+		<>
+			<TransactionDialog
+				mode="create"
+				payerOptions={payerOptions}
+				splitPayerOptions={splitPayerOptions}
+				defaultPayerId={defaultPayerId}
+				accountOptions={accountOptions}
+				cardOptions={cardOptions}
+				categoryOptions={categoryOptions}
+				estabelecimentos={estabelecimentos}
+				defaultPeriod={selectedPeriod}
+				defaultCardId={defaultCardId}
+				defaultPaymentMethod={defaultPaymentMethod}
+				lockCardSelection={lockCardSelection}
+				lockPaymentMethod={lockPaymentMethod}
+				defaultTransactionType="Receita"
+				maxSizeMb={attachmentMaxSizeMb}
+				trigger={
+					<Button className="w-full sm:w-auto">
+						<RiAddFill className="size-4" />
+						Nova Receita
+					</Button>
+				}
+			/>
+			<TransactionDialog
+				mode="create"
+				payerOptions={payerOptions}
+				splitPayerOptions={splitPayerOptions}
+				defaultPayerId={defaultPayerId}
+				accountOptions={accountOptions}
+				cardOptions={cardOptions}
+				categoryOptions={categoryOptions}
+				estabelecimentos={estabelecimentos}
+				defaultPeriod={selectedPeriod}
+				defaultCardId={defaultCardId}
+				defaultPaymentMethod={defaultPaymentMethod}
+				lockCardSelection={lockCardSelection}
+				lockPaymentMethod={lockPaymentMethod}
+				defaultTransactionType="Despesa"
+				maxSizeMb={attachmentMaxSizeMb}
+				trigger={
+					<Button className="w-full sm:w-auto">
+						<RiAddFill className="size-4" />
+						Nova Despesa
+					</Button>
+				}
+			/>
+		</>
+	) : null;
+
 	return (
 		<>
 			<TransactionsTable
@@ -571,7 +614,7 @@ export function TransactionsPage({
 				selectedPeriod={selectedPeriod}
 				pagination={pagination}
 				exportContext={exportContext}
-				onCreate={allowCreate ? handleCreate : undefined}
+				createSlot={createSlot}
 				onMassAdd={allowCreate ? handleMassAdd : undefined}
 				onEdit={handleEdit}
 				onCopy={handleCopy}
@@ -587,28 +630,6 @@ export function TransactionsPage({
 				isSettlementLoading={(id) => settlementLoadingId === id}
 			/>
 
-			{allowCreate ? (
-				<TransactionDialog
-					mode="create"
-					open={createOpen}
-					onOpenChange={setCreateOpen}
-					payerOptions={payerOptions}
-					splitPayerOptions={splitPayerOptions}
-					defaultPayerId={defaultPayerId}
-					accountOptions={accountOptions}
-					cardOptions={cardOptions}
-					categoryOptions={categoryOptions}
-					estabelecimentos={estabelecimentos}
-					defaultPeriod={selectedPeriod}
-					defaultCardId={defaultCardId}
-					defaultPaymentMethod={defaultPaymentMethod}
-					lockCardSelection={lockCardSelection}
-					lockPaymentMethod={lockPaymentMethod}
-					defaultTransactionType={transactionTypeForCreate ?? undefined}
-					maxSizeMb={attachmentMaxSizeMb}
-				/>
-			) : null}
-
 			<TransactionDialog
 				mode="create"
 				open={copyOpen && !!transactionToCopy}

src/features/transactions/components/table/transactions-filters.tsx

@@ -2,24 +2,35 @@
 
 import {
 	RiCheckLine,
+	RiCloseLine,
 	RiExpandUpDownLine,
-	RiFilter3Line,
+	RiFilterLine,
 } from "@remixicon/react";
-import { usePathname, useRouter, useSearchParams } from "next/navigation";
+import {
+	type ReadonlyURLSearchParams,
+	usePathname,
+	useRouter,
+	useSearchParams,
+} from "next/navigation";
 import {
 	type ReactNode,
 	useCallback,
 	useEffect,
+	useMemo,
 	useState,
 	useTransition,
 } from "react";
 import {
+	AMOUNT_MAX_PARAM,
+	AMOUNT_MIN_PARAM,
 	PAYMENT_METHODS,
 	SETTLED_FILTER_VALUES,
 	TRANSACTION_CONDITIONS,
 	TRANSACTION_TYPES,
 } from "@/features/transactions/lib/constants";
+import { parsePositiveAmount } from "@/features/transactions/lib/page-helpers";
 import { Button } from "@/shared/components/ui/button";
+import { Checkbox } from "@/shared/components/ui/checkbox";
 import {
 	Command,
 	CommandEmpty,
@@ -46,9 +57,7 @@ import {
 import {
 	Select,
 	SelectContent,
-	SelectGroup,
 	SelectItem,
-	SelectLabel,
 	SelectTrigger,
 } from "@/shared/components/ui/select";
 import { Switch } from "@/shared/components/ui/switch";
@@ -69,6 +78,36 @@ import type {
 
 const FILTER_EMPTY_VALUE = "__all";
 
+const normalizeAmountParam = (raw: string): string | null => {
+	const parsed = parsePositiveAmount(raw.trim());
+	return parsed === null ? null : parsed.toString();
+};
+
+function useDebouncedAmountFilter(
+	param: string,
+	searchParams: URLSearchParams | ReadonlyURLSearchParams,
+	onChange: (key: string, value: string | null) => void,
+): [string, (value: string) => void] {
+	const current = searchParams.get(param) ?? "";
+	const [value, setValue] = useState(current);
+
+	useEffect(() => {
+		setValue(current);
+	}, [current]);
+
+	useEffect(() => {
+		if (value === current) return;
+		const timeout = setTimeout(() => {
+			const normalized = normalizeAmountParam(value);
+			if ((normalized ?? "") === current) return;
+			onChange(param, normalized);
+		}, 400);
+		return () => clearTimeout(timeout);
+	}, [value, current, param, onChange]);
+
+	return [value, setValue];
+}
+
 interface FilterSelectProps {
 	param: string;
 	placeholder: string;
@@ -127,6 +166,158 @@ function FilterSelect({
 	);
 }
 
+type MultiOption = {
+	value: string;
+	label: string;
+	group?: string;
+	render?: ReactNode;
+};
+
+interface MultiSelectFilterProps {
+	placeholder: string;
+	options: MultiOption[];
+	selected: string[];
+	onChange: (values: string[]) => void;
+	widthClass?: string;
+	disabled?: boolean;
+	searchable?: boolean;
+	searchPlaceholder?: string;
+	groupOrder?: string[];
+}
+
+function MultiSelectFilter({
+	placeholder,
+	options,
+	selected,
+	onChange,
+	widthClass = "w-full",
+	disabled,
+	searchable = false,
+	searchPlaceholder = "Buscar...",
+	groupOrder,
+}: MultiSelectFilterProps) {
+	const [open, setOpen] = useState(false);
+
+	const groupedOptions = useMemo(() => {
+		const map = new Map<string, MultiOption[]>();
+		for (const option of options) {
+			const key = option.group ?? "";
+			const list = map.get(key) ?? [];
+			list.push(option);
+			map.set(key, list);
+		}
+		const orderedKeys = groupOrder
+			? [
+					...groupOrder,
+					...Array.from(map.keys()).filter((k) => !groupOrder.includes(k)),
+				]
+			: Array.from(map.keys());
+		return orderedKeys
+			.filter((key) => map.has(key))
+			.map((key) => ({ name: key, items: map.get(key) ?? [] }));
+	}, [options, groupOrder]);
+
+	const selectedSet = new Set(selected);
+	const selectedOptions = options.filter((option) =>
+		selectedSet.has(option.value),
+	);
+
+	const toggle = (value: string) => {
+		if (selectedSet.has(value)) {
+			onChange(selected.filter((v) => v !== value));
+		} else {
+			onChange([...selected, value]);
+		}
+	};
+
+	const clear = () => {
+		onChange([]);
+	};
+
+	const triggerLabel: ReactNode =
+		selectedOptions.length === 0 ? (
+			placeholder
+		) : selectedOptions.length === 1 ? (
+			(selectedOptions[0]?.render ?? selectedOptions[0]?.label)
+		) : (
+			<span className="flex items-center gap-1.5">
+				<span className="text-foreground">
+					{selectedOptions.length} selecionados
+				</span>
+			</span>
+		);
+
+	return (
+		<Popover open={open} onOpenChange={setOpen} modal>
+			<PopoverTrigger asChild>
+				<Button
+					variant="outline"
+					role="combobox"
+					aria-expanded={open}
+					className={cn(
+						"justify-between text-sm border-dashed font-normal",
+						widthClass,
+					)}
+					disabled={disabled}
+				>
+					<span className="truncate flex items-center gap-2">
+						{triggerLabel}
+					</span>
+					<RiExpandUpDownLine className="ml-2 size-4 shrink-0 opacity-50" />
+				</Button>
+			</PopoverTrigger>
+			<PopoverContent align="start" className="w-[260px] p-0">
+				<Command>
+					{searchable ? <CommandInput placeholder={searchPlaceholder} /> : null}
+					<CommandList>
+						<CommandEmpty>Nada encontrado.</CommandEmpty>
+						<CommandGroup>
+							<CommandItem
+								value="__clear"
+								onSelect={() => clear()}
+								disabled={selectedOptions.length === 0}
+								className="text-muted-foreground data-[disabled=true]:opacity-50 data-[disabled=true]:pointer-events-none"
+							>
+								Limpar seleção
+							</CommandItem>
+						</CommandGroup>
+						{groupedOptions.map((group) => (
+							<CommandGroup
+								key={group.name || "default"}
+								heading={group.name || undefined}
+							>
+								{group.items.map((option) => {
+									const isSelected = selectedSet.has(option.value);
+									return (
+										<CommandItem
+											key={option.value}
+											value={`${option.value} ${option.label}`}
+											onSelect={() => toggle(option.value)}
+											className="gap-2"
+										>
+											<Checkbox
+												checked={isSelected}
+												className="pointer-events-none"
+												aria-hidden
+											/>
+											<span className="flex items-center gap-2 flex-1 min-w-0 truncate">
+												{option.render ?? option.label}
+											</span>
+											{isSelected ? (
+												<RiCheckLine className="ml-auto size-4 shrink-0" />
+											) : null}
+										</CommandItem>
+									);
+								})}
+							</CommandGroup>
+						))}
+					</CommandList>
+				</Command>
+			</PopoverContent>
+		</Popover>
+	);
+}
+
 interface TransactionsFiltersProps {
 	payerOptions: TransactionFilterOption[];
 	categoryOptions: TransactionFilterOption[];
@@ -152,6 +343,11 @@ export function TransactionsFilters({
 	const getParamValue = (key: string) =>
 		searchParams.get(key) ?? FILTER_EMPTY_VALUE;
 
+	const getParamValues = useCallback(
+		(key: string) => searchParams.getAll(key),
+		[searchParams],
+	);
+
 	const handleFilterChange = useCallback(
 		(key: string, value: string | null) => {
 			const nextParams = new URLSearchParams(searchParams.toString());
@@ -174,6 +370,28 @@ export function TransactionsFilters({
 		[searchParams, pathname, router],
 	);
 
+	const handleMultiFilterChange = useCallback(
+		(key: string, values: string[]) => {
+			const nextParams = new URLSearchParams(searchParams.toString());
+			nextParams.delete(key);
+			for (const value of values) {
+				if (value) {
+					nextParams.append(key, value);
+				}
+			}
+			nextParams.delete("page");
+
+			startTransition(() => {
+				const target = nextParams.toString()
+					? `${pathname}?${nextParams.toString()}`
+					: pathname;
+				router.replace(target, { scroll: false });
+				router.refresh();
+			});
+		},
+		[searchParams, pathname, router],
+	);
+
 	const [searchValue, setSearchValue] = useState(searchParams.get("q") ?? "");
 	const currentSearchParam = searchParams.get("q") ?? "";
 
@@ -194,6 +412,17 @@ export function TransactionsFilters({
 		return () => clearTimeout(timeout);
 	}, [searchValue, currentSearchParam, handleFilterChange]);
 
+	const [valorMinValue, setValorMinValue] = useDebouncedAmountFilter(
+		AMOUNT_MIN_PARAM,
+		searchParams,
+		handleFilterChange,
+	);
+	const [valorMaxValue, setValorMaxValue] = useDebouncedAmountFilter(
+		AMOUNT_MAX_PARAM,
+		searchParams,
+		handleFilterChange,
+	);
+
 	const handleReset = () => {
 		const periodValue = searchParams.get("periodo");
 		const pageSizeValue = searchParams.get("pageSize");
@@ -205,7 +434,8 @@ export function TransactionsFilters({
 			nextParams.set("pageSize", pageSizeValue);
 		}
 		setSearchValue("");
-		setCategoryOpen(false);
+		setValorMinValue("");
+		setValorMaxValue("");
 		startTransition(() => {
 			const target = nextParams.toString()
 				? `${pathname}?${nextParams.toString()}`
@@ -214,59 +444,84 @@ export function TransactionsFilters({
 		});
 	};
 
-	const payerSelectOptions = payerOptions.map((option) => ({
-		value: option.slug,
-		label: option.label,
-		avatarUrl: option.avatarUrl,
-	}));
+	const conditionOptions = useMemo<MultiOption[]>(
+		() =>
+			TRANSACTION_CONDITIONS.map((value) => ({
+				value: slugify(value),
+				label: value,
+				render: <ConditionSelectContent label={value} />,
+			})),
+		[],
+	);
 
-	const accountOptions = accountCardOptions
-		.filter((option) => option.kind === "conta")
-		.map((option) => ({
-			value: option.slug,
-			label: option.label,
-			logo: option.logo,
-		}));
+	const paymentOptions = useMemo<MultiOption[]>(
+		() =>
+			PAYMENT_METHODS.map((value) => ({
+				value: slugify(value),
+				label: value,
+				render: <PaymentMethodSelectContent label={value} />,
+			})),
+		[],
+	);
 
-	const cardOptions = accountCardOptions
-		.filter((option) => option.kind === "cartao")
-		.map((option) => ({
-			value: option.slug,
-			label: option.label,
-			logo: option.logo,
-		}));
+	const payerMultiOptions = useMemo<MultiOption[]>(
+		() =>
+			payerOptions.map((option) => ({
+				value: option.slug,
+				label: option.label,
+				render: (
+					<PayerSelectContent
+						label={option.label}
+						avatarUrl={option.avatarUrl}
+					/>
+				),
+			})),
+		[payerOptions],
+	);
 
-	const categoryValue = getParamValue("category");
-	const selectedCategory =
-		categoryValue !== FILTER_EMPTY_VALUE
-			? categoryOptions.find((option) => option.slug === categoryValue)
-			: null;
+	const categoryMultiOptions = useMemo<MultiOption[]>(
+		() =>
+			categoryOptions.map((option) => ({
+				value: option.slug,
+				label: option.label,
+				render: (
+					<CategorySelectContent label={option.label} icon={option.icon} />
+				),
+			})),
+		[categoryOptions],
+	);
 
-	const payerValue = getParamValue("payer");
-	const selectedPayer =
-		payerValue !== FILTER_EMPTY_VALUE
-			? payerOptions.find((option) => option.slug === payerValue)
-			: null;
+	const accountCardMultiOptions = useMemo<MultiOption[]>(
+		() =>
+			accountCardOptions.map((option) => ({
+				value: option.slug,
+				label: option.label,
+				group: option.kind === "cartao" ? "Cartões" : "Contas",
+				render: (
+					<AccountCardSelectContent
+						label={option.label}
+						logo={option.logo}
+						isCartao={option.kind === "cartao"}
+					/>
+				),
+			})),
+		[accountCardOptions],
+	);
 
-	const accountCardValue = getParamValue("accountCard");
-	const selectedAccountCard =
-		accountCardValue !== FILTER_EMPTY_VALUE
-			? accountCardOptions.find((option) => option.slug === accountCardValue)
-			: null;
-
-	const [categoryOpen, setCategoryOpen] = useState(false);
 	const [drawerOpen, setDrawerOpen] = useState(false);
 
 	const hasActiveFilters =
 		searchParams.get("type") ||
-		searchParams.get("condition") ||
-		searchParams.get("payment") ||
-		searchParams.get("payer") ||
-		searchParams.get("category") ||
-		searchParams.get("accountCard") ||
+		searchParams.getAll("condition").length > 0 ||
+		searchParams.getAll("payment").length > 0 ||
+		searchParams.getAll("payer").length > 0 ||
+		searchParams.getAll("category").length > 0 ||
+		searchParams.getAll("accountCard").length > 0 ||
 		searchParams.get("settled") ||
 		searchParams.get("hasAttachment") ||
-		searchParams.get("isDivided");
+		searchParams.get("isDivided") ||
+		searchParams.get(AMOUNT_MIN_PARAM) ||
+		searchParams.get(AMOUNT_MAX_PARAM);
 
 	const handleResetFilters = () => {
 		handleReset();
@@ -280,13 +535,28 @@ export function TransactionsFilters({
 				className,
 			)}
 		>
-			<Input
-				value={searchValue}
-				onChange={(event) => setSearchValue(event.target.value)}
-				placeholder="Buscar"
-				aria-label="Buscar lançamentos"
-				className="w-full md:w-[250px] text-sm border-dashed"
-			/>
+			<div className="relative w-full md:w-[250px]">
+				<Input
+					value={searchValue}
+					onChange={(event) => setSearchValue(event.target.value)}
+					placeholder="Buscar"
+					aria-label="Buscar lançamentos"
+					className={cn(
+						"w-full text-sm border-dashed",
+						searchValue.length > 0 && "pr-8",
+					)}
+				/>
+				{searchValue.length > 0 ? (
+					<button
+						type="button"
+						onClick={() => setSearchValue("")}
+						aria-label="Limpar busca"
+						className="absolute top-1/2 right-2 -translate-y-1/2 rounded-sm p-0.5 text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+					>
+						<RiCloseLine className="size-4" />
+					</button>
+				) : null}
+			</div>
 
 			<div className="flex w-full gap-2 md:w-auto">
 				{exportButton && (
@@ -307,13 +577,27 @@ export function TransactionsFilters({
 								className="flex-1 md:flex-none text-sm border-dashed relative bg-transparent"
 								aria-label="Abrir filtros"
 							>
-								<RiFilter3Line className="size-4" />
+								<RiFilterLine className="size-4" />
 								Filtros
 								{hasActiveFilters && (
 									<span className="absolute -top-1 -right-1 size-3 rounded-full bg-primary" />
 								)}
 							</Button>
 						</DrawerTrigger>
+						{hasActiveFilters && (
+							<Button
+								type="button"
+								variant="ghost"
+								size="sm"
+								onClick={handleReset}
+								disabled={isPending}
+								aria-label="Limpar filtros"
+								className="text-xs text-muted-foreground hover:text-foreground h-9 px-2"
+							>
+								<RiCloseLine className="size-3.5" />
+								Limpar
+							</Button>
+						)}
 						<DrawerContent>
 							<DrawerHeader>
 								<DrawerTitle>Filtros</DrawerTitle>
@@ -348,20 +632,14 @@ export function TransactionsFilters({
 									<label className="text-sm font-medium">
 										Condição de Lançamento
 									</label>
-									<FilterSelect
-										param="condition"
+									<MultiSelectFilter
 										placeholder="Todas"
-										options={TRANSACTION_CONDITIONS.map((v) => ({
-											value: slugify(v),
-											label: v,
-										}))}
-										widthClass="w-full border-dashed"
+										options={conditionOptions}
+										selected={getParamValues("condition")}
+										onChange={(values) =>
+											handleMultiFilterChange("condition", values)
+										}
 										disabled={isPending}
-										getParamValue={getParamValue}
-										onChange={handleFilterChange}
-										renderContent={(label) => (
-											<ConditionSelectContent label={label} />
-										)}
 									/>
 								</div>
 
@@ -369,195 +647,92 @@ export function TransactionsFilters({
 									<label className="text-sm font-medium">
 										Forma de Pagamento
 									</label>
-									<FilterSelect
-										param="payment"
-										placeholder="Todos"
-										options={PAYMENT_METHODS.map((v) => ({
-											value: slugify(v),
-											label: v,
-										}))}
-										widthClass="w-full border-dashed"
+									<MultiSelectFilter
+										placeholder="Todas"
+										options={paymentOptions}
+										selected={getParamValues("payment")}
+										onChange={(values) =>
+											handleMultiFilterChange("payment", values)
+										}
 										disabled={isPending}
-										getParamValue={getParamValue}
-										onChange={handleFilterChange}
-										renderContent={(label) => (
-											<PaymentMethodSelectContent label={label} />
-										)}
 									/>
 								</div>
 
 								<div className="space-y-2">
 									<label className="text-sm font-medium">Pessoa</label>
-									<Select
-										value={getParamValue("payer")}
-										onValueChange={(value) =>
-											handleFilterChange(
-												"payer",
-												value === FILTER_EMPTY_VALUE ? null : value,
-											)
+									<MultiSelectFilter
+										placeholder="Todas"
+										options={payerMultiOptions}
+										selected={getParamValues("payer")}
+										onChange={(values) =>
+											handleMultiFilterChange("payer", values)
 										}
 										disabled={isPending}
-									>
-										<SelectTrigger
-											className="w-full text-sm border-dashed"
-											disabled={isPending}
-										>
-											<span className="truncate">
-												{selectedPayer ? (
-													<PayerSelectContent
-														label={selectedPayer.label}
-														avatarUrl={selectedPayer.avatarUrl}
-													/>
-												) : (
-													"Todos"
-												)}
-											</span>
-										</SelectTrigger>
-										<SelectContent>
-											<SelectItem value={FILTER_EMPTY_VALUE}>Todos</SelectItem>
-											{payerSelectOptions.map((option) => (
-												<SelectItem key={option.value} value={option.value}>
-													<PayerSelectContent
-														label={option.label}
-														avatarUrl={option.avatarUrl}
-													/>
-												</SelectItem>
-											))}
-										</SelectContent>
-									</Select>
+										searchable
+										searchPlaceholder="Buscar pessoa..."
+									/>
 								</div>
 
 								<div className="space-y-2">
 									<label className="text-sm font-medium">Categoria</label>
-									<Popover
-										open={categoryOpen}
-										onOpenChange={setCategoryOpen}
-										modal
-									>
-										<PopoverTrigger asChild>
-											<Button
-												variant="outline"
-												role="combobox"
-												aria-expanded={categoryOpen}
-												className="w-full justify-between text-sm border-dashed"
-												disabled={isPending}
-											>
-												<span className="truncate flex items-center gap-2">
-													{selectedCategory ? (
-														<CategorySelectContent
-															label={selectedCategory.label}
-															icon={selectedCategory.icon}
-														/>
-													) : (
-														"Todas"
-													)}
-												</span>
-												<RiExpandUpDownLine className="ml-2 size-4 shrink-0 opacity-50" />
-											</Button>
-										</PopoverTrigger>
-										<PopoverContent align="start" className="w-[220px] p-0">
-											<Command>
-												<CommandInput placeholder="Buscar categoria..." />
-												<CommandList>
-													<CommandEmpty>Nada encontrado.</CommandEmpty>
-													<CommandGroup>
-														<CommandItem
-															value={FILTER_EMPTY_VALUE}
-															onSelect={() => {
-																handleFilterChange("category", null);
-																setCategoryOpen(false);
-															}}
-														>
-															Todas
-															{categoryValue === FILTER_EMPTY_VALUE ? (
-																<RiCheckLine className="ml-auto size-4" />
-															) : null}
-														</CommandItem>
-														{categoryOptions.map((option) => (
-															<CommandItem
-																key={option.slug}
-																value={option.slug}
-																onSelect={() => {
-																	handleFilterChange("category", option.slug);
-																	setCategoryOpen(false);
-																}}
-															>
-																<CategorySelectContent
-																	label={option.label}
-																	icon={option.icon}
-																/>
-																{categoryValue === option.slug ? (
-																	<RiCheckLine className="ml-auto size-4" />
-																) : null}
-															</CommandItem>
-														))}
-													</CommandGroup>
-												</CommandList>
-											</Command>
-										</PopoverContent>
-									</Popover>
+									<MultiSelectFilter
+										placeholder="Todas"
+										options={categoryMultiOptions}
+										selected={getParamValues("category")}
+										onChange={(values) =>
+											handleMultiFilterChange("category", values)
+										}
+										disabled={isPending}
+										searchable
+										searchPlaceholder="Buscar categoria..."
+									/>
 								</div>
 
 								<div className="space-y-2">
 									<label className="text-sm font-medium">Conta/Cartão</label>
-									<Select
-										value={getParamValue("accountCard")}
-										onValueChange={(value) =>
-											handleFilterChange(
-												"accountCard",
-												value === FILTER_EMPTY_VALUE ? null : value,
-											)
+									<MultiSelectFilter
+										placeholder="Todos"
+										options={accountCardMultiOptions}
+										selected={getParamValues("accountCard")}
+										onChange={(values) =>
+											handleMultiFilterChange("accountCard", values)
 										}
 										disabled={isPending}
-									>
-										<SelectTrigger
-											className="w-full text-sm border-dashed"
+										searchable
+										searchPlaceholder="Buscar conta ou cartão..."
+										groupOrder={["Contas", "Cartões"]}
+									/>
+								</div>
+
+								<div className="space-y-2">
+									<label className="text-sm font-medium">Faixa de valor</label>
+									<div className="flex items-center gap-2">
+										<Input
+											type="number"
+											inputMode="decimal"
+											min="0"
+											step="0.01"
+											placeholder="Mínimo"
+											aria-label="Valor mínimo"
+											value={valorMinValue}
+											onChange={(event) => setValorMinValue(event.target.value)}
 											disabled={isPending}
-										>
-											<span className="truncate">
-												{selectedAccountCard ? (
-													<AccountCardSelectContent
-														label={selectedAccountCard.label}
-														logo={selectedAccountCard.logo}
-														isCartao={selectedAccountCard.kind === "cartao"}
-													/>
-												) : (
-													"Todos"
-												)}
-											</span>
-										</SelectTrigger>
-										<SelectContent>
-											<SelectItem value={FILTER_EMPTY_VALUE}>Todos</SelectItem>
-											{accountOptions.length > 0 ? (
-												<SelectGroup>
-													<SelectLabel>Contas</SelectLabel>
-													{accountOptions.map((option) => (
-														<SelectItem key={option.value} value={option.value}>
-															<AccountCardSelectContent
-																label={option.label}
-																logo={option.logo}
-																isCartao={false}
-															/>
-														</SelectItem>
-													))}
-												</SelectGroup>
-											) : null}
-											{cardOptions.length > 0 ? (
-												<SelectGroup>
-													<SelectLabel>Cartões</SelectLabel>
-													{cardOptions.map((option) => (
-														<SelectItem key={option.value} value={option.value}>
-															<AccountCardSelectContent
-																label={option.label}
-																logo={option.logo}
-																isCartao={true}
-															/>
-														</SelectItem>
-													))}
-												</SelectGroup>
-											) : null}
-										</SelectContent>
-									</Select>
+											className="text-sm border-dashed"
+										/>
+										<span className="text-xs text-muted-foreground">até</span>
+										<Input
+											type="number"
+											inputMode="decimal"
+											min="0"
+											step="0.01"
+											placeholder="Máximo"
+											aria-label="Valor máximo"
+											value={valorMaxValue}
+											onChange={(event) => setValorMaxValue(event.target.value)}
+											disabled={isPending}
+											className="text-sm border-dashed"
+										/>
+									</div>
 								</div>
 
 								<div className="space-y-3">

src/features/transactions/components/table/transactions-table.tsx

@@ -1,6 +1,5 @@
 "use client";
 import {
-	RiAddFill,
 	RiArrowLeftRightLine,
 	RiFileExcel2Line,
 	RiFlashlightFill,
@@ -16,7 +15,7 @@ import {
 	type VisibilityState,
 } from "@tanstack/react-table";
 import { usePathname, useRouter, useSearchParams } from "next/navigation";
-import { useMemo, useState } from "react";
+import { type ReactNode, useMemo, useState } from "react";
 import type {
 	TransactionsExportContext,
 	TransactionsPaginationState,
@@ -61,7 +60,7 @@ type TransactionsTableProps = {
 	selectedPeriod?: string;
 	pagination?: TransactionsPaginationState;
 	exportContext?: TransactionsExportContext;
-	onCreate?: (type: "Despesa" | "Receita") => void;
+	createSlot?: ReactNode;
 	onMassAdd?: () => void;
 	onEdit?: (item: TransactionItem) => void;
 	onCopy?: (item: TransactionItem) => void;
@@ -90,7 +89,7 @@ export function TransactionsTable({
 	selectedPeriod,
 	pagination: serverPagination,
 	exportContext,
-	onCreate,
+	createSlot,
 	onMassAdd,
 	onEdit,
 	onCopy,
@@ -253,32 +252,15 @@ export function TransactionsTable({
 	};
 
 	const showTopControls =
-		Boolean(onCreate) || Boolean(onMassAdd) || showFilters;
+		Boolean(createSlot) || Boolean(onMassAdd) || showFilters;
 
 	return (
 		<TooltipProvider>
 			{showTopControls ? (
 				<div className="flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between">
-					{onCreate || onMassAdd ? (
+					{createSlot || onMassAdd ? (
 						<div className="flex w-full flex-col gap-2 sm:w-auto sm:flex-row">
-							{onCreate ? (
-								<>
-									<Button
-										onClick={() => onCreate("Receita")}
-										className="w-full sm:w-auto"
-									>
-										<RiAddFill className="size-4" />
-										Nova Receita
-									</Button>
-									<Button
-										onClick={() => onCreate("Despesa")}
-										className="w-full sm:w-auto"
-									>
-										<RiAddFill className="size-4" />
-										Nova Despesa
-									</Button>
-								</>
-							) : null}
+							{createSlot}
 							{onMassAdd ? (
 								<Tooltip>
 									<TooltipTrigger asChild>

src/features/transactions/lib/constants.ts

@@ -30,3 +30,6 @@ export const SETTLED_FILTER_VALUES = {
 	PAID: "pago",
 	UNPAID: "nao-pago",
 } as const;
+
+export const AMOUNT_MIN_PARAM = "valorMin";
+export const AMOUNT_MAX_PARAM = "valorMax";

src/features/transactions/lib/export-types.ts

@@ -1,14 +1,16 @@
 type TransactionExportFilters = {
 	transactionFilter: string | null;
-	conditionFilter: string | null;
-	paymentFilter: string | null;
-	payerFilter: string | null;
-	categoryFilter: string | null;
-	accountCardFilter: string | null;
+	conditionFilters: string[];
+	paymentFilters: string[];
+	payerFilters: string[];
+	categoryFilters: string[];
+	accountCardFilters: string[];
 	searchFilter: string | null;
 	settledFilter: string | null;
 	attachmentFilter: string | null;
 	dividedFilter: string | null;
+	amountMinFilter: number | null;
+	amountMaxFilter: number | null;
 };
 
 export type TransactionsExportContext = {

src/features/transactions/lib/page-helpers.ts

@@ -1,5 +1,15 @@
 import type { SQL } from "drizzle-orm";
-import { and, eq, ilike, isNotNull, or, sql } from "drizzle-orm";
+import {
+	and,
+	eq,
+	gte,
+	ilike,
+	inArray,
+	isNotNull,
+	lte,
+	or,
+	sql,
+} from "drizzle-orm";
 import {
 	cards,
 	type categories,
@@ -10,6 +20,8 @@ import {
 } from "@/db/schema";
 import type { SelectOption } from "@/features/transactions/components/types";
 import {
+	AMOUNT_MAX_PARAM,
+	AMOUNT_MIN_PARAM,
 	PAYMENT_METHODS,
 	SETTLED_FILTER_VALUES,
 	TRANSACTION_CONDITIONS,
@@ -37,15 +49,17 @@ const TRANSACTIONS_PAGE_SIZE_OPTIONS = [5, 10, 20, 30, 40, 50, 100];
 
 export type TransactionSearchFilters = {
 	transactionFilter: string | null;
-	conditionFilter: string | null;
-	paymentFilter: string | null;
-	payerFilter: string | null;
-	categoryFilter: string | null;
-	accountCardFilter: string | null;
+	conditionFilters: string[];
+	paymentFilters: string[];
+	payerFilters: string[];
+	categoryFilters: string[];
+	accountCardFilters: string[];
 	searchFilter: string | null;
 	settledFilter: string | null;
 	attachmentFilter: string | null;
 	dividedFilter: string | null;
+	amountMinFilter: number | null;
+	amountMaxFilter: number | null;
 };
 
 type BaseSluggedOption = {
@@ -123,19 +137,44 @@ export const getSingleParam = (
 	return Array.isArray(value) ? (value[0] ?? null) : value;
 };
 
+export const getMultiParam = (
+	params: ResolvedSearchParams,
+	key: string,
+): string[] => {
+	const value = params?.[key];
+	if (!value) {
+		return [];
+	}
+	const list = Array.isArray(value) ? value : [value];
+	return list.filter((item): item is string => Boolean(item));
+};
+
+export const parsePositiveAmount = (value: string | null): number | null => {
+	if (!value) return null;
+	const normalized = Number.parseFloat(value.replace(",", "."));
+	if (!Number.isFinite(normalized) || normalized < 0) return null;
+	return Math.round(normalized * 100) / 100;
+};
+
 export const extractTransactionSearchFilters = (
 	params: ResolvedSearchParams,
 ): TransactionSearchFilters => ({
 	transactionFilter: getSingleParam(params, "type"),
-	conditionFilter: getSingleParam(params, "condition"),
-	paymentFilter: getSingleParam(params, "payment"),
-	payerFilter: getSingleParam(params, "payer"),
-	categoryFilter: getSingleParam(params, "category"),
-	accountCardFilter: getSingleParam(params, "accountCard"),
+	conditionFilters: getMultiParam(params, "condition"),
+	paymentFilters: getMultiParam(params, "payment"),
+	payerFilters: getMultiParam(params, "payer"),
+	categoryFilters: getMultiParam(params, "category"),
+	accountCardFilters: getMultiParam(params, "accountCard"),
 	searchFilter: getSingleParam(params, "q"),
 	settledFilter: getSingleParam(params, "settled"),
 	attachmentFilter: getSingleParam(params, "hasAttachment"),
 	dividedFilter: getSingleParam(params, "isDivided"),
+	amountMinFilter: parsePositiveAmount(
+		getSingleParam(params, AMOUNT_MIN_PARAM),
+	),
+	amountMaxFilter: parsePositiveAmount(
+		getSingleParam(params, AMOUNT_MAX_PARAM),
+	),
 });
 
 export const resolveTransactionPagination = (
@@ -354,41 +393,63 @@ export const buildTransactionWhere = ({
 		where.push(eq(transactions.transactionType, typeValue));
 	}
 
-	const conditionValue =
-		conditionSlugToValue[filters.conditionFilter ?? ""] ?? null;
-	if (isValidCondition(conditionValue)) {
-		where.push(eq(transactions.condition, conditionValue));
+	const conditionValues = filters.conditionFilters
+		.map((slug) => conditionSlugToValue[slug] ?? null)
+		.filter(isValidCondition);
+	if (conditionValues.length > 0) {
+		where.push(inArray(transactions.condition, conditionValues));
 	}
 
-	const paymentValue = paymentSlugToValue[filters.paymentFilter ?? ""] ?? null;
-	if (isValidPaymentMethod(paymentValue)) {
-		where.push(eq(transactions.paymentMethod, paymentValue));
+	const paymentValues = filters.paymentFilters
+		.map((slug) => paymentSlugToValue[slug] ?? null)
+		.filter(isValidPaymentMethod);
+	if (paymentValues.length > 0) {
+		where.push(inArray(transactions.paymentMethod, paymentValues));
 	}
 
-	if (!payerId && filters.payerFilter) {
-		const id = slugMaps.payer.get(filters.payerFilter);
-		if (id) {
-			where.push(eq(transactions.payerId, id));
+	if (!payerId && filters.payerFilters.length > 0) {
+		const ids = filters.payerFilters
+			.map((slug) => slugMaps.payer.get(slug))
+			.filter((id): id is string => Boolean(id));
+		if (ids.length > 0) {
+			where.push(inArray(transactions.payerId, ids));
 		}
 	}
 
-	if (filters.categoryFilter) {
-		const id = slugMaps.category.get(filters.categoryFilter);
-		if (id) {
-			where.push(eq(transactions.categoryId, id));
+	if (filters.categoryFilters.length > 0) {
+		const ids = filters.categoryFilters
+			.map((slug) => slugMaps.category.get(slug))
+			.filter((id): id is string => Boolean(id));
+		if (ids.length > 0) {
+			where.push(inArray(transactions.categoryId, ids));
 		}
 	}
 
-	if (filters.accountCardFilter) {
-		const accountId = slugMaps.financialAccount.get(filters.accountCardFilter);
-		const relatedCardId = accountId
-			? null
-			: slugMaps.card.get(filters.accountCardFilter);
-		if (accountId) {
-			where.push(eq(transactions.accountId, accountId));
+	if (filters.accountCardFilters.length > 0) {
+		const accountIds: string[] = [];
+		const cardIds: string[] = [];
+		for (const slug of filters.accountCardFilters) {
+			const accountId = slugMaps.financialAccount.get(slug);
+			if (accountId) {
+				accountIds.push(accountId);
+				continue;
+			}
+			const cardId = slugMaps.card.get(slug);
+			if (cardId) {
+				cardIds.push(cardId);
+			}
 		}
-		if (!accountId && relatedCardId) {
-			where.push(eq(transactions.cardId, relatedCardId));
+		if (accountIds.length > 0 && cardIds.length > 0) {
+			where.push(
+				or(
+					inArray(transactions.accountId, accountIds),
+					inArray(transactions.cardId, cardIds),
+				) as SQL,
+			);
+		} else if (accountIds.length > 0) {
+			where.push(inArray(transactions.accountId, accountIds));
+		} else if (cardIds.length > 0) {
+			where.push(inArray(transactions.cardId, cardIds));
 		}
 	}
 
@@ -408,6 +469,18 @@ export const buildTransactionWhere = ({
 		where.push(eq(transactions.isDivided, true));
 	}
 
+	if (filters.amountMinFilter !== null) {
+		where.push(
+			gte(sql`abs(${transactions.amount})`, filters.amountMinFilter.toFixed(2)),
+		);
+	}
+
+	if (filters.amountMaxFilter !== null) {
+		where.push(
+			lte(sql`abs(${transactions.amount})`, filters.amountMaxFilter.toFixed(2)),
+		);
+	}
+
 	const searchPattern = buildSearchPattern(filters.searchFilter);
 	if (searchPattern) {
 		where.push(

src/shared/components/calculator/calculator-display.tsx

@@ -11,6 +11,20 @@ type CalculatorDisplayProps = {
 	isResultView: boolean;
 };
 
+const getExpressionSizeClass = (length: number, compact: boolean) => {
+	if (compact) {
+		if (length <= 14) return "text-2xl";
+		if (length <= 20) return "text-xl";
+		if (length <= 28) return "text-base";
+		return "text-sm";
+	}
+	if (length <= 12) return "text-3xl";
+	if (length <= 18) return "text-2xl";
+	if (length <= 24) return "text-xl";
+	if (length <= 32) return "text-base";
+	return "text-sm";
+};
+
 export function CalculatorDisplay({
 	history,
 	expression,
@@ -19,8 +33,10 @@ export function CalculatorDisplay({
 	onCopy,
 	isResultView,
 }: CalculatorDisplayProps) {
+	const sizeClass = getExpressionSizeClass(expression.length, isResultView);
+
 	return (
-		<div className="flex h-24 flex-col rounded-xl border bg-muted px-4 py-4 text-right">
+		<div className="flex h-24 min-w-0 flex-col rounded-xl border bg-muted px-4 py-4 text-right">
 			<div className="min-h-5 truncate text-sm text-muted-foreground">
 				{history ?? (
 					<span
@@ -31,11 +47,11 @@ export function CalculatorDisplay({
 					</span>
 				)}
 			</div>
-			<div className="mt-auto flex items-end justify-end gap-2">
+			<div className="mt-auto flex min-w-0 items-end justify-end gap-2">
 				<div
 					className={cn(
-						"truncate text-right font-semibold transition-all",
-						isResultView ? "text-2xl" : "text-3xl",
+						"min-w-0 flex-1 truncate text-right font-semibold transition-all",
+						sizeClass,
 					)}
 				>
 					{expression}

src/shared/components/navigation/navbar/navbar-user.tsx

@@ -190,7 +190,7 @@ export function NavbarUser({
 							>
 								<RiMegaphoneLine className="size-4 text-success shrink-0" />
 								<span className="flex-1 tracking-wide text-xs font-bold">
-									Atualização {updateCheck.latestVersion} disponível
+									Versão {updateCheck.latestVersion} disponível
 								</span>
 							</Link>
 						)}

src/shared/components/ui/calendar.tsx

@@ -87,7 +87,7 @@ function Calendar({
 						: "rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5",
 					defaultClassNames.caption_label,
 				),
-				table: "w-full border-collapse",
+				month_grid: "w-full border-collapse",
 				weekdays: cn("flex", defaultClassNames.weekdays),
 				weekday: cn(
 					"text-muted-foreground rounded-md flex-1 font-normal text-xs select-none",

src/shared/components/ui/checkbox.tsx

@@ -22,8 +22,8 @@ function Checkbox({
 				data-slot="checkbox-indicator"
 				className="grid place-content-center text-current transition-none"
 			>
-				<RiCheckLine className="size-3.5 [[data-state=indeterminate]_&]:hidden" />
-				<RiSubtractLine className="size-3.5 hidden [[data-state=indeterminate]_&]:block" />
+				<RiCheckLine className="size-3.5 text-current [[data-state=indeterminate]_&]:hidden" />
+				<RiSubtractLine className="size-3.5 hidden text-current [[data-state=indeterminate]_&]:block" />
 			</CheckboxPrimitive.Indicator>
 		</CheckboxPrimitive.Root>
 	);

src/shared/components/ui/date-picker.tsx

@@ -172,8 +172,8 @@ export function DatePicker({
 						month={month}
 						onMonthChange={setMonth}
 						onSelect={handleCalendarSelect}
-						fromYear={2020}
-						toYear={new Date().getFullYear() + 10}
+						startMonth={new Date(2020, 0)}
+						endMonth={new Date(new Date().getFullYear() + 10, 11)}
 						locale={ptBR}
 					/>
 				</PopoverContent>

src/shared/components/ui/dialog.tsx

@@ -36,7 +36,10 @@ function DialogOverlay({
 	return (
 		<DialogPrimitive.Overlay
 			data-slot="dialog-overlay"
-			className={cn("fixed inset-0 z-50 bg-black/50", className)}
+			className={cn(
+				"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+				className,
+			)}
 			{...props}
 		/>
 	);
@@ -56,7 +59,7 @@ function DialogContent({
 			<DialogPrimitive.Content
 				data-slot="dialog-content"
 				className={cn(
-					"bg-background fixed top-[50%] left-[50%] z-50 grid w-full min-w-0 max-w-[calc(100%-2rem)] max-h-[90vh] overflow-x-hidden overflow-y-auto translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-4 shadow-lg sm:p-10 sm:max-w-xl",
+					"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full min-w-0 max-w-[calc(100%-2rem)] max-h-[90vh] overflow-x-hidden overflow-y-auto translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-4 shadow-lg duration-200 sm:p-10 sm:max-w-xl",
 					className,
 				)}
 				{...props}

src/shared/lib/payers/details.ts

@@ -11,8 +11,9 @@ import {
 	sql,
 	sum,
 } from "drizzle-orm";
-import { cards, transactions } from "@/db/schema";
+import { cards, financialAccounts, transactions } from "@/db/schema";
 import { ACCOUNT_AUTO_INVOICE_NOTE_PREFIX } from "@/shared/lib/accounts/constants";
+import { excludeTransactionsFromExcludedAccounts } from "@/shared/lib/accounts/query-filters";
 import { db } from "@/shared/lib/db";
 import { toDateOnlyString } from "@/shared/utils/date";
 import { safeToNumber as toNumber } from "@/shared/utils/number";
@@ -96,12 +97,17 @@ export async function fetchPayerMonthlyBreakdown({
 			totalAmount: sum(transactions.amount).as("total"),
 		})
 		.from(transactions)
+		.leftJoin(
+			financialAccounts,
+			eq(transactions.accountId, financialAccounts.id),
+		)
 		.where(
 			and(
 				eq(transactions.userId, userId),
 				eq(transactions.payerId, payerId),
 				eq(transactions.period, period),
 				excludeAutoInvoiceEntries(),
+				excludeTransactionsFromExcludedAccounts(),
 			),
 		)
 		.groupBy(transactions.paymentMethod, transactions.transactionType);
@@ -155,6 +161,10 @@ export async function fetchPayerHistory({
 			totalAmount: sum(transactions.amount).as("total"),
 		})
 		.from(transactions)
+		.leftJoin(
+			financialAccounts,
+			eq(transactions.accountId, financialAccounts.id),
+		)
 		.where(
 			and(
 				eq(transactions.userId, userId),
@@ -162,6 +172,7 @@ export async function fetchPayerHistory({
 				gte(transactions.period, start),
 				lte(transactions.period, end),
 				excludeAutoInvoiceEntries(),
+				excludeTransactionsFromExcludedAccounts(),
 			),
 		)
 		.groupBy(transactions.period, transactions.transactionType);
@@ -210,6 +221,10 @@ export async function fetchPayerCardUsage({
 		})
 		.from(transactions)
 		.innerJoin(cards, eq(transactions.cardId, cards.id))
+		.leftJoin(
+			financialAccounts,
+			eq(transactions.accountId, financialAccounts.id),
+		)
 		.where(
 			and(
 				eq(transactions.userId, userId),
@@ -217,6 +232,7 @@ export async function fetchPayerCardUsage({
 				eq(transactions.period, period),
 				eq(transactions.paymentMethod, PAYMENT_METHOD_CARD),
 				excludeAutoInvoiceEntries(),
+				excludeTransactionsFromExcludedAccounts(),
 			),
 		)
 		.groupBy(transactions.cardId, cards.name, cards.logo);
@@ -251,6 +267,10 @@ export async function fetchPayerBoletoStats({
 			totalCount: sql<number>`count(${transactions.id})`.as("count"),
 		})
 		.from(transactions)
+		.leftJoin(
+			financialAccounts,
+			eq(transactions.accountId, financialAccounts.id),
+		)
 		.where(
 			and(
 				eq(transactions.userId, userId),
@@ -258,6 +278,7 @@ export async function fetchPayerBoletoStats({
 				eq(transactions.period, period),
 				eq(transactions.paymentMethod, PAYMENT_METHOD_BOLETO),
 				excludeAutoInvoiceEntries(),
+				excludeTransactionsFromExcludedAccounts(),
 			),
 		)
 		.groupBy(transactions.isSettled);
@@ -303,6 +324,10 @@ export async function fetchPayerBoletoItems({
 			isSettled: transactions.isSettled,
 		})
 		.from(transactions)
+		.leftJoin(
+			financialAccounts,
+			eq(transactions.accountId, financialAccounts.id),
+		)
 		.where(
 			and(
 				eq(transactions.userId, userId),
@@ -310,6 +335,7 @@ export async function fetchPayerBoletoItems({
 				eq(transactions.period, period),
 				eq(transactions.paymentMethod, PAYMENT_METHOD_BOLETO),
 				excludeAutoInvoiceEntries(),
+				excludeTransactionsFromExcludedAccounts(),
 			),
 		)
 		.orderBy(asc(transactions.dueDate));
@@ -343,6 +369,10 @@ export async function fetchPayerPaymentStatus({
 			pendingCount: sql<number>`sum(case when (${transactions.isSettled} = false or ${transactions.isSettled} is null) then 1 else 0 end)`,
 		})
 		.from(transactions)
+		.leftJoin(
+			financialAccounts,
+			eq(transactions.accountId, financialAccounts.id),
+		)
 		.where(
 			and(
 				eq(transactions.userId, userId),
@@ -350,6 +380,7 @@ export async function fetchPayerPaymentStatus({
 				eq(transactions.period, period),
 				eq(transactions.transactionType, DESPESA),
 				excludeAutoInvoiceEntries(),
+				excludeTransactionsFromExcludedAccounts(),
 			),
 		);