docs: documenta fluxo completo de publicacao

[ImgBot] Optimize images

.env.example

@@ -3,10 +3,10 @@
 # ============================================
 
 # === Database ===
-# PostgreSQL local (Docker): use host "db"
-# PostgreSQL local (sem Docker): use host "localhost"
+# Desenvolvimento local (pnpm dev): use host "localhost" (padrão abaixo)
+# Docker Compose completo: o compose.yml define DATABASE_URL automaticamente com host "db"
 # PostgreSQL remoto: use URL completa do provider
-DATABASE_URL=postgresql://openmonetis:openmonetis_dev_password@db:5432/openmonetis_db
+DATABASE_URL=postgresql://openmonetis:openmonetis_dev_password@localhost:5432/openmonetis_db
 
 # Credenciais do PostgreSQL (apenas para Docker local) - Alterar
 POSTGRES_USER=openmonetis
@@ -18,10 +18,29 @@ POSTGRES_DB=openmonetis_db
 BETTER_AUTH_SECRET=your-secret-key-here-change-this
 BETTER_AUTH_URL=http://localhost:3000
 
+# Origins adicionais confiáveis para o Better Auth.
+# Útil para Cloudflare Tunnel, reverse proxy e URLs diferentes de BETTER_AUTH_URL.
+# Separe múltiplas origins por vírgula.
+# Exemplo: https://*.trycloudflare.com,https://openmonetis.seudominio.com
+BETTER_AUTH_TRUSTED_ORIGINS=
+# Defina como true para bloquear novos cadastros
+DISABLE_SIGNUP=false
+
+# Duração de sessões persistentes quando "Manter conectado" estiver marcado
+AUTH_SESSION_EXPIRES_IN_DAYS=30
+AUTH_SESSION_UPDATE_AGE_HOURS=24
+
 # === Portas ===
 APP_PORT=3000
 DB_PORT=5432
 
+# === S3 Server (Opcional) ===
+S3_ENDPOINT=
+S3_REGION=
+S3_ACCESS_KEY_ID=
+S3_SECRET_ACCESS_KEY=
+S3_BUCKET=
+
 # === Email (Opcional) ===
 # Provider: Resend (https://resend.com)
 RESEND_API_KEY=
@@ -37,8 +56,22 @@ GOOGLE_CLIENT_SECRET=
 # Se não definido, todas as rotas ficam acessíveis.
 # PUBLIC_DOMAIN=openmonetis.com
 
+# === Analytics (Opcional) ===
+# Umami: https://umami.is — self-hosted ou cloud
+UMAMI_URL=
+UMAMI_WEBSITE_ID=
+UMAMI_DOMAINS=
+
 # === AI Providers (Opcional) ===
 ANTHROPIC_API_KEY=
 OPENAI_API_KEY=
 GOOGLE_GENERATIVE_AI_API_KEY=
+MINIMAX_API_KEY=
 OPENROUTER_API_KEY=
+OLLAMA_BASE_URL=http://127.0.0.1:11434/v1
+OLLAMA_API_KEY=
+
+# === Logo.dev (Opcional) ===
+# Logos automáticos de estabelecimentos. Cadastre em https://www.logo.dev
+LOGO_DEV_TOKEN=
+LOGO_DEV_SECRET_KEY=

.gitattributes

@@ -0,0 +1,4 @@
+# Força LF para arquivos que precisam de line endings Unix no container
+*.sh text eol=lf
+docker-entrypoint.sh text eol=lf
+Dockerfile text eol=lf

.github/copilot-instructions.md

@@ -1,58 +0,0 @@
-# AI Coding Assistant Instructions for OpenMonetis
-
-## Project Overview
-
-OpenMonetis is a self-hosted personal finance management application built with Next.js 16, TypeScript, PostgreSQL, and Drizzle ORM. It provides manual transaction tracking, account management, budgeting, and financial insights with a Portuguese interface.
-
-## Architecture
-
-- **Frontend**: Next.js App Router with React 19, shadcn/ui components, Tailwind CSS
-- **Backend**: Server actions in Next.js, API routes for auth/health
-- **Database**: PostgreSQL with Drizzle ORM, schema in `db/schema.ts`
-- **Auth**: Better Auth (OAuth + email magic links)
-- **Deployment**: Docker multi-stage build, health checks
-
-## Key Patterns
-
-- **Server Actions**: Use `"use server"` for mutations, validate with Zod schemas, handle errors with `handleActionError`
-- **Database Queries**: Use Drizzle's query API with relations, e.g., `db.query.lancamentos.findMany({ with: { categoria: true } })`
-- **Authentication**: Import from `lib/auth/server`, redirect on failure
-- **Revalidation**: Call `revalidateForEntity("lancamentos")` after mutations
-- **Portuguese Naming**: DB fields like `nome`, `tipo_conta`, `pagador` (payer), `lancamento` (transaction)
-- **Component Structure**: Feature-based folders in `components/`, shared UI in `components/ui/`
-
-## Development Workflow
-
-- **Start Dev**: `pnpm dev` (Turbopack), `docker compose up db -d` for DB
-- **Database**: `pnpm db:push` to sync schema, `pnpm db:studio` for visual editor
-- **Build**: `pnpm build`, `pnpm start` for production
-- **Docker**: `pnpm docker:up` for full stack, `pnpm docker:logs` for monitoring
-
-## Common Tasks
-
-- **Add Transaction**: Create server action in `app/(dashboard)/lancamentos/actions.ts`, validate with Zod, insert via Drizzle
-- **New Entity**: Add to `db/schema.ts`, define relations, create CRUD actions in `lib/[entity]/actions.ts`
-- **UI Component**: Use shadcn/ui, place in `components/[feature]/`, export from `components/ui/`
-- **API Route**: Add to `app/api/`, use `getUserSession()` for auth
-
-## Conventions
-
-- **Imports**: Absolute paths with `@/`, group by external/internal
-- **Error Handling**: Return `{ success: false, error: string }` from actions
-- **Currency**: Store as decimal strings (e.g., "123.45"), convert to cents for calculations
-- **Periods**: Format as "YYYY-MM", use `parsePeriodParam()` for URL params
-- **Notifications**: Send emails via `sendPagadorAutoEmails()` for payer updates
-
-## External Integrations
-
-- **Better Auth**: Config in `lib/auth/config.ts`, session handling
-- **Drizzle**: Migrations in `drizzle/`, studio at `pnpm db:studio`
-- **AI Features**: Use `@ai-sdk/*` for insights, configured in environment
-- **Email**: Resend for notifications, configured via `RESEND_API_KEY`
-
-## File Examples
-
-- Schema: `db/schema.ts` (relations, indexes)
-- Actions: `app/(dashboard)/lancamentos/actions.ts` (CRUD with validation)
-- Components: `components/lancamentos/page/lancamentos-page.tsx` (client component)
-- Utils: `lib/lancamentos/page-helpers.ts` (data transformation)

.github/workflows/ci.yml

@@ -0,0 +1,49 @@
+name: CI
+
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+    branches:
+      - main
+  workflow_dispatch:
+
+concurrency:
+  group: ci-${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+
+permissions:
+  contents: read
+
+jobs:
+  quality:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v5
+
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v5
+        with:
+          node-version: 22
+          cache: pnpm
+
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Generate Next.js types
+        run: pnpm exec next typegen
+
+      - name: Typecheck
+        run: pnpm exec tsc --noEmit
+
+      - name: Lint
+        run: pnpm run lint
+
+      - name: Build application
+        run: pnpm run build

.github/workflows/docker-publish.yml

@@ -1,65 +0,0 @@
-name: Build and Push to Docker Hub
-
-on:
-  push:
-    branches:
-      - main
-    tags:
-      - 'v*.*.*'
-  pull_request:
-    branches:
-      - main
-  workflow_dispatch:
-
-env:
-  DOCKER_IMAGE_NAME: openmonetis
-
-jobs:
-  build-and-push:
-    runs-on: ubuntu-latest
-    permissions:
-      contents: read
-      packages: write
-
-    steps:
-      - name: Checkout repository
-        uses: actions/checkout@v4
-
-      - name: Set up Docker Buildx
-        uses: docker/setup-buildx-action@v3
-
-      - name: Log in to Docker Hub
-        if: github.event_name != 'pull_request'
-        uses: docker/login-action@v3
-        with:
-          username: ${{ secrets.DOCKER_USERNAME }}
-          password: ${{ secrets.DOCKER_PASSWORD }}
-
-      - name: Extract metadata (tags, labels)
-        id: meta
-        uses: docker/metadata-action@v5
-        with:
-          images: ${{ secrets.DOCKER_USERNAME }}/${{ env.DOCKER_IMAGE_NAME }}
-          tags: |
-            type=ref,event=branch
-            type=ref,event=pr
-            type=semver,pattern={{version}}
-            type=semver,pattern={{major}}.{{minor}}
-            type=semver,pattern={{major}}
-            type=raw,value=latest,enable={{is_default_branch}}
-            type=sha,prefix={{branch}}-
-
-      - name: Build and push Docker image
-        uses: docker/build-push-action@v5
-        with:
-          context: .
-          file: ./Dockerfile
-          push: ${{ github.event_name != 'pull_request' }}
-          tags: ${{ steps.meta.outputs.tags }}
-          labels: ${{ steps.meta.outputs.labels }}
-          cache-from: type=gha
-          cache-to: type=gha,mode=max
-          platforms: linux/amd64,linux/arm64
-
-      - name: Image digest
-        run: echo ${{ steps.meta.outputs.digest }}

.github/workflows/release.yml

@@ -0,0 +1,152 @@
+name: Release
+
+on:
+  push:
+    tags:
+      - "v*.*.*"
+
+concurrency:
+  group: release-${{ github.ref }}
+  cancel-in-progress: false
+
+env:
+  DOCKER_IMAGE_NAME: openmonetis
+
+permissions:
+  contents: read
+
+jobs:
+  quality:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v5
+
+      - name: Validate release version
+        shell: bash
+        run: |
+          TAG_VERSION="${GITHUB_REF_NAME#v}"
+          PACKAGE_VERSION="$(jq -r '.version' package.json)"
+
+          if [[ ! "$TAG_VERSION" =~ ^[0-9]+\.[0-9]+\.[0-9]+$ ]]; then
+            echo "A tag $GITHUB_REF_NAME não segue o formato vX.Y.Z."
+            exit 1
+          fi
+
+          if [[ "$TAG_VERSION" != "$PACKAGE_VERSION" ]]; then
+            echo "A tag $GITHUB_REF_NAME não corresponde à versão $PACKAGE_VERSION do package.json."
+            exit 1
+          fi
+
+          if ! grep -Fq "## [$TAG_VERSION]" CHANGELOG.md; then
+            echo "A versão $TAG_VERSION não foi encontrada no CHANGELOG.md."
+            exit 1
+          fi
+
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v5
+        with:
+          node-version: 22
+          cache: pnpm
+
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Generate Next.js types
+        run: pnpm exec next typegen
+
+      - name: Typecheck
+        run: pnpm exec tsc --noEmit
+
+      - name: Lint
+        run: pnpm run lint
+
+  docker:
+    runs-on: ubuntu-latest
+    needs: quality
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v5
+
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v3
+
+      - name: Log in to Docker Hub
+        uses: docker/login-action@v3
+        with:
+          username: ${{ secrets.DOCKER_USERNAME }}
+          password: ${{ secrets.DOCKER_PASSWORD }}
+
+      - name: Extract Docker metadata
+        id: meta
+        uses: docker/metadata-action@v5
+        with:
+          images: ${{ secrets.DOCKER_USERNAME }}/${{ env.DOCKER_IMAGE_NAME }}
+          tags: |
+            type=semver,pattern={{version}}
+            type=semver,pattern={{major}}.{{minor}}
+            type=semver,pattern={{major}}
+            type=raw,value=latest
+
+      - name: Build and push Docker image
+        id: build
+        uses: docker/build-push-action@v5
+        with:
+          context: .
+          file: ./Dockerfile
+          push: true
+          tags: ${{ steps.meta.outputs.tags }}
+          labels: ${{ steps.meta.outputs.labels }}
+          cache-from: type=gha
+          cache-to: type=gha,mode=max
+          platforms: linux/amd64,linux/arm64
+
+      - name: Image digest
+        run: echo "${{ steps.build.outputs.digest }}"
+
+  github-release:
+    runs-on: ubuntu-latest
+    needs: docker
+    permissions:
+      contents: write
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v5
+
+      - name: Extract changelog for this version
+        id: changelog
+        shell: bash
+        run: |
+          VERSION="${GITHUB_REF_NAME#v}"
+          NOTES=$(awk -v version="$VERSION" '
+            index($0, "## [" version "]") == 1 { found=1; next }
+            found && /^## \[/ { exit }
+            found && !started && /^[[:space:]]*$/ { next }
+            found { started=1; print }
+          ' CHANGELOG.md)
+
+          if [[ -z "$NOTES" ]]; then
+            echo "Não foi possível extrair as notas da versão $VERSION."
+            exit 1
+          fi
+
+          {
+            echo "notes<<EOF"
+            echo "$NOTES"
+            echo "EOF"
+          } >> "$GITHUB_OUTPUT"
+
+      - name: Create GitHub Release
+        uses: softprops/action-gh-release@v2
+        with:
+          tag_name: ${{ github.ref_name }}
+          name: ${{ github.ref_name }}
+          body: ${{ steps.changelog.outputs.notes }}
+          draft: false
+          prerelease: false

.gitignore

@@ -104,11 +104,10 @@ docker-compose.override.yml
 .claude/
 .gemini/
 .cursor/
-CLAUDE.md
-AGENTS.md
 QWEN.md
-claude.md
-agents.md
+.codex
+# === Backups locais ===
+/backup/
 
 # === Backups e Temporários ===
 *.bak

.nvmrc

@@ -1 +0,0 @@
-v22.12.0

.vscode/settings.json

@@ -1,31 +0,0 @@
-{
-	"files.exclude": {
-		"**/.git": true,
-		"**/.svn": true,
-		"**/.hg": true,
-		"**/.DS_Store": true,
-		"**/Thumbs.db": true,
-		"**/node_modules": true,
-		"node_modules": true,
-		"**/.vscode": true,
-		".vscode": true,
-		"**/.next": true,
-		".next": true
-	},
-	"explorerExclude.backup": {},
-	"editor.defaultFormatter": "biomejs.biome",
-	"editor.formatOnSave": true,
-	"editor.codeActionsOnSave": {
-		"source.organizeImports": "never",
-		"source.organizeImports.biome": "always",
-		"source.fixAll": "never",
-		"source.fixAll.biome": "always",
-		"source.fixAll.eslint": "never"
-	},
-	"[json]": {
-		"editor.defaultFormatter": "biomejs.biome"
-	},
-	"eslint.enable": false,
-	"prettier.enable": false,
-	"typescript.preferences.organizeImportsCollation": "ordinal"
-}

AGENTS.md

@@ -0,0 +1,366 @@
+# AGENTS.md - OpenMonetis
+
+> Self-hosted personal finance app (Next.js 16, React 19, PostgreSQL, Drizzle ORM, Better Auth, Tailwind 4, shadcn/ui).
+> Portuguese UI, English folders/imports. Linter: Biome 2.x. Package manager: pnpm.
+
+## Related Projects
+
+- **OpenMonetis Companion** (`~/github/openmonetis-companion`): Android app que captura notificacoes de apps bancarios e envia para o OpenMonetis via API. Os itens chegam na feature `inbox` para revisao.
+
+---
+
+## Critical Rules
+
+1. **Sempre filtrar por `userId`** em queries.
+2. **Usar `getAdminPayerId(userId)`** de `src/shared/lib/payers/get-admin-id.ts` ao inves de JOIN com `payers` para descobrir o admin.
+3. **Periods** usam formato `YYYY-MM` (ex: `"2025-11"`). Utils em `src/shared/utils/period/`.
+4. **Moeda**: R$ com 2 decimais. DB: `numeric(12, 2)`. Utils em `src/shared/utils/currency.ts`.
+5. **Revalidation**: usar `revalidateForEntity("entity")` de `src/shared/lib/actions/helpers.ts` apos mutations.
+6. **Versionamento e publicação**: registrar mudancas no `CHANGELOG.md` seguindo Keep a Changelog, também alterar o `package.json` e o badge de versão do `README.md`. Cada versão deve ter um parágrafo introdutório em linguagem humana logo abaixo do cabeçalho `## [x.y.z]`, antes das seções `### Adicionado/Alterado/Removido` — descrevendo em prosa o que a versão representa (ex: "Esta versão foca em polimento visual e reorganização interna..."). A `main` executa somente a CI; imagens Docker e GitHub Releases são publicadas exclusivamente por tags SemVer no formato `vX.Y.Z`. Antes de criar a tag, confirmar que a CI da `main` passou e que tag, `package.json`, `CHANGELOG.md` e badge do `README.md` usam a mesma versão. A tag deve apontar para o commit validado. Criar ou enviar uma tag dispara publicação externa (`X.Y.Z`, `X.Y`, `X` e `latest` no Docker Hub, seguida da GitHub Release), portanto agentes nunca devem criar ou fazer push de tags sem autorização explícita do usuário. Quando o usuário pedir **"commit e push"** em uma mudança que prepara uma nova versão, isso conta como autorização explícita para executar o fluxo completo: commitar, enviar a `main`, aguardar a CI da `main` passar, criar a tag SemVer correspondente à versão preparada e enviar essa tag. Se não houver versão preparada ou se houver divergência entre `package.json`, `CHANGELOG.md`, badge do `README.md` e tag pretendida, parar e pedir confirmação. Não voltar a publicar `latest` diretamente de pushes na `main`.
+7. **Comunicacao**: responder em portugues clara e direta com o time.
+8. **Commit messages**: agrupar por natureza. em pt-br. seguindo o padrao do sistema.
+9. **README.md**: sempre que fizer alteracoes significativas, atualize o README.md.
+
+---
+
+## Architecture
+
+### Feature-First
+
+- `src/app/`: roteamento, layouts, loading states e paginas finas
+- `src/features/`: codigo de dominio por feature
+- `src/shared/`: tudo que e genuinamente reutilizado entre features
+- `src/db/`: schema do banco
+
+### Regra Feature vs Shared
+
+Use esta pergunta:
+
+> Se eu deletar esta feature, este arquivo deveria sumir junto?
+
+- Sim: vai para `src/features/<feature>/`
+- Nao: vai para `src/shared/`
+
+### Features nao importam outras features
+
+Se um contrato cruza dominios, ele deve morar em `src/shared/`.
+
+**Excecao intencional: `attachments` depende de `transactions`**
+
+`src/features/attachments` importa `TransactionDialog`, `TransactionDetailsDialog` e `TransactionItem` diretamente de `src/features/transactions`. Isso e uma dependencia explicita e aceita: anexos sao semanticamente uma extensao de lancamentos — existem por causa deles e nao fazem sentido sem esse contexto. Mover esses componentes para `shared/` seria errado (eles pertencem a transactions). Nao tratar isso como bug a corrigir.
+
+Exemplos comuns:
+
+- auth: `src/shared/lib/auth/*`
+- db: `src/shared/lib/db.ts`
+- revalidation helpers: `src/shared/lib/actions/*`
+- payers cross-domain helpers: `src/shared/lib/payers/*`
+- period/currency/date: `src/shared/utils/*`
+- shadcn/ui: `src/shared/components/ui/*`
+
+---
+
+## Directory Structure
+
+```text
+src/
+├── app/
+│   ├── (auth)/
+│   │   ├── login/page.tsx
+│   │   └── signup/page.tsx
+│   ├── (dashboard)/
+│   │   ├── dashboard/
+│   │   ├── transactions/
+│   │   ├── cards/
+│   │   │   └── [cardId]/invoice/
+│   │   ├── accounts/
+│   │   │   └── [accountId]/statement/
+│   │   ├── categories/
+│   │   │   ├── [categoryId]/
+│   │   │   └── history/
+│   │   ├── budgets/
+│   │   ├── payers/
+│   │   │   └── [payerId]/
+│   │   ├── notes/
+│   │   ├── insights/
+│   │   ├── calendar/
+│   │   ├── inbox/
+│   │   ├── attachments/
+│   │   ├── changelog/
+│   │   ├── reports/
+│   │   │   ├── category-trends/
+│   │   │   ├── card-usage/
+│   │   │   ├── installment-analysis/
+│   │   │   └── establishments/
+│   │   └── settings/
+│   ├── (landing-page)/
+│   ├── api/
+│   ├── globals.css
+│   └── layout.tsx
+├── features/                      # cada feature segue: actions.ts, queries.ts, actions/, components/, hooks/, lib/
+│   ├── auth/
+│   ├── landing/
+│   ├── dashboard/
+│   ├── transactions/
+│   ├── cards/
+│   ├── invoices/
+│   ├── accounts/
+│   ├── categories/
+│   ├── budgets/
+│   ├── payers/
+│   ├── notes/
+│   ├── insights/
+│   ├── calendar/
+│   ├── inbox/
+│   ├── attachments/
+│   ├── reports/
+│   └── settings/
+├── shared/
+│   ├── components/
+│   │   ├── ui/                # shadcn/ui primitives
+│   │   ├── navigation/        # navbar, sidebar, breadcrumbs
+│   │   ├── providers/         # React context providers
+│   │   ├── brand/             # logos do app (logo, logo-icon, logo-text)
+│   │   ├── widgets/           # widget-card, widget-empty-state, expandable-widget-card
+│   │   ├── feedback/          # empty-state, status-dot, payment-success
+│   │   ├── month-picker/
+│   │   ├── logo-picker/
+│   │   ├── calculator/
+│   │   ├── entity-avatar/
+│   │   └── skeletons/
+│   ├── hooks/
+│   ├── lib/
+│   │   ├── actions/
+│   │   ├── auth/
+│   │   ├── accounts/
+│   │   ├── cards/
+│   │   ├── calculator/
+│   │   ├── categories/
+│   │   ├── email/
+│   │   ├── import/
+│   │   ├── installments/
+│   │   ├── invoices/
+│   │   ├── logo/
+│   │   ├── notifications/
+│   │   ├── payers/
+│   │   ├── schemas/
+│   │   ├── storage/
+│   │   ├── transfers/
+│   │   ├── types/
+│   │   ├── version/
+│   │   └── db.ts
+│   └── utils/
+│       ├── period/
+│       ├── calculator.ts
+│       ├── calendar.ts
+│       ├── category-colors.ts
+│       ├── currency.ts
+│       ├── date.ts
+│       ├── export-branding.ts
+│       ├── fetch-json.ts
+│       ├── financial-dates.ts
+│       ├── icons.tsx
+│       ├── id.ts
+│       ├── initials.ts
+│       ├── math.ts
+│       ├── number.ts
+│       ├── percentage.ts
+│       ├── string.ts
+│       └── ui.ts
+└── db/
+    └── schema.ts
+```
+
+### Estrutura interna padrão de uma feature
+
+Toda feature em `src/features/<nome>/` segue:
+
+```text
+<feature>/
+├── actions.ts        # entry point de Server Actions (barrel quando há actions/)
+├── queries.ts        # entry point de leitura do banco
+├── actions/          # (opcional) Server Actions divididas por domínio quando o volume cresce
+├── components/       # componentes de UI da feature
+├── hooks/            # React hooks específicos da feature
+└── lib/              # helpers, types, sub-queries e constantes internas
+```
+
+`actions.ts` e `queries.ts` são as portas de entrada da feature. Tudo que é helper interno fica em `lib/`. Componentes e hooks ficam nas pastas com nome óbvio.
+
+---
+
+## Import Patterns
+
+### Preferidos
+
+```ts
+import { getUser } from "@/shared/lib/auth/server";
+import { revalidateForEntity } from "@/shared/lib/actions/helpers";
+import { parsePeriodParam } from "@/shared/utils/period";
+import { TransactionsPage } from "@/features/transactions/components/page/transactions-page";
+import { fetchLancamentos } from "@/features/transactions/queries";
+```
+
+### Evitar
+
+```ts
+import { Something } from "@/components/...";
+import { Something } from "@/lib/...";
+import { something } from "@/app/(dashboard)/...";
+```
+
+---
+
+## App Router Pattern
+
+Paginas em `src/app/` devem ser finas:
+
+```ts
+import { getUser } from "@/shared/lib/auth/server";
+import { TransactionsPage } from "@/features/transactions/components/page/transactions-page";
+import { fetchLancamentos } from "@/features/transactions/queries";
+
+export default async function Page() {
+  const user = await getUser();
+  const data = await fetchLancamentos([/* filters */]);
+  return <TransactionsPage {...data} />;
+}
+```
+
+Layouts, `loading.tsx` e metadata continuam em `src/app/`.
+
+---
+
+## Naming
+
+### Routes / folders
+
+| Portugues | English |
+|---|---|
+| `lancamentos` | `transactions` |
+| `cartoes` | `cards` |
+| `contas` | `accounts` |
+| `categorias` | `categories` |
+| `orcamentos` | `budgets` |
+| `pessoas` | `payers` |
+
+> **Nota:** o conceito de "pagador" foi renomeado para **"pessoa"** na UI (labels, toasts, textos visíveis ao usuário). O código, rotas e schema continuam usando o termo original em inglês (`payer`, `payerId`, `adminPayerId`) e em português interno (`pagador` como variável). Não renomear esses identificadores — a divergência entre UI e código é intencional e documentada.
+| `anotacoes` | `notes` |
+| `calendario` | `calendar` |
+| `ajustes` | `settings` |
+| `pre-lancamentos` | `inbox` |
+| `relatorios/tendencias` | `reports/category-trends` |
+| `relatorios/uso-cartoes` | `reports/card-usage` |
+| `relatorios/analise-parcelas` | `reports/installment-analysis` |
+| `relatorios/estabelecimentos` | `reports/establishments` |
+| `contas/[contaId]/extrato` | `accounts/[accountId]/statement` |
+| `cartoes/[cartaoId]/fatura` | `cards/[cardId]/invoice` |
+| `categorias/historico` | `categories/history` |
+| `changelog` | `settings/changelog` |
+
+### Files
+
+- preferir `kebab-case`
+- preferir nomes em ingles
+- manter nomes internos de tipos/funcoes somente quando a troca aumentar risco sem ganho real
+
+---
+
+## Commands
+
+```bash
+pnpm run dev
+pnpm run build
+pnpm run lint
+pnpm run lint:fix
+pnpm exec next typegen
+pnpm exec tsc --noEmit
+pnpm run db:generate
+pnpm run db:push
+pnpm run db:studio
+pnpm run docker:up:db
+```
+
+---
+
+## Revalidation
+
+Arquivo: `src/shared/lib/actions/helpers.ts`
+
+- atualizar sempre os paths em ingles
+- lembrar de manter a tag `"dashboard"` para invalidacoes financeiras
+
+---
+
+## Auth
+
+- `getUser()` / `getUserId()` em `src/shared/lib/auth/server.ts`
+- sessao deduplicada por request com `React.cache()`
+
+---
+
+## Dashboard Fetcher
+
+Padrao recomendado:
+
+```ts
+import { getAdminPayerId } from "@/shared/lib/payers/get-admin-id";
+
+export async function fetchData(userId: string, period: string) {
+  const adminPayerId = await getAdminPayerId(userId);
+  if (!adminPayerId) return [];
+
+  return db.query.transactions.findMany({
+    where: /* sempre com userId + adminPayerId + period */,
+  });
+}
+```
+
+---
+
+## New Feature Checklist
+
+1. Criar a rota fina em `src/app/(dashboard)/<feature>/page.tsx`
+2. Criar a feature em `src/features/<feature>/`
+3. Separar:
+   - `components/`
+   - `queries.ts` (entry point de leitura)
+   - `actions.ts` (entry point de Server Actions; vira barrel quando crescer e migrar para `actions/`)
+   - `lib/` para helpers internos, sub-queries por tópico, types e constantes da feature
+   - `types.ts` ou `schemas.ts` quando fizer sentido (alternativa a `lib/`)
+   - `hooks/` quando houver hooks específicos da feature
+4. Extrair para `src/shared/` tudo que for reutilizavel
+5. Atualizar navegacao e `revalidateForEntity()` se a feature tiver CRUD
+6. Rodar:
+   - `pnpm exec next typegen`
+   - `pnpm exec tsc --noEmit`
+   - `pnpm run lint`
+
+---
+
+## Security Rules
+
+Regras aplicadas automaticamente ao gerar codigo.
+
+### Secrets
+Nunca colocar API keys, credenciais de banco ou tokens em codigo frontend. Evitar variaveis prefixadas com `NEXT_PUBLIC_` para dados sensiveis — estas sao bundladas no cliente. Usar variaveis server-side apenas. `.env` deve estar no `.gitignore` antes do primeiro commit. `.env.example` deve ter apenas placeholders.
+
+### Autenticacao & Autorizacao
+Toda rota protegida em `src/app/api/` requer `getUser()` ou `getOptionalUserSession()` antes de qualquer logica, retornando 401 para nao autenticados. Rotas com IDs de recursos devem verificar ownership: `eq(table.userId, userId)`. Rotas admin devem checar role e retornar 403 para nao-admins. Session cookies em Better Auth ja tem `httpOnly`, `secure` e `sameSite` configurados — nao alterar.
+
+### Input & Output
+Usar Drizzle ORM (parametrizado por padrao) — nunca concatenar input de usuario em SQL. Validar todo input com Zod antes de usar. Upload de arquivos: usar whitelist de MIME types (`ALLOWED_MIME_TYPES`), presigned URLs para S3, token de upload assinado com verificacao pos-upload. Nunca usar `dangerouslySetInnerHTML` com conteudo de usuario.
+
+### Headers & CSP
+CSP definida em `src/proxy.ts` via middleware — alterar la, nao em `next.config.ts`. Headers de seguranca (HSTS, X-Frame-Options, etc.) definidos em `next.config.ts`. Nao remover nem enfraquecer essas configuracoes.
+
+### Rate Limiting
+Login: 5 tentativas/min. Signup: 3 tentativas/min. API tokens: 100 req/min (inbox), 20 req/min (batch). Configurado em `src/shared/lib/auth/config.ts` e nas rotas de inbox. Nao remover.
+
+### Tratamento de Erros
+Erros nao devem expor stack traces, paths ou nomes de bibliotecas ao cliente. Usar mensagens genericas: `"Algo deu errado"`. Logar detalhes apenas no servidor com `console.error()`.
+
+### Dependencias
+Verificar pacotes novos sugeridos pela IA em npmjs.com antes de instalar. Red flags: menos de 1.000 downloads/semana, publicado nos ultimos 30 dias, nome muito parecido com pacote popular. Rodar `pnpm audit` periodicamente.
+
+---

CLAUDE.md

@@ -0,0 +1,366 @@
+# CLAUDE.md - OpenMonetis
+
+> Self-hosted personal finance app (Next.js 16, React 19, PostgreSQL, Drizzle ORM, Better Auth, Tailwind 4, shadcn/ui).
+> Portuguese UI, English folders/imports. Linter: Biome 2.x. Package manager: pnpm.
+
+## Related Projects
+
+- **OpenMonetis Companion** (`~/github/openmonetis-companion`): Android app que captura notificacoes de apps bancarios e envia para o OpenMonetis via API. Os itens chegam na feature `inbox` para revisao.
+
+---
+
+## Critical Rules
+
+1. **Sempre filtrar por `userId`** em queries.
+2. **Usar `getAdminPayerId(userId)`** de `src/shared/lib/payers/get-admin-id.ts` ao inves de JOIN com `payers` para descobrir o admin.
+3. **Periods** usam formato `YYYY-MM` (ex: `"2025-11"`). Utils em `src/shared/utils/period/`.
+4. **Moeda**: R$ com 2 decimais. DB: `numeric(12, 2)`. Utils em `src/shared/utils/currency.ts`.
+5. **Revalidation**: usar `revalidateForEntity("entity")` de `src/shared/lib/actions/helpers.ts` apos mutations.
+6. **Versionamento e publicação**: registrar mudancas no `CHANGELOG.md` seguindo Keep a Changelog, também alterar o `package.json` e o badge de versão do `README.md`. Cada versão deve ter um parágrafo introdutório em linguagem humana logo abaixo do cabeçalho `## [x.y.z]`, antes das seções `### Adicionado/Alterado/Removido` — descrevendo em prosa o que a versão representa (ex: "Esta versão foca em polimento visual e reorganização interna..."). A `main` executa somente a CI; imagens Docker e GitHub Releases são publicadas exclusivamente por tags SemVer no formato `vX.Y.Z`. Antes de criar a tag, confirmar que a CI da `main` passou e que tag, `package.json`, `CHANGELOG.md` e badge do `README.md` usam a mesma versão. A tag deve apontar para o commit validado. Criar ou enviar uma tag dispara publicação externa (`X.Y.Z`, `X.Y`, `X` e `latest` no Docker Hub, seguida da GitHub Release), portanto agentes nunca devem criar ou fazer push de tags sem autorização explícita do usuário. Quando o usuário pedir **"commit e push"** em uma mudança que prepara uma nova versão, isso conta como autorização explícita para executar o fluxo completo: commitar, enviar a `main`, aguardar a CI da `main` passar, criar a tag SemVer correspondente à versão preparada e enviar essa tag. Se não houver versão preparada ou se houver divergência entre `package.json`, `CHANGELOG.md`, badge do `README.md` e tag pretendida, parar e pedir confirmação. Não voltar a publicar `latest` diretamente de pushes na `main`.
+7. **Comunicacao**: responder em portugues clara e direta com o time.
+8. **Commit messages**: agrupar por natureza. em pt-br. seguindo o padrao do sistema.
+9. **README.md**: sempre que fizer alteracoes significativas, atualize o README.md.
+
+---
+
+## Architecture
+
+### Feature-First
+
+- `src/app/`: roteamento, layouts, loading states e paginas finas
+- `src/features/`: codigo de dominio por feature
+- `src/shared/`: tudo que e genuinamente reutilizado entre features
+- `src/db/`: schema do banco
+
+### Regra Feature vs Shared
+
+Use esta pergunta:
+
+> Se eu deletar esta feature, este arquivo deveria sumir junto?
+
+- Sim: vai para `src/features/<feature>/`
+- Nao: vai para `src/shared/`
+
+### Features nao importam outras features
+
+Se um contrato cruza dominios, ele deve morar em `src/shared/`.
+
+**Excecao intencional: `attachments` depende de `transactions`**
+
+`src/features/attachments` importa `TransactionDialog`, `TransactionDetailsDialog` e `TransactionItem` diretamente de `src/features/transactions`. Isso e uma dependencia explicita e aceita: anexos sao semanticamente uma extensao de lancamentos — existem por causa deles e nao fazem sentido sem esse contexto. Mover esses componentes para `shared/` seria errado (eles pertencem a transactions). Nao tratar isso como bug a corrigir.
+
+Exemplos comuns:
+
+- auth: `src/shared/lib/auth/*`
+- db: `src/shared/lib/db.ts`
+- revalidation helpers: `src/shared/lib/actions/*`
+- payers cross-domain helpers: `src/shared/lib/payers/*`
+- period/currency/date: `src/shared/utils/*`
+- shadcn/ui: `src/shared/components/ui/*`
+
+---
+
+## Directory Structure
+
+```text
+src/
+├── app/
+│   ├── (auth)/
+│   │   ├── login/page.tsx
+│   │   └── signup/page.tsx
+│   ├── (dashboard)/
+│   │   ├── dashboard/
+│   │   ├── transactions/
+│   │   ├── cards/
+│   │   │   └── [cardId]/invoice/
+│   │   ├── accounts/
+│   │   │   └── [accountId]/statement/
+│   │   ├── categories/
+│   │   │   ├── [categoryId]/
+│   │   │   └── history/
+│   │   ├── budgets/
+│   │   ├── payers/
+│   │   │   └── [payerId]/
+│   │   ├── notes/
+│   │   ├── insights/
+│   │   ├── calendar/
+│   │   ├── inbox/
+│   │   ├── attachments/
+│   │   ├── changelog/
+│   │   ├── reports/
+│   │   │   ├── category-trends/
+│   │   │   ├── card-usage/
+│   │   │   ├── installment-analysis/
+│   │   │   └── establishments/
+│   │   └── settings/
+│   ├── (landing-page)/
+│   ├── api/
+│   ├── globals.css
+│   └── layout.tsx
+├── features/                      # cada feature segue: actions.ts, queries.ts, actions/, components/, hooks/, lib/
+│   ├── auth/
+│   ├── landing/
+│   ├── dashboard/
+│   ├── transactions/
+│   ├── cards/
+│   ├── invoices/
+│   ├── accounts/
+│   ├── categories/
+│   ├── budgets/
+│   ├── payers/
+│   ├── notes/
+│   ├── insights/
+│   ├── calendar/
+│   ├── inbox/
+│   ├── attachments/
+│   ├── reports/
+│   └── settings/
+├── shared/
+│   ├── components/
+│   │   ├── ui/                # shadcn/ui primitives
+│   │   ├── navigation/        # navbar, sidebar, breadcrumbs
+│   │   ├── providers/         # React context providers
+│   │   ├── brand/             # logos do app (logo, logo-icon, logo-text)
+│   │   ├── widgets/           # widget-card, widget-empty-state, expandable-widget-card
+│   │   ├── feedback/          # empty-state, status-dot, payment-success
+│   │   ├── month-picker/
+│   │   ├── logo-picker/
+│   │   ├── calculator/
+│   │   ├── entity-avatar/
+│   │   └── skeletons/
+│   ├── hooks/
+│   ├── lib/
+│   │   ├── actions/
+│   │   ├── auth/
+│   │   ├── accounts/
+│   │   ├── cards/
+│   │   ├── calculator/
+│   │   ├── categories/
+│   │   ├── email/
+│   │   ├── import/
+│   │   ├── installments/
+│   │   ├── invoices/
+│   │   ├── logo/
+│   │   ├── notifications/
+│   │   ├── payers/
+│   │   ├── schemas/
+│   │   ├── storage/
+│   │   ├── transfers/
+│   │   ├── types/
+│   │   ├── version/
+│   │   └── db.ts
+│   └── utils/
+│       ├── period/
+│       ├── calculator.ts
+│       ├── calendar.ts
+│       ├── category-colors.ts
+│       ├── currency.ts
+│       ├── date.ts
+│       ├── export-branding.ts
+│       ├── fetch-json.ts
+│       ├── financial-dates.ts
+│       ├── icons.tsx
+│       ├── id.ts
+│       ├── initials.ts
+│       ├── math.ts
+│       ├── number.ts
+│       ├── percentage.ts
+│       ├── string.ts
+│       └── ui.ts
+└── db/
+    └── schema.ts
+```
+
+### Estrutura interna padrão de uma feature
+
+Toda feature em `src/features/<nome>/` segue:
+
+```text
+<feature>/
+├── actions.ts        # entry point de Server Actions (barrel quando há actions/)
+├── queries.ts        # entry point de leitura do banco
+├── actions/          # (opcional) Server Actions divididas por domínio quando o volume cresce
+├── components/       # componentes de UI da feature
+├── hooks/            # React hooks específicos da feature
+└── lib/              # helpers, types, sub-queries e constantes internas
+```
+
+`actions.ts` e `queries.ts` são as portas de entrada da feature. Tudo que é helper interno fica em `lib/`. Componentes e hooks ficam nas pastas com nome óbvio.
+
+---
+
+## Import Patterns
+
+### Preferidos
+
+```ts
+import { getUser } from "@/shared/lib/auth/server";
+import { revalidateForEntity } from "@/shared/lib/actions/helpers";
+import { parsePeriodParam } from "@/shared/utils/period";
+import { TransactionsPage } from "@/features/transactions/components/page/transactions-page";
+import { fetchLancamentos } from "@/features/transactions/queries";
+```
+
+### Evitar
+
+```ts
+import { Something } from "@/components/...";
+import { Something } from "@/lib/...";
+import { something } from "@/app/(dashboard)/...";
+```
+
+---
+
+## App Router Pattern
+
+Paginas em `src/app/` devem ser finas:
+
+```ts
+import { getUser } from "@/shared/lib/auth/server";
+import { TransactionsPage } from "@/features/transactions/components/page/transactions-page";
+import { fetchLancamentos } from "@/features/transactions/queries";
+
+export default async function Page() {
+  const user = await getUser();
+  const data = await fetchLancamentos([/* filters */]);
+  return <TransactionsPage {...data} />;
+}
+```
+
+Layouts, `loading.tsx` e metadata continuam em `src/app/`.
+
+---
+
+## Naming
+
+### Routes / folders
+
+| Portugues | English |
+|---|---|
+| `lancamentos` | `transactions` |
+| `cartoes` | `cards` |
+| `contas` | `accounts` |
+| `categorias` | `categories` |
+| `orcamentos` | `budgets` |
+| `pessoas` | `payers` |
+
+> **Nota:** o conceito de "pagador" foi renomeado para **"pessoa"** na UI (labels, toasts, textos visíveis ao usuário). O código, rotas e schema continuam usando o termo original em inglês (`payer`, `payerId`, `adminPayerId`) e em português interno (`pagador` como variável). Não renomear esses identificadores — a divergência entre UI e código é intencional e documentada.
+| `anotacoes` | `notes` |
+| `calendario` | `calendar` |
+| `ajustes` | `settings` |
+| `pre-lancamentos` | `inbox` |
+| `relatorios/tendencias` | `reports/category-trends` |
+| `relatorios/uso-cartoes` | `reports/card-usage` |
+| `relatorios/analise-parcelas` | `reports/installment-analysis` |
+| `relatorios/estabelecimentos` | `reports/establishments` |
+| `contas/[contaId]/extrato` | `accounts/[accountId]/statement` |
+| `cartoes/[cartaoId]/fatura` | `cards/[cardId]/invoice` |
+| `categorias/historico` | `categories/history` |
+| `changelog` | `settings/changelog` |
+
+### Files
+
+- preferir `kebab-case`
+- preferir nomes em ingles
+- manter nomes internos de tipos/funcoes somente quando a troca aumentar risco sem ganho real
+
+---
+
+## Commands
+
+```bash
+pnpm run dev
+pnpm run build
+pnpm run lint
+pnpm run lint:fix
+pnpm exec next typegen
+pnpm exec tsc --noEmit
+pnpm run db:generate
+pnpm run db:push
+pnpm run db:studio
+pnpm run docker:up:db
+```
+
+---
+
+## Revalidation
+
+Arquivo: `src/shared/lib/actions/helpers.ts`
+
+- atualizar sempre os paths em ingles
+- lembrar de manter a tag `"dashboard"` para invalidacoes financeiras
+
+---
+
+## Auth
+
+- `getUser()` / `getUserId()` em `src/shared/lib/auth/server.ts`
+- sessao deduplicada por request com `React.cache()`
+
+---
+
+## Dashboard Fetcher
+
+Padrao recomendado:
+
+```ts
+import { getAdminPayerId } from "@/shared/lib/payers/get-admin-id";
+
+export async function fetchData(userId: string, period: string) {
+  const adminPayerId = await getAdminPayerId(userId);
+  if (!adminPayerId) return [];
+
+  return db.query.transactions.findMany({
+    where: /* sempre com userId + adminPayerId + period */,
+  });
+}
+```
+
+---
+
+## New Feature Checklist
+
+1. Criar a rota fina em `src/app/(dashboard)/<feature>/page.tsx`
+2. Criar a feature em `src/features/<feature>/`
+3. Separar:
+   - `components/`
+   - `queries.ts` (entry point de leitura)
+   - `actions.ts` (entry point de Server Actions; vira barrel quando crescer e migrar para `actions/`)
+   - `lib/` para helpers internos, sub-queries por tópico, types e constantes da feature
+   - `types.ts` ou `schemas.ts` quando fizer sentido (alternativa a `lib/`)
+   - `hooks/` quando houver hooks específicos da feature
+4. Extrair para `src/shared/` tudo que for reutilizavel
+5. Atualizar navegacao e `revalidateForEntity()` se a feature tiver CRUD
+6. Rodar:
+   - `pnpm exec next typegen`
+   - `pnpm exec tsc --noEmit`
+   - `pnpm run lint`
+
+---
+
+## Security Rules
+
+Regras aplicadas automaticamente ao gerar codigo.
+
+### Secrets
+Nunca colocar API keys, credenciais de banco ou tokens em codigo frontend. Evitar variaveis prefixadas com `NEXT_PUBLIC_` para dados sensiveis — estas sao bundladas no cliente. Usar variaveis server-side apenas. `.env` deve estar no `.gitignore` antes do primeiro commit. `.env.example` deve ter apenas placeholders.
+
+### Autenticacao & Autorizacao
+Toda rota protegida em `src/app/api/` requer `getUser()` ou `getOptionalUserSession()` antes de qualquer logica, retornando 401 para nao autenticados. Rotas com IDs de recursos devem verificar ownership: `eq(table.userId, userId)`. Rotas admin devem checar role e retornar 403 para nao-admins. Session cookies em Better Auth ja tem `httpOnly`, `secure` e `sameSite` configurados — nao alterar.
+
+### Input & Output
+Usar Drizzle ORM (parametrizado por padrao) — nunca concatenar input de usuario em SQL. Validar todo input com Zod antes de usar. Upload de arquivos: usar whitelist de MIME types (`ALLOWED_MIME_TYPES`), presigned URLs para S3, token de upload assinado com verificacao pos-upload. Nunca usar `dangerouslySetInnerHTML` com conteudo de usuario.
+
+### Headers & CSP
+CSP definida em `src/proxy.ts` via middleware — alterar la, nao em `next.config.ts`. Headers de seguranca (HSTS, X-Frame-Options, etc.) definidos em `next.config.ts`. Nao remover nem enfraquecer essas configuracoes.
+
+### Rate Limiting
+Login: 5 tentativas/min. Signup: 3 tentativas/min. API tokens: 100 req/min (inbox), 20 req/min (batch). Configurado em `src/shared/lib/auth/config.ts` e nas rotas de inbox. Nao remover.
+
+### Tratamento de Erros
+Erros nao devem expor stack traces, paths ou nomes de bibliotecas ao cliente. Usar mensagens genericas: `"Algo deu errado"`. Logar detalhes apenas no servidor com `console.error()`.
+
+### Dependencias
+Verificar pacotes novos sugeridos pela IA em npmjs.com antes de instalar. Red flags: menos de 1.000 downloads/semana, publicado nos ultimos 30 dias, nome muito parecido com pacote popular. Rodar `pnpm audit` periodicamente.
+
+---

DESIGN.md

@@ -0,0 +1,178 @@
+# Design System do OpenMonetis
+
+Este documento descreve a identidade visual implementada no OpenMonetis. Ele deve
+ser usado como referência ao criar telas, revisar componentes e manter a
+experiência consistente entre dashboard, relatórios, formulários e landing page.
+
+## 1. Direção visual
+
+O OpenMonetis busca tornar a gestão financeira clara e acolhedora. A interface
+usa superfícies quentes, poucos elementos decorativos e uma cor laranja de
+destaque para orientar o olhar sem transformar toda ação em urgência.
+
+Princípios:
+
+- priorizar legibilidade e hierarquia em telas com muitos dados;
+- usar laranja para ações principais, seleção e foco;
+- manter superfícies leves no tema claro e contraste confortável no tema escuro;
+- aplicar cores semânticas para comunicar estado, não como decoração;
+- preservar espaço suficiente entre blocos para evitar ruído visual;
+- favorecer componentes responsivos e navegação acessível por teclado.
+
+## 2. Fonte de verdade
+
+Os tokens globais estão definidos em
+[`src/app/globals.css`](./src/app/globals.css). Componentes reutilizáveis ficam
+em [`src/shared/components/ui/`](./src/shared/components/ui/) e seguem o padrão
+do shadcn/ui com Radix UI e Tailwind CSS 4.
+
+Ao implementar uma tela:
+
+1. use classes semânticas como `bg-background`, `bg-card`, `text-foreground`,
+   `text-muted-foreground`, `border-border` e `ring-ring`;
+2. reutilize os componentes em `src/shared/components/ui/`;
+3. evite cores hexadecimais e valores arbitrários quando já existir um token;
+4. valide os dois temas antes de concluir a alteração.
+
+## 3. Cores
+
+A paleta é definida em OKLCH para manter uma percepção de contraste mais
+consistente. Não copie os valores para componentes: use os tokens semânticos.
+
+| Token | Papel |
+|---|---|
+| `background` | Fundo geral da aplicação |
+| `foreground` | Texto principal |
+| `card` / `card-foreground` | Cards e conteúdo em destaque |
+| `popover` / `popover-foreground` | Menus, popovers e overlays |
+| `primary` / `primary-foreground` | Ações principais, foco e seleção |
+| `secondary` / `secondary-foreground` | Ações secundárias e superfícies discretas |
+| `muted` / `muted-foreground` | Apoio visual, descrições e metadados |
+| `accent` / `accent-foreground` | Hover e seleção leve |
+| `success` | Confirmações, recebimentos e estados positivos |
+| `warning` | Atenção, vencimentos e estados intermediários |
+| `info` | Informações auxiliares |
+| `destructive` | Erros e ações destrutivas |
+| `border`, `input`, `ring` | Bordas, campos e foco |
+
+### Gráficos
+
+Gráficos usam `chart-1` a `chart-10`. Visualizações que precisam de uma escala
+sequencial quente podem usar `data-1` a `data-6`. A cor nunca deve ser o único
+meio de distinguir uma série: inclua legenda, rótulo ou tooltip.
+
+### Tema escuro
+
+O tema escuro redefine a mesma camada semântica dentro de `.dark`. Não crie uma
+segunda árvore de componentes para suportá-lo. Prefira tokens e, somente quando
+necessário, variantes Tailwind `dark:`.
+
+## 4. Tipografia
+
+A família principal é **Bricolage Grotesque**, carregada com `next/font` em
+[`public/fonts/font_index.ts`](./public/fonts/font_index.ts). Os pesos
+disponíveis são `500`, `600` e `700`, com fallback para Arial e fontes sans-serif
+do sistema.
+
+Diretrizes:
+
+- corpo e controles: `text-sm` ou `text-base`;
+- descrições e metadados: `text-sm text-muted-foreground`;
+- títulos de card: `text-base font-medium`;
+- títulos de modal: `text-lg font-semibold`;
+- títulos de página: hierarquia responsiva conforme a densidade da tela;
+- números financeiros: destaque por peso e alinhamento, sem depender apenas da
+  cor.
+
+## 5. Espaçamento, raio e elevação
+
+A escala base é de `0.25rem` (`4px`). Prefira a escala padrão do Tailwind para
+padding, gap e margens. O raio base é `0.7rem`, exposto pelas classes
+`rounded-sm`, `rounded-md`, `rounded-lg` e `rounded-xl`.
+
+Sombras também são tokens. Cards comuns usam `shadow-xs`; menus, tooltips e
+modais podem subir de nível conforme a necessidade. Evite adicionar sombra forte
+a cada bloco: bordas e diferença de superfície devem resolver a maior parte da
+hierarquia.
+
+## 6. Componentes
+
+### Botões
+
+Use [`Button`](./src/shared/components/ui/button.tsx) e suas variantes:
+
+| Variante | Uso |
+|---|---|
+| `default` | Ação principal da tela ou do fluxo |
+| `secondary` | Ação complementar |
+| `outline` | Ação neutra com contorno |
+| `ghost` | Ação discreta em barras e grupos |
+| `link` | Ação textual |
+| `destructive` | Exclusão ou operação irreversível |
+| `navbar` | Ferramentas da navegação superior |
+
+Não coloque duas ações `default` competindo na mesma região. Para ícones sem
+rótulo visível, inclua `aria-label` ou texto apenas para leitores de tela.
+
+### Cards
+
+Use [`Card`](./src/shared/components/ui/card.tsx) para agrupar informações
+relacionadas. O componente já define fundo, borda, sombra leve, raio e destaque
+de hover. Não transforme todo conteúdo em card: listas densas e tabelas podem
+usar uma única superfície.
+
+### Formulários
+
+Campos devem usar os componentes compartilhados, como `Input`, `Select`,
+`Checkbox`, `Switch` e `DatePicker`. Eles já aplicam foco com `ring`, estados
+desabilitados e integração visual com os temas. Sempre associe controles a
+`Label` e apresente erros próximos ao campo correspondente.
+
+### Diálogos
+
+Use [`Dialog`](./src/shared/components/ui/dialog.tsx) para tarefas focadas. Em
+mobile, o conteúdo respeita a largura disponível; em telas maiores, o modal pode
+ganhar mais espaço. Botões do rodapé devem preservar a ordem e a hierarquia da
+ação principal.
+
+### Feedback
+
+Use toast para retorno breve, `Alert` para contexto persistente e componentes em
+[`src/shared/components/feedback/`](./src/shared/components/feedback/) para
+estados vazios, status e confirmações. Textos visíveis ao usuário devem estar em
+português claro.
+
+## 7. Layout e navegação
+
+As páginas protegidas usam uma navbar fixa e um contêiner central com largura
+máxima `max-w-8xl`, padding lateral responsivo e espaçamento vertical enxuto. A
+navegação principal fica em
+[`src/shared/components/navigation/navbar/`](./src/shared/components/navigation/navbar/).
+
+Padrões:
+
+- telas do App Router devem continuar finas;
+- conteúdo principal começa abaixo da navbar fixa (`pt-16`);
+- use uma coluna em telas pequenas e expanda grids progressivamente;
+- tabelas e gráficos devem preservar leitura em viewport estreita;
+- ações essenciais precisam continuar alcançáveis por toque e teclado.
+
+## 8. Acessibilidade
+
+- mantenha foco visível com os tokens `ring`;
+- use HTML semântico antes de adicionar ARIA;
+- não comunique estado apenas por cor;
+- associe labels a inputs;
+- forneça nome acessível para botões de ícone;
+- confira contraste e navegação por teclado nos temas claro e escuro;
+- mantenha áreas de toque confortáveis em mobile.
+
+## 9. Checklist de revisão visual
+
+- O componente compartilhado existente foi reutilizado?
+- As cores usam tokens semânticos?
+- A tela funciona em tema claro e escuro?
+- O layout continua legível em mobile?
+- Foco, labels e nomes acessíveis estão presentes?
+- Estados vazio, carregando, erro e sucesso foram considerados?
+- Valores financeiros continuam fáceis de comparar?

Dockerfile

@@ -5,13 +5,16 @@
 # ============================================
 FROM node:22-alpine AS deps
 
-# Instalar pnpm globalmente
-RUN corepack enable && corepack prepare pnpm@latest --activate
+ARG PNPM_VERSION=11.1.3
+RUN corepack enable && corepack prepare pnpm@${PNPM_VERSION} --activate
 
 WORKDIR /app
 
 # Copiar apenas arquivos de dependências para aproveitar cache
-COPY package.json pnpm-lock.yaml* ./
+COPY package.json pnpm-lock.yaml* pnpm-workspace.yaml ./
+
+# Criar pasta public para o postinstall do pdfjs-dist
+RUN mkdir -p public
 
 # Instalar dependências (production + dev para o build)
 RUN pnpm install --frozen-lockfile
@@ -21,8 +24,8 @@ RUN pnpm install --frozen-lockfile
 # ============================================
 FROM node:22-alpine AS builder
 
-# Instalar pnpm globalmente
-RUN corepack enable && corepack prepare pnpm@latest --activate
+ARG PNPM_VERSION=11.1.3
+RUN corepack enable && corepack prepare pnpm@${PNPM_VERSION} --activate
 
 WORKDIR /app
 
@@ -32,13 +35,18 @@ COPY --from=deps /app/node_modules ./node_modules
 # Copiar todo o código fonte
 COPY . .
 
+# Garantir que o pdf.worker vem da versão instalada no stage 1, não do host
+COPY --from=deps /app/public/pdf.worker.min.mjs ./public/pdf.worker.min.mjs
+
 # Variáveis de ambiente necessárias para o build
-# DATABASE_URL será fornecida em runtime, mas precisa estar definida para validação
 ENV NEXT_TELEMETRY_DISABLED=1 \
     NODE_ENV=production
 
+# Nota: a integração Logo.dev não precisa mais de build args. O token
+# `LOGO_DEV_TOKEN` é lido em runtime no servidor — basta configurá-lo no
+# host (Coolify, Railway, etc.) junto com `LOGO_DEV_SECRET_KEY`.
+
 # Build da aplicação Next.js
-# Nota: Se houver erros de tipo, ajuste typescript.ignoreBuildErrors no next.config.ts
 RUN pnpm build
 
 # ============================================
@@ -46,8 +54,8 @@ RUN pnpm build
 # ============================================
 FROM node:22-alpine AS runner
 
-# Instalar pnpm globalmente
-RUN corepack enable && corepack prepare pnpm@latest --activate
+ARG PNPM_VERSION=11.1.3
+RUN corepack enable && corepack prepare pnpm@${PNPM_VERSION} --activate
 
 WORKDIR /app
 
@@ -55,22 +63,40 @@ WORKDIR /app
 RUN addgroup --system --gid 1001 nodejs && \
     adduser --system --uid 1001 nextjs
 
-# Copiar apenas arquivos necessários para produção
-COPY --from=builder /app/public ./public
-COPY --from=builder /app/package.json ./package.json
-COPY --from=builder /app/pnpm-lock.yaml ./pnpm-lock.yaml
+# Instalar deps do drizzle-kit em diretório separado ANTES de copiar o standalone
+# Isso evita que o pnpm install sobrescreva o node_modules do Next.js standalone
+COPY --from=builder /app/package.json /tmp/pkg.json
+RUN mkdir -p /app/migrate && \
+  node -e "\
+  const p=JSON.parse(require('fs').readFileSync('/tmp/pkg.json','utf8'));\
+  require('fs').writeFileSync('/app/migrate/package.json',JSON.stringify({\
+    name:'openmonetis-migrate',version:p.version,\
+    dependencies:{\
+      'drizzle-orm':p.dependencies['drizzle-orm'],\
+      'pg':p.dependencies['pg']\
+    },\
+    devDependencies:{'drizzle-kit':p.devDependencies['drizzle-kit']}\
+  }));" && \
+  cd /app/migrate && pnpm install --no-frozen-lockfile --ignore-scripts && \
+  chown -R nextjs:nodejs /app/migrate
 
-# Copiar arquivos de build do Next.js
+# Copiar apenas arquivos necessários para produção
+COPY --from=builder --chown=nextjs:nodejs /app/public ./public
+
+# Copiar arquivos de build do Next.js (inclui node_modules standalone com next)
 COPY --from=builder --chown=nextjs:nodejs /app/.next/standalone ./
 COPY --from=builder --chown=nextjs:nodejs /app/.next/static ./.next/static
 
 # Copiar arquivos do Drizzle (migrations e schema)
 COPY --from=builder --chown=nextjs:nodejs /app/drizzle ./drizzle
 COPY --from=builder --chown=nextjs:nodejs /app/drizzle.config.ts ./drizzle.config.ts
-COPY --from=builder --chown=nextjs:nodejs /app/db ./db
+COPY --from=builder --chown=nextjs:nodejs /app/src/db ./src/db
 
-# Copiar node_modules para ter drizzle-kit disponível para migrations
-COPY --from=builder --chown=nextjs:nodejs /app/node_modules ./node_modules
+# Copiar entrypoint de migrations
+COPY docker-entrypoint.sh ./
+RUN sed -i 's/\r$//' /app/docker-entrypoint.sh && \
+    chmod +x /app/docker-entrypoint.sh && \
+    chown nextjs:nodejs /app/docker-entrypoint.sh
 
 # Definir variáveis de ambiente de produção
 ENV NODE_ENV=production \
@@ -81,16 +107,13 @@ ENV NODE_ENV=production \
 # Expor porta
 EXPOSE 3000
 
-# Ajustar permissões para o usuário nextjs
-RUN chown -R nextjs:nodejs /app
-
 # Mudar para usuário não-root
 USER nextjs
 
 # Health check
 HEALTHCHECK --interval=30s --timeout=10s --start-period=40s --retries=3 \
-  CMD node -e "require('http').get('http://localhost:3000/api/health', (r) => {process.exit(r.statusCode === 200 ? 0 : 1)})" || exit 1
+  CMD wget --quiet --tries=1 --spider http://127.0.0.1:3000/api/health || exit 1
 
-# Comando de inicialização
-# Nota: Em produção com standalone build, o servidor é iniciado pelo arquivo server.js
+# Entrypoint: roda migrations e depois executa o CMD
+ENTRYPOINT ["/app/docker-entrypoint.sh"]
 CMD ["node", "server.js"]

README.md

@@ -1,15 +1,16 @@
 <p align="center">
-  <img src="./public/logo_small.png" alt="OpenMonetis Logo" height="80" />
+  <img src="./public/images/logo_small.svg" alt="OpenMonetis Logo" height="80" />
 </p>
 
 <p align="center">
   Projeto pessoal de gestão financeira. Self-hosted, manual e open source.
 </p>
 
-> **📢 Este projeto foi renomeado de OpenSheets para OpenMonetis.** Se você conhecia o projeto pelo nome anterior, é o mesmo — só mudou o nome!
+> **⚠️ Nota:** o OpenMonetis não está sendo encerrado, mas o desenvolvimento deve reduzir para quase zero daqui em diante. O app já cobre minhas demandas atuais de gerenciamento financeiro, então novas mudanças tendem a ser pontuais: correções, ajustes necessários e pequenas melhorias quando fizerem bastante sentido para meu uso.
 
-> **⚠️ Não há versão online hospedada.** Você precisa clonar o repositório e rodar localmente ou no seu próprio servidor.
+> **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.7.10-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/)
@@ -21,7 +22,7 @@
 ---
 
 <p align="center">
-  <img src="./public/dashboard-preview-light.webp" alt="Dashboard Preview" width="800" />
+  <img src="./public/images/dashboard-preview-light.png" alt="Dashboard Preview" width="800" />
 </p>
 
 ---
@@ -29,13 +30,19 @@
 ## 📖 Índice
 
 - [Sobre o Projeto](#-sobre-o-projeto)
-- [Início Rápido](#-início-rápido)
+- [Como rodar o OpenMonetis](#-como-rodar-o-openmonetis)
+  - [Perfil 1 — Usar](#perfil-1--usar-self-hosting)
+  - [Perfil 2 — Desenvolver](#perfil-2--desenvolver)
 - [Scripts Disponíveis](#-scripts-disponíveis)
 - [Docker](#-docker)
+- [Backup](#-backup)
+- [Storage S3 Compatível](#-storage-s3-compatível)
 - [Variáveis de Ambiente](#-variáveis-de-ambiente)
+- [Design System](#-design-system)
 - [Arquitetura](#-arquitetura)
 - [Contribuindo](#-contribuindo)
 - [Apoie o Projeto](#-apoie-o-projeto)
+- [Star History](#-star-history)
 - [Licença](#-licença)
 
 ---
@@ -52,99 +59,164 @@ A ideia é simples: ter um lugar onde consigo ver todas as minhas contas, cartõ
 
 **1. Não há versão hospedada online** — Este projeto é self-hosted. Você precisa rodar no seu próprio computador ou servidor.
 
-**2. Não há Open Finance** — Você precisa registrar manualmente suas transações.
+**2. Não há Open Finance** — Não há conexão automática com bancos. Você pode registrar transações manualmente, usar o app companion para capturar notificações bancárias ou importar extratos nos formatos OFX e XLS/XLSX.
 
 **3. Requer disciplina** — O OpenMonetis funciona melhor para quem tem disciplina de registrar os gastos regularmente, quer controle total sobre seus dados e gosta de entender exatamente onde o dinheiro está indo.
 
 ### Funcionalidades
 
-💰 **Contas e transações** — Contas bancárias, cartões, dinheiro. Receitas, despesas e transferências. Categorização, extratos detalhados e importação em massa.
+💰 **Contas e transações** — Contas bancárias, cartões, dinheiro. Receitas, despesas, rendimentos e transferências. Categorização, divisão de lançamentos entre várias pessoas, filtros combináveis com intervalo de datas, extratos detalhados com identificação visual clara da conta e importação de extratos OFX e XLS/XLSX com detecção automática de categoria.
 
-📊 **Dashboard e relatórios** — 20+ widgets interativos, gráficos de evolução, comparativos por categoria, tendências, uso de cartões, top estabelecimentos. Exportação em PDF e Excel.
+📊 **Dashboard e relatórios** — Widgets personalizáveis com listas consistentes, métricas com atalhos para lançamentos, gráficos de evolução, comparativos por categoria, tendências, uso de cartões, top estabelecimentos e navegação direta entre meses pelo seletor de período. Exportação em PDF e Excel.
 
-💳 **Faturas de cartão** — Acompanhe faturas por período, controle limites e vencimentos.
+💳 **Faturas de cartão** — Acompanhe faturas por período, controle limites e vencimentos com identificação visual mais clara do cartão.
 
 🎯 **Orçamentos** — Defina limites por categoria e acompanhe o progresso.
 
 💸 **Parcelamentos avançados** — Séries de parcelas, antecipação com cálculo de desconto, análise consolidada.
 
-🤖 **Insights com IA** — Análises geradas por Claude, GPT, Gemini ou OpenRouter. Insights personalizados e histórico salvo.
+🤖 **Insights com IA** — Análises geradas por Claude, GPT, Gemini, MiniMax, OpenRouter ou modelos locais via Ollama. Insights personalizados e histórico salvo.
 
 👥 **Gestão colaborativa** — Pagadores com permissões (admin/viewer), notificações automáticas por e-mail, códigos de compartilhamento.
 
-📝 **Anotações e tarefas** — Notas de texto, listas com checkboxes, sistema de arquivamento.
+📝 **Anotações e tarefas** — Notas de texto com anexos, listas com checkboxes e sistema de arquivamento.
 
 📅 **Calendário financeiro** — Visualize todos os lançamentos em um calendário mensal.
 
-📲 **OpenMonetis Companion** — App Android que captura notificações bancárias (Nubank, Itaú, Bradesco, Inter, C6 e outros) e envia como pré-lançamentos para revisão. [Repositório](https://github.com/felipegcoutinho/openmonetis-companion).
+📲 **OpenMonetis Companion** — App Android que captura notificações bancárias (Nubank, Itaú, Bradesco, Inter, C6 e outros) e envia automaticamente como pré-lançamentos para revisão — sem digitar nada. [Repositório](https://github.com/felipegcoutinho/openmonetis-companion).
 
-⚙️ **Personalização** — Tema dark/light, modo privacidade, fontes customizáveis, preferências por usuário.
+<p align="center">
+  <img src="./public/images/companion-preview-light.webp" alt="OpenMonetis Companion" width="300" height="600" />
+</p>
+
+⚙️ **Personalização** — Tema dark/light, modo privacidade, ordem das colunas, exibição de anotações, tamanho máximo de anexos, resumo opcional no modal de lançamento e changelog visual para acompanhar as novidades do app.
 
 ### Stack técnica
 
 - **Next.js** (App Router, Turbopack) + **React** + **TypeScript**
 - **PostgreSQL** + **Drizzle ORM**
-- **Better Auth** (email/senha + OAuth)
+- **Better Auth** (email/senha, OAuth, Passkeys/WebAuthn)
 - **shadcn/ui** (Radix UI) + **Tailwind CSS**
+- **Bricolage Grotesque** via `next/font`
 - **Docker** (multi-stage build)
 - **Biome** (linting + formatting)
-- **Vercel AI SDK** (Claude, GPT, Gemini, OpenRouter)
+- **Vercel AI SDK** (Claude, GPT, Gemini, MiniMax, OpenRouter, Ollama)
 
 ---
 
-## 🚀 Início Rápido
+## 🚀 Como rodar o OpenMonetis
 
-### Pré-requisitos
+Escolha o perfil que corresponde ao seu objetivo:
 
-- Node.js 22+ e pnpm
-- Docker e Docker Compose
+| | Perfil 1 — Usar | Perfil 2 — Desenvolver |
+|---|---|---|
+| **Objetivo** | Rodar o app pronto | Modificar o código |
+| **Clonar repositório** | Não | Sim |
+| **Node.js / pnpm** | Não | Sim (Node 22+) |
+| **Docker** | Sim | Sim |
+| **Como iniciar** | `docker compose up -d` | `pnpm docker:db` + `pnpm dev` |
+| **App roda em** | Container Docker | Host local (hot-reload) |
+| **Banco roda em** | Container Docker | Container Docker |
+| **`DATABASE_URL` (host)** | `db` (automático pelo compose) | `localhost` |
+| **Banco remoto (Supabase, Neon...)** | Sim (`docker compose up -d app`) | Sim (ajustar `DATABASE_URL`) |
+| **Como atualizar** | `pnpm docker:update` | `git pull` + `pnpm install` + `pnpm db:push` |
+| **Indicado para** | Self-hosting, VPS, servidor | Contribuidores, customizações |
 
-### Passo a Passo
+---
 
-1. **Clone e instale**
+### Perfil 1 — Usar (self-hosting)
 
-   ```bash
-   git clone https://github.com/felipegcoutinho/openmonetis.git
-   cd openmonetis
-   pnpm install
-   ```
+Só quer rodar o OpenMonetis. **Não precisa clonar o repositório nem instalar Node.js** — apenas Docker.
 
-2. **Configure o `.env`**
+```bash
+# 1. Baixe o compose
+curl -fsSL https://raw.githubusercontent.com/felipegcoutinho/openmonetis/main/docker-compose.yml -o docker-compose.yml
 
-   ```bash
-   cp .env.example .env
-   ```
+# 2. Crie um .env na mesma pasta.
+# .env mínimo recomendado para produção
+BETTER_AUTH_SECRET=gere-um-valor-com-openssl-rand-base64-32
+BETTER_AUTH_URL=http://seu-dominio.com
+DISABLE_SIGNUP=false # opcional: true bloqueia novos cadastros
 
-   Edite o `.env` com suas credenciais. O principal é o `DATABASE_URL` e o `BETTER_AUTH_SECRET`:
+# 3. Suba tudo
+docker compose up -d
+```
 
-   ```env
-   # Banco local (Docker): use host "localhost"
-   DATABASE_URL=postgresql://openmonetis:openmonetis_dev_password@localhost:5432/openmonetis_db
+Acesse em: `http://localhost:3000`
 
-   # Banco remoto (Supabase, Neon, etc): use a URL completa do provider
-   # DATABASE_URL=postgresql://user:password@host:5432/database?sslmode=require
+O banco sobe com credenciais padrão. Para personalizar (senha, Google OAuth, e-mail, IA...), crie um `.env` na mesma pasta **antes** de subir.
 
-   BETTER_AUTH_SECRET=seu-secret-aqui  # gere com: openssl rand -base64 32
-   BETTER_AUTH_URL=http://localhost:3000
-   ```
+Mais sobre .env em [Variáveis de Ambiente](#-variáveis-de-ambiente).
 
-3. **Suba o banco de dados** (pule se estiver usando banco remoto)
+**Banco remoto (Supabase, Neon, Railway...):** defina `DATABASE_URL` no `.env` e suba só o app:
 
-   ```bash
-   docker compose up db -d
-   pnpm db:enableExtensions
-   ```
+```bash
+docker compose up -d app
+```
 
-4. **Execute as migrations e inicie**
+**Não tem Docker instalado?** Em servidores Ubuntu 24.04 limpos, use o script de instalação:
 
-   ```bash
-   pnpm db:push
-   pnpm dev
-   ```
+```bash
+curl -fsSL https://raw.githubusercontent.com/felipegcoutinho/openmonetis/main/scripts/install-deps.sh -o install-deps.sh
+sudo sh install-deps.sh
+```
 
-5. Acesse `http://localhost:3000`
+> Ao final, faça **logout e login** para as permissões do grupo `docker` terem efeito.
 
-> **Docker completo** (app + banco em containers): use `pnpm docker:up` ao invés dos passos 3-4.
+#### Atualizando (Perfil 1)
+
+```bash
+pnpm docker:update
+# ou equivalente:
+docker compose pull && docker compose up -d
+```
+
+O schema do banco é aplicado automaticamente no startup — nenhum passo extra necessário.
+
+---
+
+### Perfil 2 — Desenvolver
+
+Quer modificar o código com hot-reload. O banco roda no Docker, o app roda direto no seu servidor.
+
+**Requisitos:** Docker + Node.js 22+ + pnpm
+
+```bash
+# 1. Clone o repositório
+git clone https://github.com/felipegcoutinho/openmonetis.git
+cd openmonetis
+
+# 2. Instale as dependências
+pnpm install
+
+# 3. Configure o ambiente
+cp .env.example .env
+# O DATABASE_URL já vem com host "localhost" (correto para dev local).
+# Edite o .env com suas configurações (BETTER_AUTH_SECRET, etc.)
+
+# 4. Suba o banco
+pnpm docker:db
+
+# 5. Aplique o schema no banco (apenas no primeiro setup)
+pnpm db:push
+
+# 6. Inicie o app com hot-reload
+pnpm dev
+```
+
+Acesse em: `http://localhost:3000`
+
+Toda vez que salvar um arquivo, o app atualiza automaticamente sem precisar reiniciar.
+
+#### Atualizando (Perfil 2)
+
+```bash
+git pull
+pnpm install        # instala dependências novas, se houver
+pnpm db:push        # aplica mudanças de schema, se houver
+```
+
+O `pnpm dev` já em execução detecta as mudanças de código automaticamente — não precisa reiniciar.
 
 ---
 
@@ -169,38 +241,57 @@ pnpm db:push          # Push schema direto (dev)
 pnpm db:studio        # Drizzle Studio (UI visual)
 ```
 
+### Utilitários
+
+```bash
+pnpm backup           # Backup completo do banco (ver seção Backup)
+```
+
 ### Docker
 
 ```bash
-pnpm docker:up        # Subir app + banco
-pnpm docker:up:d      # Subir em background
-pnpm docker:up:db     # Subir apenas o banco
-pnpm docker:down      # Parar containers
-pnpm docker:down:volumes  # Parar e remover volumes (⚠️ apaga dados!)
-pnpm docker:logs      # Logs em tempo real
-pnpm docker:restart   # Reiniciar
-pnpm docker:rebuild   # Rebuild completo
+pnpm docker:up      # Sobe app (Docker Hub) + banco em background
+pnpm docker:db      # Sobe apenas o banco em background (usar com pnpm dev)
+pnpm docker:down    # Para e remove os containers
+pnpm docker:logs    # Logs em tempo real (todos os containers)
+pnpm docker:update  # Atualiza para a imagem mais recente do Hub e reinicia
 ```
 
 ---
 
 ## 🐳 Docker
 
-O `Dockerfile` usa multi-stage build (deps → builder → runner) com imagem final ~200MB rodando como usuário não-root.
+O `Dockerfile` usa multi-stage build (deps → builder → runner) com imagem final ~200MB rodando como usuário não-root. Health checks configurados para ambos os serviços (PostgreSQL via `pg_isready`, app via `GET /api/health`).
 
-Health checks configurados para ambos os serviços (PostgreSQL via `pg_isready`, app via `GET /api/health`).
+### Self-hosting (recomendado)
+
+Baixe apenas o `docker-compose.yml` e suba tudo — sem clonar o repositório, sem instalar dependências:
+
+```bash
+curl -fsSL https://raw.githubusercontent.com/felipegcoutinho/openmonetis/main/docker-compose.yml -o docker-compose.yml
+docker compose up -d
+```
+
+As credenciais padrão do banco já estão configuradas. Para personalizar (senhas, opcionais), crie um `.env` na mesma pasta antes de subir — veja [Variáveis de Ambiente](#-variáveis-de-ambiente).
+
+### Banco remoto (Supabase, Neon, Railway...)
+
+Suba apenas o app e aponte para o banco externo via `DATABASE_URL` no `.env`:
+
+```bash
+docker compose up -d app
+```
 
 ### Comandos úteis
 
 ```bash
-docker compose exec app sh                                      # Shell da aplicação
+docker compose exec app sh                                       # Shell da aplicação
 docker compose exec db psql -U openmonetis -d openmonetis_db    # Shell do banco
 docker compose ps                                                # Status
-docker compose exec db pg_dump -U openmonetis openmonetis_db > backup.sql  # Backup
-docker compose exec -T db psql -U openmonetis -d openmonetis_db < backup.sql  # Restore
+pnpm backup                                                      # Backup (ver seção Backup)
 ```
 
-### Customizando Portas
+### Customizando portas
 
 ```env
 APP_PORT=3001   # Padrão: 3000
@@ -209,13 +300,142 @@ DB_PORT=5433    # Padrão: 5432
 
 ---
 
+## 💾 Backup
+
+O backup é uma rotina de infraestrutura — não é uma tela no app. Ele opera diretamente sobre o banco PostgreSQL e é executado via linha de comando.
+
+```bash
+pnpm backup
+```
+
+### O que é salvo
+
+Cada execução gera **3 arquivos** em `backup/`:
+
+| Arquivo | Conteúdo | Uso |
+|---|---|---|
+| `openmonetis_YYYY-MM-DD_HH-MM.dump` | Dump custom dos schemas `public` + `drizzle` | Restore completo via `pg_restore` |
+| `openmonetis_YYYY-MM-DD_HH-MM.sql.gz` | Dump SQL compactado dos schemas `public` + `drizzle` | Inspeção manual, portabilidade |
+| `openmonetis_YYYY-MM-DD_HH-MM.data.sql.gz` | Apenas os dados do schema `public` (sem DDL) | Migração parcial, seed de outro ambiente |
+
+### Modos de conexão
+
+Configure `DB_MODE` no topo de `scripts/backup.sh`:
+
+| Modo | Quando usar | Fonte de dados |
+|---|---|---|
+| `remote` (padrão) | Banco em Supabase, Neon, Railway, etc. | `DATABASE_URL` do `.env` |
+| `docker` | Banco no container local | Container `openmonetis_postgres` |
+
+### Upload para Google Drive (opcional)
+
+Se o [rclone](https://rclone.org/) estiver instalado e configurado com um remote chamado `gdrive`, os arquivos são enviados automaticamente para `gdrive:BACKUP OPENMONETIS`. Sem o rclone, o backup funciona normalmente e fica apenas local.
+
+**Retenção:**
+- Local: 7 dias
+- Google Drive: 30 dias
+
+### Automatizar com cron
+
+Para rodar o backup automaticamente todo dia às 3h:
+
+```bash
+crontab -e
+```
+
+```cron
+0 3 * * * cd /caminho/para/openmonetis && pnpm backup >> /var/log/openmonetis-backup.log 2>&1
+```
+
+### Restore
+
+```bash
+# 1. Zerar o banco
+docker exec <container-db> psql -U openmonetis -d openmonetis_db \
+  -c "DROP SCHEMA public CASCADE; CREATE SCHEMA public;"
+
+# 2. Restaurar schema + dados (um comando)
+docker exec -i <container-db> pg_restore \
+  -U openmonetis -d openmonetis_db \
+  --clean --if-exists --disable-triggers --no-owner --no-privileges \
+  < backup/openmonetis_YYYY-MM-DD_HH-MM.dump
+```
+
+> `--disable-triggers` é necessário para evitar erros de FK durante o restore (os dados são inseridos fora de ordem). O usuário `openmonetis` tem permissão para isso.
+
+---
+
+## ☁️ Storage S3 Compatível
+
+O suporte a anexos de lançamentos usa upload direto com URL pré-assinada. Essa configuração é opcional, mas passa a ser necessária se você quiser habilitar anexos no app.
+
+### Variáveis
+
+```env
+S3_ENDPOINT=
+S3_REGION=
+S3_ACCESS_KEY_ID=
+S3_SECRET_ACCESS_KEY=
+S3_BUCKET=
+```
+
+### Compatibilidade
+
+- O código atual espera um provider com API compatível com S3 e suporte a `PutObject`, `GetObject`, `HeadObject`, `DeleteObject` e URLs pré-assinadas.
+- A implementação usa `endpoint` customizado e `forcePathStyle: true` em [`src/shared/lib/storage/s3-client.ts`](./src/shared/lib/storage/s3-client.ts).
+- Em geral isso cobre MinIO, Cloudflare R2, Backblaze B2 S3-Compatible, DigitalOcean Spaces e AWS S3. Mas foi testado apenas no Supabase Storage.
+- Se o seu provider exigir `virtual-hosted-style` em vez de `path-style`, você vai precisar ajustar essa configuração antes de usar anexos.
+- Se as variáveis de S3 não forem configuradas, mantenha os anexos desabilitados no seu fluxo de uso.
+
+---
+
+## 🏷️ Logos de Estabelecimentos (Logo.dev)
+
+O app exibe logos automáticos de marcas na coluna de estabelecimentos nos lançamentos. A integração usa a [Logo.dev](https://www.logo.dev) e é opcional — sem ela, o app exibe as iniciais coloridas normalmente.
+
+### Variáveis
+
+```env
+LOGO_DEV_TOKEN=pk_...          # token público (obrigatório para exibir logos)
+LOGO_DEV_SECRET_KEY=sk_...     # chave secreta (obrigatório para o picker de busca)
+```
+
+> **Atualizando da v2.4.1 ou anterior:** a variável foi renomeada de `NEXT_PUBLIC_LOGO_DEV_TOKEN` para `LOGO_DEV_TOKEN`. Renomeie no seu `.env` (ou nas variáveis do Coolify/host) e remova o secret homônimo do GitHub Actions — ele não é mais usado. Não há outra etapa de migração.
+
+### Como configurar
+
+Ambas as variáveis são lidas em **runtime** pelo servidor Next.js. Não há mais nenhuma etapa no CI nem `--build-arg` no Docker.
+
+**Self-hosted via Docker Hub (Coolify, Railway, etc.):**
+
+1. Adicione `LOGO_DEV_TOKEN` e `LOGO_DEV_SECRET_KEY` nas variáveis de ambiente do host
+2. Reinicie o container — pronto
+
+**Desenvolvimento local:**
+
+Adicione as duas no `.env` e rode `pnpm dev`.
+
+### Como usar
+
+Após configurado, passe o mouse sobre o avatar de qualquer estabelecimento nos lançamentos — um ícone de lápis aparece. Clique para abrir o picker, busque pelo nome da marca e selecione o logo desejado. O mapeamento fica salvo por usuário no banco.
+
+### Arquitetura
+
+O token **nunca chega ao cliente**. O servidor constrói a URL `https://img.logo.dev/{domain}?token=...` nos endpoints `/api/logo/mapping` e `/api/logo/search`, e o cliente apenas consome a URL pronta. Um Context Provider (`LogoDevProvider`) propaga a flag `enabled` para os componentes que decidem se renderizam o picker.
+
+---
+
 ## 🔐 Variáveis de Ambiente
 
-Copie `.env.example` para `.env` e configure:
+**Perfil 2 (dev):** copie `.env.example` para `.env` — o `DATABASE_URL` já vem com `localhost`, pronto para uso com `pnpm dev`.
+
+**Perfil 1 (Docker):** não precisa definir `DATABASE_URL` — o compose já configura automaticamente com host `db`. Só defina se usar banco remoto (Supabase, Neon, etc.).
 
 ### Obrigatórias
 
 ```env
+# Perfil 2 (dev): host "localhost" — o banco roda em container, o app no host
+# Perfil 1 (Docker): não precisa definir — o compose usa "db" automaticamente
 DATABASE_URL=postgresql://openmonetis:openmonetis_dev_password@localhost:5432/openmonetis_db
 BETTER_AUTH_SECRET=seu-secret-aqui    # openssl rand -base64 32
 BETTER_AUTH_URL=http://localhost:3000
@@ -229,6 +449,19 @@ POSTGRES_USER=openmonetis
 POSTGRES_PASSWORD=openmonetis_dev_password
 POSTGRES_DB=openmonetis_db
 
+# Autenticação
+DISABLE_SIGNUP=false # true bloqueia novos cadastros
+AUTH_SESSION_EXPIRES_IN_DAYS=30 # duração de sessões persistentes
+AUTH_SESSION_UPDATE_AGE_HOURS=24 # frequência de renovação da sessão
+BETTER_AUTH_TRUSTED_ORIGINS= # origins adicionais confiáveis, separadas por vírgula
+
+# S3 Server (opcional, necessario para anexos)
+S3_ENDPOINT=
+S3_REGION=
+S3_ACCESS_KEY_ID=
+S3_SECRET_ACCESS_KEY=
+S3_BUCKET=
+
 # Multi-domínio (landing-only no domínio público)
 # PUBLIC_DOMAIN=openmonetis.com
 
@@ -244,42 +477,139 @@ RESEND_FROM_EMAIL=
 ANTHROPIC_API_KEY=
 OPENAI_API_KEY=
 GOOGLE_GENERATIVE_AI_API_KEY=
+MINIMAX_API_KEY=
 OPENROUTER_API_KEY=
+OLLAMA_BASE_URL=http://localhost:11434/v1
+OLLAMA_API_KEY=
+
+# Logo.dev (opcional, necessário para logos automáticos de estabelecimentos)
+# Ambas as variáveis são runtime — basta definir no host; nenhum build arg necessário.
+LOGO_DEV_TOKEN=
+LOGO_DEV_SECRET_KEY=
 ```
 
+### BETTER_AUTH_TRUSTED_ORIGINS
+
+Use `BETTER_AUTH_TRUSTED_ORIGINS` quando o OpenMonetis for acessado por uma URL diferente de `BETTER_AUTH_URL`, como Cloudflare Tunnel, reverse proxy, domínio local ou subdomínios temporários. Isso evita falhas de login como `Invalid origin` sem precisar alterar a imagem Docker.
+
+Informe apenas origins confiáveis, separadas por vírgula:
+
+```env
+BETTER_AUTH_URL=http://localhost:3000
+BETTER_AUTH_TRUSTED_ORIGINS=https://*.trycloudflare.com,https://openmonetis.seudominio.com
+```
+
+Para Google OAuth e outros callbacks externos, mantenha `BETTER_AUTH_URL` apontando para a URL pública/canônica configurada no provedor.
+
+### IA local com Ollama
+
+O provider Ollama permite gerar insights usando modelos locais. Instale e suba o Ollama no host onde o modelo ficará disponível:
+
+```bash
+ollama pull llama3.2
+ollama serve
+```
+
+Configure a URL OpenAI-compatible no `.env`:
+
+```env
+OLLAMA_BASE_URL=http://localhost:11434/v1
+# Opcional; normalmente o Ollama local não exige chave.
+OLLAMA_API_KEY=
+```
+
+Se o OpenMonetis estiver rodando dentro de um container Docker e o Ollama estiver no host, `localhost` aponta para o próprio container. Nesse caso, use uma URL acessível a partir do container, como `http://host.docker.internal:11434/v1` quando disponível, ou o endereço da rede Docker/host configurado no seu ambiente.
+
+---
+
+## 🎨 Design System
+
+O OpenMonetis usa uma identidade visual própria com superfícies quentes, laranja
+como cor de destaque, temas claro e escuro e tipografia Bricolage Grotesque. A
+interface é construída com tokens semânticos em OKLCH, Tailwind CSS 4 e
+componentes compartilhados baseados em shadcn/ui e Radix UI.
+
+As regras de cores, tipografia, componentes, responsividade e acessibilidade
+estão documentadas no [`DESIGN.md`](DESIGN.md). Use esse guia como referência ao
+criar telas ou alterar componentes visuais.
+
 ---
 
 ## 🏗️ Arquitetura
 
+O projeto segue arquitetura **feature-first** dentro de `src/`:
+
 ```
 openmonetis/
-├── app/                           # Next.js App Router
-│   ├── api/                       # API Routes (auth, health, inbox)
-│   ├── (auth)/                    # Login e cadastro
-│   ├── (dashboard)/               # Rotas protegidas
-│   └── (landing-page)/            # Página inicial pública
+├── src/
+│   ├── app/                       # Next.js App Router (rotas finas)
+│   │   ├── api/                   # API Routes (auth, health, inbox)
+│   │   ├── (auth)/                # Login e cadastro
+│   │   ├── (dashboard)/           # Rotas protegidas (transactions, cards, accounts, etc.)
+│   │   └── (landing-page)/        # Página inicial pública
+│   │
+│   ├── features/                  # Código de domínio por feature
+│   │   ├── dashboard/             # Widgets, queries e métricas
+│   │   ├── transactions/          # Lançamentos, ações em lote, exportação
+│   │   ├── cards/                 # Cartões de crédito
+│   │   ├── invoices/              # Faturas
+│   │   ├── accounts/              # Contas bancárias
+│   │   ├── categories/            # Categorias e histórico
+│   │   ├── budgets/               # Orçamentos
+│   │   ├── payers/                # Pagadores e compartilhamento
+│   │   ├── inbox/                 # Pré-lançamentos do Companion
+│   │   ├── insights/              # Análises com IA
+│   │   ├── reports/               # Relatórios e exportações
+│   │   ├── notes/                 # Anotações
+│   │   ├── calendar/              # Calendário financeiro
+│   │   ├── settings/              # Ajustes do usuário
+│   │   ├── landing/               # Landing page
+│   │   └── auth/                  # Formulários de autenticação
+│   │
+│   ├── shared/                    # Código reutilizado entre features
+│   │   ├── components/            # UI compartilhada
+│   │   │   ├── ui/                #   shadcn/ui primitives
+│   │   │   ├── navigation/        #   navbar, sidebar, breadcrumbs
+│   │   │   ├── brand/             #   logos do app
+│   │   │   ├── widgets/           #   widget-card e variantes
+│   │   │   ├── feedback/          #   empty-state, status-dot, payment-success
+│   │   │   ├── entity-avatar/     #   avatares de categoria/estabelecimento
+│   │   │   ├── month-picker/      #   seletor de período
+│   │   │   ├── logo-picker/       #   seletor de logos
+│   │   │   ├── calculator/        #   calculadora de cálculos rápidos
+│   │   │   ├── skeletons/         #   loading skeletons
+│   │   │   └── providers/         #   React context providers
+│   │   ├── hooks/                 # React hooks globais
+│   │   ├── lib/                   # Helpers de domínio (auth, db, payers, schemas, email...)
+│   │   └── utils/                 # Utilitários (currency, date, period, math, string...)
+│   │
+│   └── db/
+│       └── schema.ts              # Drizzle schema (fonte única de verdade)
 │
-├── components/                    # React Components (~200 arquivos)
-│   ├── ui/                        # shadcn/ui (40+ componentes)
-│   ├── dashboard/                 # Widgets do dashboard (20+)
-│   └── [feature]/                 # Componentes por feature
-│
-├── lib/                           # Lógica de negócio
-│   ├── auth/                      # Auth helpers
-│   ├── dashboard/                 # Fetchers do dashboard
-│   ├── actions/                   # Server Actions helpers
-│   ├── schemas/                   # Zod schemas
-│   └── utils/                     # Currency, date, period utils
-│
-├── db/schema.ts                   # Drizzle schema
-├── hooks/                         # React hooks customizados
-├── public/                        # Assets estáticos
-├── scripts/                       # Scripts utilitários
-├── Dockerfile                     # Multi-stage build
-├── docker-compose.yml             # Orquestração
+├── public/                        # Assets estáticos (imagens, logos, fontes)
+├── drizzle/                       # Migrations geradas
+├── scripts/                       # Scripts utilitários (migrations, dev)
+├── Dockerfile                     # Multi-stage build (~200MB, non-root)
+├── docker-compose.yml             # Orquestração app + PostgreSQL
 └── proxy.ts                       # Middleware (auth + multi-domínio)
 ```
 
+### Estrutura interna de uma feature
+
+Toda feature em `src/features/<nome>/` segue o mesmo padrão:
+
+```
+<feature>/
+├── actions.ts        # Server Actions (entry point — barrel re-export quando há actions/)
+├── queries.ts        # Funções de leitura do banco (entry point)
+├── actions/          # (opcional) Server Actions divididas por domínio quando o volume cresce
+├── components/       # Componentes de UI da feature
+├── hooks/            # React hooks específicos da feature
+└── lib/              # Helpers, types, sub-queries e constantes
+```
+
+A regra é: `actions.ts` e `queries.ts` são as portas de entrada da feature. Tudo que é helper interno fica em `lib/`. Componentes e hooks ficam nas pastas com nome óbvio.
+
 ---
 
 ## 🤝 Contribuindo
@@ -291,7 +621,18 @@ openmonetis/
 5. **Push:** `git push origin feature/minha-feature`
 6. Abra um **Pull Request**
 
-Use TypeScript, commits semânticos e documente features novas.
+Antes de começar, leia o [`CLAUDE.md`](CLAUDE.md) — ele documenta a arquitetura, convenções de nomenclatura, regras de queries e o checklist para novas features. Use TypeScript, commits semânticos e mantenha o `CHANGELOG.md` atualizado.
+
+### Publicando uma versão
+
+As validações rodam em pull requests e em cada push na `main`. A publicação só começa quando uma tag SemVer aponta para um commit validado e a versão da tag corresponde ao `package.json` e ao `CHANGELOG.md`.
+
+```bash
+git tag -a v2.7.10 -m "v2.7.10"
+git push origin v2.7.10
+```
+
+O workflow da tag valida o código, publica as imagens Docker versionadas e `latest` e, somente depois, cria a GitHub Release com as notas do changelog.
 
 ---
 
@@ -305,6 +646,18 @@ Outras formas de contribuir: ⭐ estrela no repo, reportar bugs, melhorar docs,
 
 ---
 
+## ⭐ Star History
+
+<a href="https://www.star-history.com/?repos=felipegcoutinho%2Fopenmonetis&type=date&legend=top-left">
+ <picture>
+   <source media="(prefers-color-scheme: dark)" srcset="https://api.star-history.com/chart?repos=felipegcoutinho/openmonetis&type=date&theme=dark&legend=top-left" />
+   <source media="(prefers-color-scheme: light)" srcset="https://api.star-history.com/chart?repos=felipegcoutinho/openmonetis&type=date&legend=top-left" />
+   <img alt="Star History Chart" src="https://api.star-history.com/chart?repos=felipegcoutinho/openmonetis&type=date&legend=top-left" />
+ </picture>
+</a>
+
+---
+
 ## 📄 Licença
 
 **Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International** (CC BY-NC-SA 4.0).
@@ -319,12 +672,6 @@ Para o texto legal completo, consulte o arquivo [LICENSE](LICENSE) ou visite [cr
 
 ---
 
-## 🙏 Agradecimentos
-
-[Next.js](https://nextjs.org/) · [Better Auth](https://better-auth.com/) · [Drizzle ORM](https://orm.drizzle.team/) · [shadcn/ui](https://ui.shadcn.com/) · [Biome](https://biomejs.dev/) · [Vercel](https://vercel.com/)
-
----
-
 **Desenvolvido por:** Felipe Coutinho — [@felipegcoutinho](https://github.com/felipegcoutinho)
 
 <div align="center">

app/(auth)/login/page.tsx

@@ -1,11 +0,0 @@
-import { LoginForm } from "@/components/auth/login-form";
-
-export default function LoginPage() {
-	return (
-		<div className="flex min-h-svh flex-col items-center justify-center p-6 md:p-10">
-			<div className="w-full max-w-sm md:max-w-4xl">
-				<LoginForm />
-			</div>
-		</div>
-	);
-}

app/(auth)/signup/page.tsx

@@ -1,11 +0,0 @@
-import { SignupForm } from "@/components/auth/signup-form";
-
-export default function Page() {
-	return (
-		<div className="flex min-h-svh flex-col items-center justify-center p-6 md:p-10">
-			<div className="w-full max-w-sm md:max-w-4xl">
-				<SignupForm />
-			</div>
-		</div>
-	);
-}

app/(dashboard)/ajustes/data.ts

@@ -1,85 +0,0 @@
-import { desc, eq } from "drizzle-orm";
-import { tokensApi } from "@/db/schema";
-import { db, schema } from "@/lib/db";
-import { type FontKey, normalizeFontKey } from "@/public/fonts/font_index";
-
-export interface UserPreferences {
-	disableMagnetlines: boolean;
-	extratoNoteAsColumn: boolean;
-	lancamentosColumnOrder: string[] | null;
-	systemFont: FontKey;
-	moneyFont: FontKey;
-}
-
-export interface ApiToken {
-	id: string;
-	name: string;
-	tokenPrefix: string;
-	lastUsedAt: Date | null;
-	lastUsedIp: string | null;
-	createdAt: Date;
-	expiresAt: Date | null;
-	revokedAt: Date | null;
-}
-
-export async function fetchAuthProvider(userId: string): Promise<string> {
-	const userAccount = await db.query.account.findFirst({
-		where: eq(schema.account.userId, userId),
-	});
-	return userAccount?.providerId || "credential";
-}
-
-export async function fetchUserPreferences(
-	userId: string,
-): Promise<UserPreferences | null> {
-	const result = await db
-		.select({
-			disableMagnetlines: schema.preferenciasUsuario.disableMagnetlines,
-			extratoNoteAsColumn: schema.preferenciasUsuario.extratoNoteAsColumn,
-			lancamentosColumnOrder: schema.preferenciasUsuario.lancamentosColumnOrder,
-			systemFont: schema.preferenciasUsuario.systemFont,
-			moneyFont: schema.preferenciasUsuario.moneyFont,
-		})
-		.from(schema.preferenciasUsuario)
-		.where(eq(schema.preferenciasUsuario.userId, userId))
-		.limit(1);
-
-	if (!result[0]) return null;
-
-	return {
-		...result[0],
-		systemFont: normalizeFontKey(result[0].systemFont),
-		moneyFont: normalizeFontKey(result[0].moneyFont),
-	};
-}
-
-export async function fetchApiTokens(userId: string): Promise<ApiToken[]> {
-	return db
-		.select({
-			id: tokensApi.id,
-			name: tokensApi.name,
-			tokenPrefix: tokensApi.tokenPrefix,
-			lastUsedAt: tokensApi.lastUsedAt,
-			lastUsedIp: tokensApi.lastUsedIp,
-			createdAt: tokensApi.createdAt,
-			expiresAt: tokensApi.expiresAt,
-			revokedAt: tokensApi.revokedAt,
-		})
-		.from(tokensApi)
-		.where(eq(tokensApi.userId, userId))
-		.orderBy(desc(tokensApi.createdAt));
-}
-
-export async function fetchAjustesPageData(userId: string) {
-	const [authProvider, userPreferences, userApiTokens] = await Promise.all([
-		fetchAuthProvider(userId),
-		fetchUserPreferences(userId),
-		fetchApiTokens(userId),
-	]);
-
-	return {
-		authProvider,
-		userPreferences,
-		userApiTokens,
-	};
-}

app/(dashboard)/anotacoes/data.ts

@@ -1,100 +0,0 @@
-import { and, eq } from "drizzle-orm";
-import { type Anotacao, anotacoes } from "@/db/schema";
-import { db } from "@/lib/db";
-
-export type Task = {
-	id: string;
-	text: string;
-	completed: boolean;
-};
-
-export type NoteData = {
-	id: string;
-	title: string;
-	description: string;
-	type: "nota" | "tarefa";
-	tasks?: Task[];
-	arquivada: boolean;
-	createdAt: string;
-};
-
-export async function fetchNotesForUser(userId: string): Promise<NoteData[]> {
-	const noteRows = await db.query.anotacoes.findMany({
-		where: and(eq(anotacoes.userId, userId), eq(anotacoes.arquivada, false)),
-		orderBy: (
-			note: typeof anotacoes.$inferSelect,
-			{ desc }: { desc: (field: unknown) => unknown },
-		) => [desc(note.createdAt)],
-	});
-
-	return noteRows.map((note: Anotacao) => {
-		let tasks: Task[] | undefined;
-
-		// Parse tasks if they exist
-		if (note.tasks) {
-			try {
-				tasks = JSON.parse(note.tasks);
-			} catch (error) {
-				console.error("Failed to parse tasks for note", note.id, error);
-				tasks = undefined;
-			}
-		}
-
-		return {
-			id: note.id,
-			title: (note.title ?? "").trim(),
-			description: (note.description ?? "").trim(),
-			type: (note.type ?? "nota") as "nota" | "tarefa",
-			tasks,
-			arquivada: note.arquivada,
-			createdAt: note.createdAt.toISOString(),
-		};
-	});
-}
-
-export async function fetchAllNotesForUser(
-	userId: string,
-): Promise<{ activeNotes: NoteData[]; archivedNotes: NoteData[] }> {
-	const [activeNotes, archivedNotes] = await Promise.all([
-		fetchNotesForUser(userId),
-		fetchArquivadasForUser(userId),
-	]);
-
-	return { activeNotes, archivedNotes };
-}
-
-export async function fetchArquivadasForUser(
-	userId: string,
-): Promise<NoteData[]> {
-	const noteRows = await db.query.anotacoes.findMany({
-		where: and(eq(anotacoes.userId, userId), eq(anotacoes.arquivada, true)),
-		orderBy: (
-			note: typeof anotacoes.$inferSelect,
-			{ desc }: { desc: (field: unknown) => unknown },
-		) => [desc(note.createdAt)],
-	});
-
-	return noteRows.map((note: Anotacao) => {
-		let tasks: Task[] | undefined;
-
-		// Parse tasks if they exist
-		if (note.tasks) {
-			try {
-				tasks = JSON.parse(note.tasks);
-			} catch (error) {
-				console.error("Failed to parse tasks for note", note.id, error);
-				tasks = undefined;
-			}
-		}
-
-		return {
-			id: note.id,
-			title: (note.title ?? "").trim(),
-			description: (note.description ?? "").trim(),
-			type: (note.type ?? "nota") as "nota" | "tarefa",
-			tasks,
-			arquivada: note.arquivada,
-			createdAt: note.createdAt.toISOString(),
-		};
-	});
-}

app/(dashboard)/anotacoes/page.tsx

@@ -1,14 +0,0 @@
-import { NotesPage } from "@/components/anotacoes/notes-page";
-import { getUserId } from "@/lib/auth/server";
-import { fetchAllNotesForUser } from "./data";
-
-export default async function Page() {
-	const userId = await getUserId();
-	const { activeNotes, archivedNotes } = await fetchAllNotesForUser(userId);
-
-	return (
-		<main className="flex flex-col items-start gap-6">
-			<NotesPage notes={activeNotes} archivedNotes={archivedNotes} />
-		</main>
-	);
-}

app/(dashboard)/calendario/data.ts

@@ -1,218 +0,0 @@
-import { and, eq, gte, lte, ne, or } from "drizzle-orm";
-import { getRecentEstablishmentsAction } from "@/app/(dashboard)/lancamentos/actions";
-import type {
-	CalendarData,
-	CalendarEvent,
-} from "@/components/calendario/types";
-import { cartoes, lancamentos } from "@/db/schema";
-import { db } from "@/lib/db";
-import {
-	buildOptionSets,
-	buildSluggedFilters,
-	fetchLancamentoFilterSources,
-	mapLancamentosData,
-} from "@/lib/lancamentos/page-helpers";
-import { PAGADOR_ROLE_ADMIN } from "@/lib/pagadores/constants";
-
-const PAYMENT_METHOD_BOLETO = "Boleto";
-const TRANSACTION_TYPE_TRANSFERENCIA = "Transferência";
-
-const toDateKey = (date: Date) => date.toISOString().slice(0, 10);
-
-const parsePeriod = (period: string) => {
-	const [yearStr, monthStr] = period.split("-");
-	const year = Number.parseInt(yearStr ?? "", 10);
-	const month = Number.parseInt(monthStr ?? "", 10);
-
-	if (Number.isNaN(year) || Number.isNaN(month) || month < 1 || month > 12) {
-		throw new Error(`Período inválido: ${period}`);
-	}
-
-	return { year, monthIndex: month - 1 };
-};
-
-const clampDayInMonth = (year: number, monthIndex: number, day: number) => {
-	const lastDay = new Date(Date.UTC(year, monthIndex + 1, 0)).getUTCDate();
-	if (day < 1) return 1;
-	if (day > lastDay) return lastDay;
-	return day;
-};
-
-const isWithinRange = (value: string | null, start: string, end: string) => {
-	if (!value) return false;
-	return value >= start && value <= end;
-};
-
-type FetchCalendarDataParams = {
-	userId: string;
-	period: string;
-};
-
-export const fetchCalendarData = async ({
-	userId,
-	period,
-}: FetchCalendarDataParams): Promise<CalendarData> => {
-	const { year, monthIndex } = parsePeriod(period);
-	const rangeStart = new Date(Date.UTC(year, monthIndex, 1));
-	const rangeEnd = new Date(Date.UTC(year, monthIndex + 1, 0));
-	const rangeStartKey = toDateKey(rangeStart);
-	const rangeEndKey = toDateKey(rangeEnd);
-
-	const [lancamentoRows, cardRows, filterSources] = await Promise.all([
-		db.query.lancamentos.findMany({
-			where: and(
-				eq(lancamentos.userId, userId),
-				ne(lancamentos.transactionType, TRANSACTION_TYPE_TRANSFERENCIA),
-				or(
-					// Lançamentos cuja data de compra esteja no período do calendário
-					and(
-						gte(lancamentos.purchaseDate, rangeStart),
-						lte(lancamentos.purchaseDate, rangeEnd),
-					),
-					// Boletos cuja data de vencimento esteja no período do calendário
-					and(
-						eq(lancamentos.paymentMethod, PAYMENT_METHOD_BOLETO),
-						gte(lancamentos.dueDate, rangeStart),
-						lte(lancamentos.dueDate, rangeEnd),
-					),
-					// Lançamentos de cartão do período (para calcular totais de vencimento)
-					and(
-						eq(lancamentos.period, period),
-						ne(lancamentos.paymentMethod, PAYMENT_METHOD_BOLETO),
-					),
-				),
-			),
-			with: {
-				pagador: true,
-				conta: true,
-				cartao: true,
-				categoria: true,
-			},
-		}),
-		db.query.cartoes.findMany({
-			where: eq(cartoes.userId, userId),
-		}),
-		fetchLancamentoFilterSources(userId),
-	]);
-
-	const lancamentosData = mapLancamentosData(lancamentoRows);
-	const events: CalendarEvent[] = [];
-
-	const cardTotals = new Map<string, number>();
-	for (const item of lancamentosData) {
-		if (
-			!item.cartaoId ||
-			item.period !== period ||
-			item.pagadorRole !== PAGADOR_ROLE_ADMIN
-		) {
-			continue;
-		}
-		const amount = Math.abs(item.amount ?? 0);
-		cardTotals.set(
-			item.cartaoId,
-			(cardTotals.get(item.cartaoId) ?? 0) + amount,
-		);
-	}
-
-	for (const item of lancamentosData) {
-		const isBoleto = item.paymentMethod === PAYMENT_METHOD_BOLETO;
-		const isAdminPagador = item.pagadorRole === PAGADOR_ROLE_ADMIN;
-
-		// Para boletos, exibir apenas na data de vencimento e apenas se for pagador admin
-		if (isBoleto) {
-			if (
-				isAdminPagador &&
-				item.dueDate &&
-				isWithinRange(item.dueDate, rangeStartKey, rangeEndKey)
-			) {
-				events.push({
-					id: `${item.id}:boleto`,
-					type: "boleto",
-					date: item.dueDate,
-					lancamento: item,
-				});
-			}
-		} else {
-			// Para outros tipos de lançamento, exibir na data de compra
-			if (!isAdminPagador) {
-				continue;
-			}
-			const purchaseDateKey = item.purchaseDate.slice(0, 10);
-			if (isWithinRange(purchaseDateKey, rangeStartKey, rangeEndKey)) {
-				events.push({
-					id: item.id,
-					type: "lancamento",
-					date: purchaseDateKey,
-					lancamento: item,
-				});
-			}
-		}
-	}
-
-	// Exibir vencimentos apenas de cartões com lançamentos do pagador admin
-	for (const card of cardRows) {
-		if (!cardTotals.has(card.id)) {
-			continue;
-		}
-
-		const dueDayNumber = Number.parseInt(card.dueDay ?? "", 10);
-		if (Number.isNaN(dueDayNumber)) {
-			continue;
-		}
-
-		const normalizedDay = clampDayInMonth(year, monthIndex, dueDayNumber);
-		const dueDateKey = toDateKey(
-			new Date(Date.UTC(year, monthIndex, normalizedDay)),
-		);
-
-		events.push({
-			id: `${card.id}:cartao`,
-			type: "cartao",
-			date: dueDateKey,
-			card: {
-				id: card.id,
-				name: card.name,
-				dueDay: card.dueDay,
-				closingDay: card.closingDay,
-				brand: card.brand ?? null,
-				status: card.status,
-				logo: card.logo ?? null,
-				totalDue: cardTotals.get(card.id) ?? null,
-			},
-		});
-	}
-
-	const typePriority: Record<CalendarEvent["type"], number> = {
-		lancamento: 0,
-		boleto: 1,
-		cartao: 2,
-	};
-
-	events.sort((a, b) => {
-		if (a.date === b.date) {
-			return typePriority[a.type] - typePriority[b.type];
-		}
-		return a.date.localeCompare(b.date);
-	});
-
-	const sluggedFilters = buildSluggedFilters(filterSources);
-	const optionSets = buildOptionSets({
-		...sluggedFilters,
-		pagadorRows: filterSources.pagadorRows,
-	});
-
-	const estabelecimentos = await getRecentEstablishmentsAction();
-
-	return {
-		events,
-		formOptions: {
-			pagadorOptions: optionSets.pagadorOptions,
-			splitPagadorOptions: optionSets.splitPagadorOptions,
-			defaultPagadorId: optionSets.defaultPagadorId,
-			contaOptions: optionSets.contaOptions,
-			cartaoOptions: optionSets.cartaoOptions,
-			categoriaOptions: optionSets.categoriaOptions,
-			estabelecimentos,
-		},
-	};
-};

app/(dashboard)/cartoes/[cartaoId]/fatura/actions.ts

@@ -1,292 +0,0 @@
-"use server";
-
-import { and, eq, sql } from "drizzle-orm";
-import { z } from "zod";
-import {
-	cartoes,
-	categorias,
-	faturas,
-	lancamentos,
-	pagadores,
-} from "@/db/schema";
-import { revalidateForEntity } from "@/lib/actions/helpers";
-import { getUser } from "@/lib/auth/server";
-import { buildInvoicePaymentNote } from "@/lib/contas/constants";
-import { db } from "@/lib/db";
-import {
-	INVOICE_PAYMENT_STATUS,
-	INVOICE_STATUS_VALUES,
-	type InvoicePaymentStatus,
-	PERIOD_FORMAT_REGEX,
-} from "@/lib/faturas";
-import { PAGADOR_ROLE_ADMIN } from "@/lib/pagadores/constants";
-import { parseLocalDateString } from "@/lib/utils/date";
-
-const updateInvoicePaymentStatusSchema = z.object({
-	cartaoId: z.string({ message: "Cartão inválido." }).uuid("Cartão inválido."),
-	period: z
-		.string({ message: "Período inválido." })
-		.regex(PERIOD_FORMAT_REGEX, "Período inválido."),
-	status: z.enum(
-		INVOICE_STATUS_VALUES as [InvoicePaymentStatus, ...InvoicePaymentStatus[]],
-	),
-	paymentDate: z.string().optional(),
-});
-
-type UpdateInvoicePaymentStatusInput = z.infer<
-	typeof updateInvoicePaymentStatusSchema
->;
-
-type ActionResult =
-	| { success: true; message: string }
-	| { success: false; error: string };
-
-const successMessageByStatus: Record<InvoicePaymentStatus, string> = {
-	[INVOICE_PAYMENT_STATUS.PAID]: "Fatura marcada como paga.",
-	[INVOICE_PAYMENT_STATUS.PENDING]: "Pagamento da fatura foi revertido.",
-};
-
-const formatDecimal = (value: number) =>
-	(Math.round(value * 100) / 100).toFixed(2);
-
-export async function updateInvoicePaymentStatusAction(
-	input: UpdateInvoicePaymentStatusInput,
-): Promise<ActionResult> {
-	try {
-		const user = await getUser();
-		const data = updateInvoicePaymentStatusSchema.parse(input);
-
-		await db.transaction(async (tx: typeof db) => {
-			const card = await tx.query.cartoes.findFirst({
-				columns: { id: true, contaId: true, name: true },
-				where: and(eq(cartoes.id, data.cartaoId), eq(cartoes.userId, user.id)),
-			});
-
-			if (!card) {
-				throw new Error("Cartão não encontrado.");
-			}
-
-			const existingInvoice = await tx.query.faturas.findFirst({
-				columns: {
-					id: true,
-				},
-				where: and(
-					eq(faturas.cartaoId, data.cartaoId),
-					eq(faturas.userId, user.id),
-					eq(faturas.period, data.period),
-				),
-			});
-
-			if (existingInvoice) {
-				await tx
-					.update(faturas)
-					.set({
-						paymentStatus: data.status,
-					})
-					.where(eq(faturas.id, existingInvoice.id));
-			} else {
-				await tx.insert(faturas).values({
-					cartaoId: data.cartaoId,
-					period: data.period,
-					paymentStatus: data.status,
-					userId: user.id,
-				});
-			}
-
-			const shouldMarkAsPaid = data.status === INVOICE_PAYMENT_STATUS.PAID;
-
-			await tx
-				.update(lancamentos)
-				.set({ isSettled: shouldMarkAsPaid })
-				.where(
-					and(
-						eq(lancamentos.userId, user.id),
-						eq(lancamentos.cartaoId, card.id),
-						eq(lancamentos.period, data.period),
-					),
-				);
-
-			const invoiceNote = buildInvoicePaymentNote(card.id, data.period);
-
-			if (shouldMarkAsPaid) {
-				const [adminShareRow] = await tx
-					.select({
-						total: sql<number>`
-              coalesce(
-                sum(
-                  case
-                    when ${lancamentos.transactionType} = 'Despesa' then ${lancamentos.amount}
-                    else 0
-                  end
-                ),
-                0
-              )
-            `,
-					})
-					.from(lancamentos)
-					.leftJoin(pagadores, eq(lancamentos.pagadorId, pagadores.id))
-					.where(
-						and(
-							eq(lancamentos.userId, user.id),
-							eq(lancamentos.cartaoId, card.id),
-							eq(lancamentos.period, data.period),
-							eq(pagadores.role, PAGADOR_ROLE_ADMIN),
-						),
-					);
-
-				const adminShare = Math.abs(Number(adminShareRow?.total ?? 0));
-
-				if (adminShare > 0 && card.contaId) {
-					const adminPagador = await tx.query.pagadores.findFirst({
-						columns: { id: true },
-						where: and(
-							eq(pagadores.userId, user.id),
-							eq(pagadores.role, PAGADOR_ROLE_ADMIN),
-						),
-					});
-
-					const paymentCategory = await tx.query.categorias.findFirst({
-						columns: { id: true },
-						where: and(
-							eq(categorias.userId, user.id),
-							eq(categorias.name, "Pagamentos"),
-						),
-					});
-
-					if (adminPagador) {
-						// Usar a data customizada ou a data atual como data de pagamento
-						const invoiceDate = data.paymentDate
-							? parseLocalDateString(data.paymentDate)
-							: new Date();
-
-						const amount = `-${formatDecimal(adminShare)}`;
-						const payload = {
-							condition: "À vista",
-							name: `Pagamento fatura - ${card.name}`,
-							paymentMethod: "Pix",
-							note: invoiceNote,
-							amount,
-							purchaseDate: invoiceDate,
-							transactionType: "Despesa" as const,
-							period: data.period,
-							isSettled: true,
-							userId: user.id,
-							contaId: card.contaId,
-							categoriaId: paymentCategory?.id ?? null,
-							pagadorId: adminPagador.id,
-						};
-
-						const existingPayment = await tx.query.lancamentos.findFirst({
-							columns: { id: true },
-							where: and(
-								eq(lancamentos.userId, user.id),
-								eq(lancamentos.note, invoiceNote),
-							),
-						});
-
-						if (existingPayment) {
-							await tx
-								.update(lancamentos)
-								.set(payload)
-								.where(eq(lancamentos.id, existingPayment.id));
-						} else {
-							await tx.insert(lancamentos).values(payload);
-						}
-					}
-				}
-			} else {
-				await tx
-					.delete(lancamentos)
-					.where(
-						and(
-							eq(lancamentos.userId, user.id),
-							eq(lancamentos.note, invoiceNote),
-						),
-					);
-			}
-		});
-
-		revalidateForEntity("cartoes");
-
-		return { success: true, message: successMessageByStatus[data.status] };
-	} catch (error) {
-		if (error instanceof z.ZodError) {
-			return {
-				success: false,
-				error: error.issues[0]?.message ?? "Dados inválidos.",
-			};
-		}
-
-		return {
-			success: false,
-			error: error instanceof Error ? error.message : "Erro inesperado.",
-		};
-	}
-}
-
-const updatePaymentDateSchema = z.object({
-	cartaoId: z.string({ message: "Cartão inválido." }).uuid("Cartão inválido."),
-	period: z
-		.string({ message: "Período inválido." })
-		.regex(PERIOD_FORMAT_REGEX, "Período inválido."),
-	paymentDate: z.string({ message: "Data de pagamento inválida." }),
-});
-
-type UpdatePaymentDateInput = z.infer<typeof updatePaymentDateSchema>;
-
-export async function updatePaymentDateAction(
-	input: UpdatePaymentDateInput,
-): Promise<ActionResult> {
-	try {
-		const user = await getUser();
-		const data = updatePaymentDateSchema.parse(input);
-
-		await db.transaction(async (tx: typeof db) => {
-			const card = await tx.query.cartoes.findFirst({
-				columns: { id: true },
-				where: and(eq(cartoes.id, data.cartaoId), eq(cartoes.userId, user.id)),
-			});
-
-			if (!card) {
-				throw new Error("Cartão não encontrado.");
-			}
-
-			const invoiceNote = buildInvoicePaymentNote(card.id, data.period);
-
-			const existingPayment = await tx.query.lancamentos.findFirst({
-				columns: { id: true },
-				where: and(
-					eq(lancamentos.userId, user.id),
-					eq(lancamentos.note, invoiceNote),
-				),
-			});
-
-			if (!existingPayment) {
-				throw new Error("Pagamento não encontrado.");
-			}
-
-			await tx
-				.update(lancamentos)
-				.set({
-					purchaseDate: parseLocalDateString(data.paymentDate),
-				})
-				.where(eq(lancamentos.id, existingPayment.id));
-		});
-
-		revalidateForEntity("cartoes");
-
-		return { success: true, message: "Data de pagamento atualizada." };
-	} catch (error) {
-		if (error instanceof z.ZodError) {
-			return {
-				success: false,
-				error: error.issues[0]?.message ?? "Dados inválidos.",
-			};
-		}
-
-		return {
-			success: false,
-			error: error instanceof Error ? error.message : "Erro inesperado.",
-		};
-	}
-}

app/(dashboard)/cartoes/[cartaoId]/fatura/page.tsx

@@ -1,202 +0,0 @@
-import { RiPencilLine } from "@remixicon/react";
-import { notFound } from "next/navigation";
-import { fetchUserPreferences } from "@/app/(dashboard)/ajustes/data";
-import { getRecentEstablishmentsAction } from "@/app/(dashboard)/lancamentos/actions";
-import { CardDialog } from "@/components/cartoes/card-dialog";
-import type { Card } from "@/components/cartoes/types";
-import { InvoiceSummaryCard } from "@/components/faturas/invoice-summary-card";
-import { LancamentosPage as LancamentosSection } from "@/components/lancamentos/page/lancamentos-page";
-import MonthNavigation from "@/components/month-picker/month-navigation";
-import { Button } from "@/components/ui/button";
-import type { Conta } from "@/db/schema";
-import { getUserId } from "@/lib/auth/server";
-import {
-	buildLancamentoWhere,
-	buildOptionSets,
-	buildSluggedFilters,
-	buildSlugMaps,
-	extractLancamentoSearchFilters,
-	fetchLancamentoFilterSources,
-	getSingleParam,
-	mapLancamentosData,
-	type ResolvedSearchParams,
-} from "@/lib/lancamentos/page-helpers";
-import { loadLogoOptions } from "@/lib/logo/options";
-import { parsePeriodParam } from "@/lib/utils/period";
-import { fetchCardData, fetchCardLancamentos, fetchInvoiceData } from "./data";
-
-type PageSearchParams = Promise<ResolvedSearchParams>;
-
-type PageProps = {
-	params: Promise<{ cartaoId: string }>;
-	searchParams?: PageSearchParams;
-};
-
-export default async function Page({ params, searchParams }: PageProps) {
-	const { cartaoId } = await params;
-	const userId = await getUserId();
-	const resolvedSearchParams = searchParams ? await searchParams : undefined;
-
-	const periodoParamRaw = getSingleParam(resolvedSearchParams, "periodo");
-	const {
-		period: selectedPeriod,
-		monthName,
-		year,
-	} = parsePeriodParam(periodoParamRaw);
-
-	const searchFilters = extractLancamentoSearchFilters(resolvedSearchParams);
-
-	const card = await fetchCardData(userId, cartaoId);
-
-	if (!card) {
-		notFound();
-	}
-
-	const [
-		filterSources,
-		logoOptions,
-		invoiceData,
-		estabelecimentos,
-		userPreferences,
-	] = await Promise.all([
-		fetchLancamentoFilterSources(userId),
-		loadLogoOptions(),
-		fetchInvoiceData(userId, cartaoId, selectedPeriod),
-		getRecentEstablishmentsAction(),
-		fetchUserPreferences(userId),
-	]);
-	const sluggedFilters = buildSluggedFilters(filterSources);
-	const slugMaps = buildSlugMaps(sluggedFilters);
-
-	const filters = buildLancamentoWhere({
-		userId,
-		period: selectedPeriod,
-		filters: searchFilters,
-		slugMaps,
-		cardId: card.id,
-	});
-
-	const lancamentoRows = await fetchCardLancamentos(filters);
-
-	const lancamentosData = mapLancamentosData(lancamentoRows);
-
-	const {
-		pagadorOptions,
-		splitPagadorOptions,
-		defaultPagadorId,
-		contaOptions,
-		cartaoOptions,
-		categoriaOptions,
-		pagadorFilterOptions,
-		categoriaFilterOptions,
-		contaCartaoFilterOptions,
-	} = buildOptionSets({
-		...sluggedFilters,
-		pagadorRows: filterSources.pagadorRows,
-		limitCartaoId: card.id,
-	});
-
-	const accountOptions = filterSources.contaRows.map((conta: Conta) => ({
-		id: conta.id,
-		name: conta.name ?? "Conta",
-	}));
-
-	const contaName =
-		filterSources.contaRows.find((conta: Conta) => conta.id === card.contaId)
-			?.name ?? "Conta";
-
-	const cardDialogData: Card = {
-		id: card.id,
-		name: card.name,
-		brand: card.brand ?? "",
-		status: card.status ?? "",
-		closingDay: card.closingDay,
-		dueDay: card.dueDay,
-		note: card.note ?? null,
-		logo: card.logo,
-		limit:
-			card.limit !== null && card.limit !== undefined
-				? Number(card.limit)
-				: null,
-		contaId: card.contaId,
-		contaName,
-		limitInUse: null,
-		limitAvailable: null,
-	};
-
-	const { totalAmount, invoiceStatus, paymentDate } = invoiceData;
-	const limitAmount =
-		card.limit !== null && card.limit !== undefined ? Number(card.limit) : null;
-
-	const periodLabel = `${monthName.charAt(0).toUpperCase()}${monthName.slice(
-		1,
-	)} de ${year}`;
-
-	return (
-		<main className="flex flex-col gap-6">
-			<MonthNavigation />
-
-			<section className="flex flex-col gap-4">
-				<InvoiceSummaryCard
-					cartaoId={card.id}
-					period={selectedPeriod}
-					cardName={card.name}
-					cardBrand={card.brand ?? null}
-					cardStatus={card.status ?? null}
-					closingDay={card.closingDay}
-					dueDay={card.dueDay}
-					periodLabel={periodLabel}
-					totalAmount={totalAmount}
-					limitAmount={limitAmount}
-					invoiceStatus={invoiceStatus}
-					paymentDate={paymentDate}
-					logo={card.logo}
-					actions={
-						<CardDialog
-							mode="update"
-							card={cardDialogData}
-							logoOptions={logoOptions}
-							accounts={accountOptions}
-							trigger={
-								<Button
-									type="button"
-									variant="ghost"
-									size="icon-sm"
-									className="text-muted-foreground hover:text-foreground"
-									aria-label="Editar cartão"
-								>
-									<RiPencilLine className="size-4" />
-								</Button>
-							}
-						/>
-					}
-				/>
-			</section>
-
-			<section className="flex flex-col gap-4">
-				<LancamentosSection
-					currentUserId={userId}
-					lancamentos={lancamentosData}
-					pagadorOptions={pagadorOptions}
-					splitPagadorOptions={splitPagadorOptions}
-					defaultPagadorId={defaultPagadorId}
-					contaOptions={contaOptions}
-					cartaoOptions={cartaoOptions}
-					categoriaOptions={categoriaOptions}
-					pagadorFilterOptions={pagadorFilterOptions}
-					categoriaFilterOptions={categoriaFilterOptions}
-					contaCartaoFilterOptions={contaCartaoFilterOptions}
-					selectedPeriod={selectedPeriod}
-					estabelecimentos={estabelecimentos}
-					allowCreate
-					noteAsColumn={userPreferences?.extratoNoteAsColumn ?? false}
-					columnOrder={userPreferences?.lancamentosColumnOrder ?? null}
-					defaultCartaoId={card.id}
-					defaultPaymentMethod="Cartão de crédito"
-					lockCartaoSelection
-					lockPaymentMethod
-				/>
-			</section>
-		</main>
-	);
-}

app/(dashboard)/cartoes/data.ts

@@ -1,242 +0,0 @@
-import { and, eq, ilike, isNull, ne, not, or, sql } from "drizzle-orm";
-import { cartoes, contas, lancamentos } from "@/db/schema";
-import { db } from "@/lib/db";
-import { loadLogoOptions } from "@/lib/logo/options";
-
-export type CardData = {
-	id: string;
-	name: string;
-	brand: string | null;
-	status: string | null;
-	closingDay: number;
-	dueDay: number;
-	note: string | null;
-	logo: string | null;
-	limit: number | null;
-	limitInUse: number;
-	limitAvailable: number | null;
-	contaId: string;
-	contaName: string;
-};
-
-export type AccountSimple = {
-	id: string;
-	name: string;
-	logo: string | null;
-};
-
-export async function fetchCardsForUser(userId: string): Promise<{
-	cards: CardData[];
-	accounts: AccountSimple[];
-	logoOptions: LogoOption[];
-}> {
-	const [cardRows, accountRows, logoOptions, usageRows] = await Promise.all([
-		db.query.cartoes.findMany({
-			orderBy: (
-				card: typeof cartoes.$inferSelect,
-				{ desc }: { desc: (field: unknown) => unknown },
-			) => [desc(card.name)],
-			where: and(
-				eq(cartoes.userId, userId),
-				not(ilike(cartoes.status, "inativo")),
-			),
-			with: {
-				conta: {
-					columns: {
-						id: true,
-						name: true,
-					},
-				},
-			},
-		}),
-		db.query.contas.findMany({
-			orderBy: (
-				account: typeof contas.$inferSelect,
-				{ desc }: { desc: (field: unknown) => unknown },
-			) => [desc(account.name)],
-			where: eq(contas.userId, userId),
-			columns: {
-				id: true,
-				name: true,
-				logo: true,
-			},
-		}),
-		loadLogoOptions(),
-		db
-			.select({
-				cartaoId: lancamentos.cartaoId,
-				total: sql<number>`coalesce(sum(${lancamentos.amount}), 0)`,
-			})
-			.from(lancamentos)
-			.where(
-				and(
-					eq(lancamentos.userId, userId),
-					or(isNull(lancamentos.isSettled), eq(lancamentos.isSettled, false)),
-					// Recorrente no cartão: só consome limite quando a data da ocorrência já passou
-					or(
-						ne(lancamentos.condition, "Recorrente"),
-						sql`${lancamentos.purchaseDate} <= current_date`,
-					),
-				),
-			)
-			.groupBy(lancamentos.cartaoId),
-	]);
-
-	const usageMap = new Map<string, number>();
-	usageRows.forEach(
-		(row: { cartaoId: string | null; total: number | null }) => {
-			if (!row.cartaoId) return;
-			usageMap.set(row.cartaoId, Number(row.total ?? 0));
-		},
-	);
-
-	const cards = cardRows.map((card) => ({
-		id: card.id,
-		name: card.name,
-		brand: card.brand,
-		status: card.status,
-		closingDay: card.closingDay,
-		dueDay: card.dueDay,
-		note: card.note,
-		logo: card.logo,
-		limit: card.limit ? Number(card.limit) : null,
-		limitInUse: (() => {
-			const total = usageMap.get(card.id) ?? 0;
-			return total < 0 ? Math.abs(total) : 0;
-		})(),
-		limitAvailable: (() => {
-			if (!card.limit) {
-				return null;
-			}
-			const total = usageMap.get(card.id) ?? 0;
-			const inUse = total < 0 ? Math.abs(total) : 0;
-			return Math.max(Number(card.limit) - inUse, 0);
-		})(),
-		contaId: card.contaId,
-		contaName: card.conta?.name ?? "Conta não encontrada",
-	}));
-
-	const accounts = accountRows.map((account) => ({
-		id: account.id,
-		name: account.name,
-		logo: account.logo,
-	}));
-
-	return { cards, accounts, logoOptions };
-}
-
-export async function fetchInativosForUser(userId: string): Promise<{
-	cards: CardData[];
-	accounts: AccountSimple[];
-	logoOptions: LogoOption[];
-}> {
-	const [cardRows, accountRows, logoOptions, usageRows] = await Promise.all([
-		db.query.cartoes.findMany({
-			orderBy: (
-				card: typeof cartoes.$inferSelect,
-				{ desc }: { desc: (field: unknown) => unknown },
-			) => [desc(card.name)],
-			where: and(eq(cartoes.userId, userId), ilike(cartoes.status, "inativo")),
-			with: {
-				conta: {
-					columns: {
-						id: true,
-						name: true,
-					},
-				},
-			},
-		}),
-		db.query.contas.findMany({
-			orderBy: (
-				account: typeof contas.$inferSelect,
-				{ desc }: { desc: (field: unknown) => unknown },
-			) => [desc(account.name)],
-			where: eq(contas.userId, userId),
-			columns: {
-				id: true,
-				name: true,
-				logo: true,
-			},
-		}),
-		loadLogoOptions(),
-		db
-			.select({
-				cartaoId: lancamentos.cartaoId,
-				total: sql<number>`coalesce(sum(${lancamentos.amount}), 0)`,
-			})
-			.from(lancamentos)
-			.where(
-				and(
-					eq(lancamentos.userId, userId),
-					or(isNull(lancamentos.isSettled), eq(lancamentos.isSettled, false)),
-					// Recorrente no cartão: só consome limite quando a data da ocorrência já passou
-					or(
-						ne(lancamentos.condition, "Recorrente"),
-						sql`${lancamentos.purchaseDate} <= current_date`,
-					),
-				),
-			)
-			.groupBy(lancamentos.cartaoId),
-	]);
-
-	const usageMap = new Map<string, number>();
-	usageRows.forEach(
-		(row: { cartaoId: string | null; total: number | null }) => {
-			if (!row.cartaoId) return;
-			usageMap.set(row.cartaoId, Number(row.total ?? 0));
-		},
-	);
-
-	const cards = cardRows.map((card) => ({
-		id: card.id,
-		name: card.name,
-		brand: card.brand,
-		status: card.status,
-		closingDay: card.closingDay,
-		dueDay: card.dueDay,
-		note: card.note,
-		logo: card.logo,
-		limit: card.limit ? Number(card.limit) : null,
-		limitInUse: (() => {
-			const total = usageMap.get(card.id) ?? 0;
-			return total < 0 ? Math.abs(total) : 0;
-		})(),
-		limitAvailable: (() => {
-			if (!card.limit) {
-				return null;
-			}
-			const total = usageMap.get(card.id) ?? 0;
-			const inUse = total < 0 ? Math.abs(total) : 0;
-			return Math.max(Number(card.limit) - inUse, 0);
-		})(),
-		contaId: card.contaId,
-		contaName: card.conta?.name ?? "Conta não encontrada",
-	}));
-
-	const accounts = accountRows.map((account) => ({
-		id: account.id,
-		name: account.name,
-		logo: account.logo,
-	}));
-
-	return { cards, accounts, logoOptions };
-}
-
-export async function fetchAllCardsForUser(userId: string): Promise<{
-	activeCards: CardData[];
-	archivedCards: CardData[];
-	accounts: AccountSimple[];
-	logoOptions: LogoOption[];
-}> {
-	const [activeData, archivedData] = await Promise.all([
-		fetchCardsForUser(userId),
-		fetchInativosForUser(userId),
-	]);
-
-	return {
-		activeCards: activeData.cards,
-		archivedCards: archivedData.cards,
-		accounts: activeData.accounts,
-		logoOptions: activeData.logoOptions,
-	};
-}

app/(dashboard)/cartoes/loading.tsx

@@ -1,30 +0,0 @@
-import { Skeleton } from "@/components/ui/skeleton";
-
-export default function CartoesLoading() {
-	return (
-		<main className="flex flex-col gap-6">
-			<div className="space-y-6 pt-4">
-				{/* Header */}
-				<div className="flex items-center justify-between">
-					<Skeleton className="h-8 w-32 rounded-2xl bg-foreground/10" />
-					<Skeleton className="h-10 w-40 rounded-2xl bg-foreground/10" />
-				</div>
-
-				{/* Grid de cartões */}
-				<div className="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3">
-					{Array.from({ length: 6 }).map((_, i) => (
-						<div key={i} className="rounded-2xl border p-6 space-y-4">
-							<div className="flex items-center justify-between">
-								<Skeleton className="size-10 rounded-2xl bg-foreground/10" />
-								<Skeleton className="h-8 w-16 rounded-2xl bg-foreground/10" />
-							</div>
-							<Skeleton className="h-6 w-32 rounded-2xl bg-foreground/10" />
-							<Skeleton className="h-4 w-full rounded-2xl bg-foreground/10" />
-							<Skeleton className="h-4 w-24 rounded-2xl bg-foreground/10" />
-						</div>
-					))}
-				</div>
-			</div>
-		</main>
-	);
-}

app/(dashboard)/categorias/[categoryId]/page.tsx

@@ -1,103 +0,0 @@
-import { notFound } from "next/navigation";
-import { fetchUserPreferences } from "@/app/(dashboard)/ajustes/data";
-import { getRecentEstablishmentsAction } from "@/app/(dashboard)/lancamentos/actions";
-import { CategoryDetailHeader } from "@/components/categorias/category-detail-header";
-import { LancamentosPage } from "@/components/lancamentos/page/lancamentos-page";
-import MonthNavigation from "@/components/month-picker/month-navigation";
-import { getUserId } from "@/lib/auth/server";
-import { fetchCategoryDetails } from "@/lib/dashboard/categories/category-details";
-import {
-	buildOptionSets,
-	buildSluggedFilters,
-	fetchLancamentoFilterSources,
-} from "@/lib/lancamentos/page-helpers";
-import { displayPeriod, parsePeriodParam } from "@/lib/utils/period";
-
-type PageSearchParams = Promise<Record<string, string | string[] | undefined>>;
-
-type PageProps = {
-	params: Promise<{ categoryId: string }>;
-	searchParams?: PageSearchParams;
-};
-
-const getSingleParam = (
-	params: Record<string, string | string[] | undefined> | undefined,
-	key: string,
-) => {
-	const value = params?.[key];
-	if (!value) return null;
-	return Array.isArray(value) ? (value[0] ?? null) : value;
-};
-
-export default async function Page({ params, searchParams }: PageProps) {
-	const { categoryId } = await params;
-	const userId = await getUserId();
-	const resolvedSearchParams = searchParams ? await searchParams : undefined;
-
-	const periodoParam = getSingleParam(resolvedSearchParams, "periodo");
-	const { period: selectedPeriod } = parsePeriodParam(periodoParam);
-
-	const [detail, filterSources, estabelecimentos, userPreferences] =
-		await Promise.all([
-			fetchCategoryDetails(userId, categoryId, selectedPeriod),
-			fetchLancamentoFilterSources(userId),
-			getRecentEstablishmentsAction(),
-			fetchUserPreferences(userId),
-		]);
-
-	if (!detail) {
-		notFound();
-	}
-
-	const sluggedFilters = buildSluggedFilters(filterSources);
-	const {
-		pagadorOptions,
-		splitPagadorOptions,
-		defaultPagadorId,
-		contaOptions,
-		cartaoOptions,
-		categoriaOptions,
-		pagadorFilterOptions,
-		categoriaFilterOptions,
-		contaCartaoFilterOptions,
-	} = buildOptionSets({
-		...sluggedFilters,
-		pagadorRows: filterSources.pagadorRows,
-	});
-
-	const currentPeriodLabel = displayPeriod(detail.period);
-	const previousPeriodLabel = displayPeriod(detail.previousPeriod);
-
-	return (
-		<main className="flex flex-col gap-6">
-			<MonthNavigation />
-			<CategoryDetailHeader
-				category={detail.category}
-				currentPeriodLabel={currentPeriodLabel}
-				previousPeriodLabel={previousPeriodLabel}
-				currentTotal={detail.currentTotal}
-				previousTotal={detail.previousTotal}
-				percentageChange={detail.percentageChange}
-				transactionCount={detail.transactions.length}
-			/>
-			<LancamentosPage
-				currentUserId={userId}
-				lancamentos={detail.transactions}
-				pagadorOptions={pagadorOptions}
-				splitPagadorOptions={splitPagadorOptions}
-				defaultPagadorId={defaultPagadorId}
-				contaOptions={contaOptions}
-				cartaoOptions={cartaoOptions}
-				categoriaOptions={categoriaOptions}
-				pagadorFilterOptions={pagadorFilterOptions}
-				categoriaFilterOptions={categoriaFilterOptions}
-				contaCartaoFilterOptions={contaCartaoFilterOptions}
-				selectedPeriod={detail.period}
-				estabelecimentos={estabelecimentos}
-				allowCreate={true}
-				noteAsColumn={userPreferences?.extratoNoteAsColumn ?? false}
-				columnOrder={userPreferences?.lancamentosColumnOrder ?? null}
-			/>
-		</main>
-	);
-}

app/(dashboard)/categorias/data.ts

@@ -1,26 +0,0 @@
-import { eq } from "drizzle-orm";
-import type { CategoryType } from "@/components/categorias/types";
-import { type Categoria, categorias } from "@/db/schema";
-import { db } from "@/lib/db";
-
-export type CategoryData = {
-	id: string;
-	name: string;
-	type: CategoryType;
-	icon: string | null;
-};
-
-export async function fetchCategoriesForUser(
-	userId: string,
-): Promise<CategoryData[]> {
-	const categoryRows = await db.query.categorias.findMany({
-		where: eq(categorias.userId, userId),
-	});
-
-	return categoryRows.map((category: Categoria) => ({
-		id: category.id,
-		name: category.name,
-		type: category.type as CategoryType,
-		icon: category.icon,
-	}));
-}

app/(dashboard)/categorias/historico/page.tsx

@@ -1,17 +0,0 @@
-import { CategoryHistoryWidget } from "@/components/dashboard/category-history-widget";
-import { getUser } from "@/lib/auth/server";
-import { fetchCategoryHistory } from "@/lib/dashboard/categories/category-history";
-import { getCurrentPeriod } from "@/lib/utils/period";
-
-export default async function HistoricoCategoriasPage() {
-	const user = await getUser();
-	const currentPeriod = getCurrentPeriod();
-
-	const data = await fetchCategoryHistory(user.id, currentPeriod);
-
-	return (
-		<main>
-			<CategoryHistoryWidget data={data} />
-		</main>
-	);
-}

app/(dashboard)/categorias/page.tsx

@@ -1,14 +0,0 @@
-import { CategoriesPage } from "@/components/categorias/categories-page";
-import { getUserId } from "@/lib/auth/server";
-import { fetchCategoriesForUser } from "./data";
-
-export default async function Page() {
-	const userId = await getUserId();
-	const categories = await fetchCategoriesForUser(userId);
-
-	return (
-		<main className="flex flex-col items-start gap-6">
-			<CategoriesPage categories={categories} />
-		</main>
-	);
-}

app/(dashboard)/contas/[contaId]/extrato/data.ts

@@ -1,151 +0,0 @@
-import { and, desc, eq, lt, type SQL, sql } from "drizzle-orm";
-import { contas, lancamentos, pagadores } from "@/db/schema";
-import { INITIAL_BALANCE_NOTE } from "@/lib/contas/constants";
-import { db } from "@/lib/db";
-import { PAGADOR_ROLE_ADMIN } from "@/lib/pagadores/constants";
-
-export type AccountSummaryData = {
-	openingBalance: number;
-	currentBalance: number;
-	totalIncomes: number;
-	totalExpenses: number;
-};
-
-export async function fetchAccountData(userId: string, contaId: string) {
-	const account = await db.query.contas.findFirst({
-		columns: {
-			id: true,
-			name: true,
-			accountType: true,
-			status: true,
-			initialBalance: true,
-			logo: true,
-			note: true,
-		},
-		where: and(eq(contas.id, contaId), eq(contas.userId, userId)),
-	});
-
-	return account;
-}
-
-export async function fetchAccountSummary(
-	userId: string,
-	contaId: string,
-	selectedPeriod: string,
-): Promise<AccountSummaryData> {
-	const [periodSummary] = await db
-		.select({
-			netAmount: sql<number>`
-        coalesce(
-          sum(
-            case
-              when ${lancamentos.note} = ${INITIAL_BALANCE_NOTE} then 0
-              else ${lancamentos.amount}
-            end
-          ),
-          0
-        )
-      `,
-			incomes: sql<number>`
-        coalesce(
-          sum(
-            case
-              when ${lancamentos.note} = ${INITIAL_BALANCE_NOTE} then 0
-              when ${lancamentos.transactionType} = 'Receita' then ${lancamentos.amount}
-              else 0
-            end
-          ),
-          0
-        )
-      `,
-			expenses: sql<number>`
-        coalesce(
-          sum(
-            case
-              when ${lancamentos.note} = ${INITIAL_BALANCE_NOTE} then 0
-              when ${lancamentos.transactionType} = 'Despesa' then ${lancamentos.amount}
-              else 0
-            end
-          ),
-          0
-        )
-      `,
-		})
-		.from(lancamentos)
-		.innerJoin(pagadores, eq(lancamentos.pagadorId, pagadores.id))
-		.where(
-			and(
-				eq(lancamentos.userId, userId),
-				eq(lancamentos.contaId, contaId),
-				eq(lancamentos.period, selectedPeriod),
-				eq(lancamentos.isSettled, true),
-				eq(pagadores.role, PAGADOR_ROLE_ADMIN),
-			),
-		);
-
-	const [previousRow] = await db
-		.select({
-			previousMovements: sql<number>`
-        coalesce(
-          sum(
-            case
-              when ${lancamentos.note} = ${INITIAL_BALANCE_NOTE} then 0
-              else ${lancamentos.amount}
-            end
-          ),
-          0
-        )
-      `,
-		})
-		.from(lancamentos)
-		.innerJoin(pagadores, eq(lancamentos.pagadorId, pagadores.id))
-		.where(
-			and(
-				eq(lancamentos.userId, userId),
-				eq(lancamentos.contaId, contaId),
-				lt(lancamentos.period, selectedPeriod),
-				eq(lancamentos.isSettled, true),
-				eq(pagadores.role, PAGADOR_ROLE_ADMIN),
-			),
-		);
-
-	const account = await fetchAccountData(userId, contaId);
-	if (!account) {
-		throw new Error("Account not found");
-	}
-
-	const initialBalance = Number(account.initialBalance ?? 0);
-	const previousMovements = Number(previousRow?.previousMovements ?? 0);
-	const openingBalance = initialBalance + previousMovements;
-	const netAmount = Number(periodSummary?.netAmount ?? 0);
-	const totalIncomes = Number(periodSummary?.incomes ?? 0);
-	const totalExpenses = Math.abs(Number(periodSummary?.expenses ?? 0));
-	const currentBalance = openingBalance + netAmount;
-
-	return {
-		openingBalance,
-		currentBalance,
-		totalIncomes,
-		totalExpenses,
-	};
-}
-
-export async function fetchAccountLancamentos(
-	filters: SQL[],
-	settledOnly = true,
-) {
-	const allFilters = settledOnly
-		? [...filters, eq(lancamentos.isSettled, true)]
-		: filters;
-
-	return db.query.lancamentos.findMany({
-		where: and(...allFilters),
-		with: {
-			pagador: true,
-			conta: true,
-			cartao: true,
-			categoria: true,
-		},
-		orderBy: desc(lancamentos.purchaseDate),
-	});
-}

app/(dashboard)/contas/[contaId]/extrato/page.tsx

@@ -1,177 +0,0 @@
-import { RiPencilLine } from "@remixicon/react";
-import { notFound } from "next/navigation";
-import { fetchUserPreferences } from "@/app/(dashboard)/ajustes/data";
-import { getRecentEstablishmentsAction } from "@/app/(dashboard)/lancamentos/actions";
-import { AccountDialog } from "@/components/contas/account-dialog";
-import { AccountStatementCard } from "@/components/contas/account-statement-card";
-import type { Account } from "@/components/contas/types";
-import { LancamentosPage as LancamentosSection } from "@/components/lancamentos/page/lancamentos-page";
-import MonthNavigation from "@/components/month-picker/month-navigation";
-import { Button } from "@/components/ui/button";
-import { getUserId } from "@/lib/auth/server";
-import {
-	buildLancamentoWhere,
-	buildOptionSets,
-	buildSluggedFilters,
-	buildSlugMaps,
-	extractLancamentoSearchFilters,
-	fetchLancamentoFilterSources,
-	getSingleParam,
-	mapLancamentosData,
-	type ResolvedSearchParams,
-} from "@/lib/lancamentos/page-helpers";
-import { loadLogoOptions } from "@/lib/logo/options";
-import { parsePeriodParam } from "@/lib/utils/period";
-import {
-	fetchAccountData,
-	fetchAccountLancamentos,
-	fetchAccountSummary,
-} from "./data";
-
-type PageSearchParams = Promise<ResolvedSearchParams>;
-
-type PageProps = {
-	params: Promise<{ contaId: string }>;
-	searchParams?: PageSearchParams;
-};
-
-const capitalize = (value: string) =>
-	value.length > 0 ? value[0]?.toUpperCase().concat(value.slice(1)) : value;
-
-export default async function Page({ params, searchParams }: PageProps) {
-	const { contaId } = await params;
-	const userId = await getUserId();
-	const resolvedSearchParams = searchParams ? await searchParams : undefined;
-
-	const periodoParamRaw = getSingleParam(resolvedSearchParams, "periodo");
-	const {
-		period: selectedPeriod,
-		monthName,
-		year,
-	} = parsePeriodParam(periodoParamRaw);
-
-	const searchFilters = extractLancamentoSearchFilters(resolvedSearchParams);
-
-	const account = await fetchAccountData(userId, contaId);
-
-	if (!account) {
-		notFound();
-	}
-
-	const [
-		filterSources,
-		logoOptions,
-		accountSummary,
-		estabelecimentos,
-		userPreferences,
-	] = await Promise.all([
-		fetchLancamentoFilterSources(userId),
-		loadLogoOptions(),
-		fetchAccountSummary(userId, contaId, selectedPeriod),
-		getRecentEstablishmentsAction(),
-		fetchUserPreferences(userId),
-	]);
-	const sluggedFilters = buildSluggedFilters(filterSources);
-	const slugMaps = buildSlugMaps(sluggedFilters);
-
-	const filters = buildLancamentoWhere({
-		userId,
-		period: selectedPeriod,
-		filters: searchFilters,
-		slugMaps,
-		accountId: account.id,
-	});
-
-	const lancamentoRows = await fetchAccountLancamentos(filters);
-
-	const lancamentosData = mapLancamentosData(lancamentoRows);
-
-	const { openingBalance, currentBalance, totalIncomes, totalExpenses } =
-		accountSummary;
-
-	const periodLabel = `${capitalize(monthName)} de ${year}`;
-
-	const accountDialogData: Account = {
-		id: account.id,
-		name: account.name,
-		accountType: account.accountType,
-		status: account.status,
-		note: account.note,
-		logo: account.logo,
-		initialBalance: Number(account.initialBalance ?? 0),
-		balance: currentBalance,
-	};
-
-	const {
-		pagadorOptions,
-		splitPagadorOptions,
-		defaultPagadorId,
-		contaOptions,
-		cartaoOptions,
-		categoriaOptions,
-		pagadorFilterOptions,
-		categoriaFilterOptions,
-		contaCartaoFilterOptions,
-	} = buildOptionSets({
-		...sluggedFilters,
-		pagadorRows: filterSources.pagadorRows,
-		limitContaId: account.id,
-	});
-
-	return (
-		<main className="flex flex-col gap-6">
-			<MonthNavigation />
-
-			<AccountStatementCard
-				accountName={account.name}
-				accountType={account.accountType}
-				status={account.status}
-				periodLabel={periodLabel}
-				openingBalance={openingBalance}
-				currentBalance={currentBalance}
-				totalIncomes={totalIncomes}
-				totalExpenses={totalExpenses}
-				logo={account.logo}
-				actions={
-					<AccountDialog
-						mode="update"
-						account={accountDialogData}
-						logoOptions={logoOptions}
-						trigger={
-							<Button
-								type="button"
-								variant="ghost"
-								size="icon-sm"
-								className="text-muted-foreground hover:text-foreground"
-								aria-label="Editar conta"
-							>
-								<RiPencilLine className="size-4" />
-							</Button>
-						}
-					/>
-				}
-			/>
-
-			<section className="flex flex-col gap-4">
-				<LancamentosSection
-					currentUserId={userId}
-					lancamentos={lancamentosData}
-					pagadorOptions={pagadorOptions}
-					splitPagadorOptions={splitPagadorOptions}
-					defaultPagadorId={defaultPagadorId}
-					contaOptions={contaOptions}
-					cartaoOptions={cartaoOptions}
-					categoriaOptions={categoriaOptions}
-					pagadorFilterOptions={pagadorFilterOptions}
-					categoriaFilterOptions={categoriaFilterOptions}
-					contaCartaoFilterOptions={contaCartaoFilterOptions}
-					selectedPeriod={selectedPeriod}
-					estabelecimentos={estabelecimentos}
-					allowCreate={false}
-					noteAsColumn={userPreferences?.extratoNoteAsColumn ?? false}
-					columnOrder={userPreferences?.lancamentosColumnOrder ?? null}
-				/>
-			</section>
-		</main>
-	);
-}

app/(dashboard)/contas/actions.ts

@@ -1,394 +0,0 @@
-"use server";
-
-import { and, eq } from "drizzle-orm";
-import { z } from "zod";
-import { categorias, contas, lancamentos, pagadores } from "@/db/schema";
-import {
-	type ActionResult,
-	handleActionError,
-	revalidateForEntity,
-} from "@/lib/actions/helpers";
-import { getUser } from "@/lib/auth/server";
-import {
-	INITIAL_BALANCE_CATEGORY_NAME,
-	INITIAL_BALANCE_CONDITION,
-	INITIAL_BALANCE_NOTE,
-	INITIAL_BALANCE_PAYMENT_METHOD,
-	INITIAL_BALANCE_TRANSACTION_TYPE,
-} from "@/lib/contas/constants";
-import { db } from "@/lib/db";
-import { PAGADOR_ROLE_ADMIN } from "@/lib/pagadores/constants";
-import { noteSchema, uuidSchema } from "@/lib/schemas/common";
-import {
-	TRANSFER_CATEGORY_NAME,
-	TRANSFER_CONDITION,
-	TRANSFER_ESTABLISHMENT_ENTRADA,
-	TRANSFER_ESTABLISHMENT_SAIDA,
-	TRANSFER_PAYMENT_METHOD,
-} from "@/lib/transferencias/constants";
-import { formatDecimalForDbRequired } from "@/lib/utils/currency";
-import { getTodayInfo } from "@/lib/utils/date";
-import { normalizeFilePath } from "@/lib/utils/string";
-
-const accountBaseSchema = z.object({
-	name: z
-		.string({ message: "Informe o nome da conta." })
-		.trim()
-		.min(1, "Informe o nome da conta."),
-	accountType: z
-		.string({ message: "Informe o tipo da conta." })
-		.trim()
-		.min(1, "Informe o tipo da conta."),
-	status: z
-		.string({ message: "Informe o status da conta." })
-		.trim()
-		.min(1, "Informe o status da conta."),
-	note: noteSchema,
-	logo: z
-		.string({ message: "Selecione um logo." })
-		.trim()
-		.min(1, "Selecione um logo."),
-	initialBalance: z
-		.string()
-		.trim()
-		.transform((value) => (value.length === 0 ? "0" : value.replace(",", ".")))
-		.refine(
-			(value) => !Number.isNaN(Number.parseFloat(value)),
-			"Informe um saldo inicial válido.",
-		)
-		.transform((value) => Number.parseFloat(value)),
-	excludeFromBalance: z
-		.union([z.boolean(), z.string()])
-		.transform((value) => value === true || value === "true"),
-	excludeInitialBalanceFromIncome: z
-		.union([z.boolean(), z.string()])
-		.transform((value) => value === true || value === "true"),
-});
-
-const createAccountSchema = accountBaseSchema;
-const updateAccountSchema = accountBaseSchema.extend({
-	id: uuidSchema("Conta"),
-});
-const deleteAccountSchema = z.object({
-	id: uuidSchema("Conta"),
-});
-
-type AccountCreateInput = z.infer<typeof createAccountSchema>;
-type AccountUpdateInput = z.infer<typeof updateAccountSchema>;
-type AccountDeleteInput = z.infer<typeof deleteAccountSchema>;
-
-export async function createAccountAction(
-	input: AccountCreateInput,
-): Promise<ActionResult> {
-	try {
-		const user = await getUser();
-		const data = createAccountSchema.parse(input);
-
-		const logoFile = normalizeFilePath(data.logo);
-
-		const normalizedInitialBalance = Math.abs(data.initialBalance);
-		const hasInitialBalance = normalizedInitialBalance > 0;
-
-		await db.transaction(async (tx: typeof db) => {
-			const [createdAccount] = await tx
-				.insert(contas)
-				.values({
-					name: data.name,
-					accountType: data.accountType,
-					status: data.status,
-					note: data.note ?? null,
-					logo: logoFile,
-					initialBalance: formatDecimalForDbRequired(data.initialBalance),
-					excludeFromBalance: data.excludeFromBalance,
-					excludeInitialBalanceFromIncome: data.excludeInitialBalanceFromIncome,
-					userId: user.id,
-				})
-				.returning({ id: contas.id, name: contas.name });
-
-			if (!createdAccount) {
-				throw new Error("Não foi possível criar a conta.");
-			}
-
-			if (!hasInitialBalance) {
-				return;
-			}
-
-			const [category, adminPagador] = await Promise.all([
-				tx.query.categorias.findFirst({
-					columns: { id: true },
-					where: and(
-						eq(categorias.userId, user.id),
-						eq(categorias.name, INITIAL_BALANCE_CATEGORY_NAME),
-					),
-				}),
-				tx.query.pagadores.findFirst({
-					columns: { id: true },
-					where: and(
-						eq(pagadores.userId, user.id),
-						eq(pagadores.role, PAGADOR_ROLE_ADMIN),
-					),
-				}),
-			]);
-
-			if (!category) {
-				throw new Error(
-					'Categoria "Saldo inicial" não encontrada. Crie-a antes de definir um saldo inicial.',
-				);
-			}
-
-			if (!adminPagador) {
-				throw new Error(
-					"Pagador com papel administrador não encontrado. Crie um pagador admin antes de definir um saldo inicial.",
-				);
-			}
-
-			const { date, period } = getTodayInfo();
-
-			await tx.insert(lancamentos).values({
-				condition: INITIAL_BALANCE_CONDITION,
-				name: `Saldo inicial - ${createdAccount.name}`,
-				paymentMethod: INITIAL_BALANCE_PAYMENT_METHOD,
-				note: INITIAL_BALANCE_NOTE,
-				amount: formatDecimalForDbRequired(normalizedInitialBalance),
-				purchaseDate: date,
-				transactionType: INITIAL_BALANCE_TRANSACTION_TYPE,
-				period,
-				isSettled: true,
-				userId: user.id,
-				contaId: createdAccount.id,
-				categoriaId: category.id,
-				pagadorId: adminPagador.id,
-			});
-		});
-
-		revalidateForEntity("contas");
-
-		return {
-			success: true,
-			message: "Conta criada com sucesso.",
-		};
-	} catch (error) {
-		return handleActionError(error);
-	}
-}
-
-export async function updateAccountAction(
-	input: AccountUpdateInput,
-): Promise<ActionResult> {
-	try {
-		const user = await getUser();
-		const data = updateAccountSchema.parse(input);
-
-		const logoFile = normalizeFilePath(data.logo);
-
-		const [updated] = await db
-			.update(contas)
-			.set({
-				name: data.name,
-				accountType: data.accountType,
-				status: data.status,
-				note: data.note ?? null,
-				logo: logoFile,
-				initialBalance: formatDecimalForDbRequired(data.initialBalance),
-				excludeFromBalance: data.excludeFromBalance,
-				excludeInitialBalanceFromIncome: data.excludeInitialBalanceFromIncome,
-			})
-			.where(and(eq(contas.id, data.id), eq(contas.userId, user.id)))
-			.returning();
-
-		if (!updated) {
-			return {
-				success: false,
-				error: "Conta não encontrada.",
-			};
-		}
-
-		revalidateForEntity("contas");
-
-		return {
-			success: true,
-			message: "Conta atualizada com sucesso.",
-		};
-	} catch (error) {
-		return handleActionError(error);
-	}
-}
-
-export async function deleteAccountAction(
-	input: AccountDeleteInput,
-): Promise<ActionResult> {
-	try {
-		const user = await getUser();
-		const data = deleteAccountSchema.parse(input);
-
-		const [deleted] = await db
-			.delete(contas)
-			.where(and(eq(contas.id, data.id), eq(contas.userId, user.id)))
-			.returning({ id: contas.id });
-
-		if (!deleted) {
-			return {
-				success: false,
-				error: "Conta não encontrada.",
-			};
-		}
-
-		revalidateForEntity("contas");
-
-		return {
-			success: true,
-			message: "Conta removida com sucesso.",
-		};
-	} catch (error) {
-		return handleActionError(error);
-	}
-}
-
-// Transfer between accounts
-const transferSchema = z.object({
-	fromAccountId: uuidSchema("Conta de origem"),
-	toAccountId: uuidSchema("Conta de destino"),
-	amount: z
-		.string()
-		.trim()
-		.transform((value) => (value.length === 0 ? "0" : value.replace(",", ".")))
-		.refine(
-			(value) => !Number.isNaN(Number.parseFloat(value)),
-			"Informe um valor válido.",
-		)
-		.transform((value) => Number.parseFloat(value))
-		.refine((value) => value > 0, "O valor deve ser maior que zero."),
-	date: z.coerce.date({ message: "Informe uma data válida." }),
-	period: z
-		.string({ message: "Informe o período." })
-		.trim()
-		.min(1, "Informe o período."),
-});
-
-type TransferInput = z.infer<typeof transferSchema>;
-
-export async function transferBetweenAccountsAction(
-	input: TransferInput,
-): Promise<ActionResult> {
-	try {
-		const user = await getUser();
-		const data = transferSchema.parse(input);
-
-		// Validate that accounts are different
-		if (data.fromAccountId === data.toAccountId) {
-			return {
-				success: false,
-				error: "A conta de origem e destino devem ser diferentes.",
-			};
-		}
-
-		// Generate a unique transfer ID to link both transactions
-		const transferId = crypto.randomUUID();
-
-		await db.transaction(async (tx: typeof db) => {
-			// Verify both accounts exist and belong to the user
-			const [fromAccount, toAccount] = await Promise.all([
-				tx.query.contas.findFirst({
-					columns: { id: true, name: true },
-					where: and(
-						eq(contas.id, data.fromAccountId),
-						eq(contas.userId, user.id),
-					),
-				}),
-				tx.query.contas.findFirst({
-					columns: { id: true, name: true },
-					where: and(
-						eq(contas.id, data.toAccountId),
-						eq(contas.userId, user.id),
-					),
-				}),
-			]);
-
-			if (!fromAccount) {
-				throw new Error("Conta de origem não encontrada.");
-			}
-
-			if (!toAccount) {
-				throw new Error("Conta de destino não encontrada.");
-			}
-
-			// Get the transfer category
-			const transferCategory = await tx.query.categorias.findFirst({
-				columns: { id: true },
-				where: and(
-					eq(categorias.userId, user.id),
-					eq(categorias.name, TRANSFER_CATEGORY_NAME),
-				),
-			});
-
-			if (!transferCategory) {
-				throw new Error(
-					`Categoria "${TRANSFER_CATEGORY_NAME}" não encontrada. Por favor, crie esta categoria antes de fazer transferências.`,
-				);
-			}
-
-			// Get the admin payer
-			const adminPagador = await tx.query.pagadores.findFirst({
-				columns: { id: true },
-				where: and(
-					eq(pagadores.userId, user.id),
-					eq(pagadores.role, PAGADOR_ROLE_ADMIN),
-				),
-			});
-
-			if (!adminPagador) {
-				throw new Error(
-					"Pagador administrador não encontrado. Por favor, crie um pagador admin.",
-				);
-			}
-
-			const transferNote = `de ${fromAccount.name} -> ${toAccount.name}`;
-
-			// Create outgoing transaction (transfer from source account)
-			await tx.insert(lancamentos).values({
-				condition: TRANSFER_CONDITION,
-				name: TRANSFER_ESTABLISHMENT_SAIDA,
-				paymentMethod: TRANSFER_PAYMENT_METHOD,
-				note: transferNote,
-				amount: formatDecimalForDbRequired(-Math.abs(data.amount)),
-				purchaseDate: data.date,
-				transactionType: "Transferência",
-				period: data.period,
-				isSettled: true,
-				userId: user.id,
-				contaId: fromAccount.id,
-				categoriaId: transferCategory.id,
-				pagadorId: adminPagador.id,
-				transferId,
-			});
-
-			// Create incoming transaction (transfer to destination account)
-			await tx.insert(lancamentos).values({
-				condition: TRANSFER_CONDITION,
-				name: TRANSFER_ESTABLISHMENT_ENTRADA,
-				paymentMethod: TRANSFER_PAYMENT_METHOD,
-				note: transferNote,
-				amount: formatDecimalForDbRequired(Math.abs(data.amount)),
-				purchaseDate: data.date,
-				transactionType: "Transferência",
-				period: data.period,
-				isSettled: true,
-				userId: user.id,
-				contaId: toAccount.id,
-				categoriaId: transferCategory.id,
-				pagadorId: adminPagador.id,
-				transferId,
-			});
-		});
-
-		revalidateForEntity("contas");
-		revalidateForEntity("lancamentos");
-
-		return {
-			success: true,
-			message: "Transferência registrada com sucesso.",
-		};
-	} catch (error) {
-		return handleActionError(error);
-	}
-}

app/(dashboard)/contas/data.ts

@@ -1,188 +0,0 @@
-import { and, eq, ilike, not, sql } from "drizzle-orm";
-import { contas, lancamentos, pagadores } from "@/db/schema";
-import { INITIAL_BALANCE_NOTE } from "@/lib/contas/constants";
-import { db } from "@/lib/db";
-import { loadLogoOptions } from "@/lib/logo/options";
-import { PAGADOR_ROLE_ADMIN } from "@/lib/pagadores/constants";
-
-export type AccountData = {
-	id: string;
-	name: string;
-	accountType: string;
-	status: string;
-	note: string | null;
-	logo: string | null;
-	initialBalance: number;
-	balance: number;
-	excludeFromBalance: boolean;
-	excludeInitialBalanceFromIncome: boolean;
-};
-
-export async function fetchAccountsForUser(
-	userId: string,
-): Promise<{ accounts: AccountData[]; logoOptions: LogoOption[] }> {
-	const [accountRows, logoOptions] = await Promise.all([
-		db
-			.select({
-				id: contas.id,
-				name: contas.name,
-				accountType: contas.accountType,
-				status: contas.status,
-				note: contas.note,
-				logo: contas.logo,
-				initialBalance: contas.initialBalance,
-				excludeFromBalance: contas.excludeFromBalance,
-				excludeInitialBalanceFromIncome: contas.excludeInitialBalanceFromIncome,
-				balanceMovements: sql<number>`
-          coalesce(
-            sum(
-              case
-                when ${lancamentos.note} = ${INITIAL_BALANCE_NOTE} then 0
-                else ${lancamentos.amount}
-              end
-            ),
-            0
-          )
-        `,
-			})
-			.from(contas)
-			.leftJoin(
-				lancamentos,
-				and(
-					eq(lancamentos.contaId, contas.id),
-					eq(lancamentos.userId, userId),
-					eq(lancamentos.isSettled, true),
-				),
-			)
-			.leftJoin(pagadores, eq(lancamentos.pagadorId, pagadores.id))
-			.where(
-				and(
-					eq(contas.userId, userId),
-					not(ilike(contas.status, "inativa")),
-					sql`(${lancamentos.id} IS NULL OR ${pagadores.role} = ${PAGADOR_ROLE_ADMIN})`,
-				),
-			)
-			.groupBy(
-				contas.id,
-				contas.name,
-				contas.accountType,
-				contas.status,
-				contas.note,
-				contas.logo,
-				contas.initialBalance,
-				contas.excludeFromBalance,
-				contas.excludeInitialBalanceFromIncome,
-			),
-		loadLogoOptions(),
-	]);
-
-	const accounts = accountRows.map((account) => ({
-		id: account.id,
-		name: account.name,
-		accountType: account.accountType,
-		status: account.status,
-		note: account.note,
-		logo: account.logo,
-		initialBalance: Number(account.initialBalance ?? 0),
-		balance:
-			Number(account.initialBalance ?? 0) +
-			Number(account.balanceMovements ?? 0),
-		excludeFromBalance: account.excludeFromBalance,
-		excludeInitialBalanceFromIncome: account.excludeInitialBalanceFromIncome,
-	}));
-
-	return { accounts, logoOptions };
-}
-
-export async function fetchInativosForUser(
-	userId: string,
-): Promise<{ accounts: AccountData[]; logoOptions: LogoOption[] }> {
-	const [accountRows, logoOptions] = await Promise.all([
-		db
-			.select({
-				id: contas.id,
-				name: contas.name,
-				accountType: contas.accountType,
-				status: contas.status,
-				note: contas.note,
-				logo: contas.logo,
-				initialBalance: contas.initialBalance,
-				excludeFromBalance: contas.excludeFromBalance,
-				excludeInitialBalanceFromIncome: contas.excludeInitialBalanceFromIncome,
-				balanceMovements: sql<number>`
-          coalesce(
-            sum(
-              case
-                when ${lancamentos.note} = ${INITIAL_BALANCE_NOTE} then 0
-                else ${lancamentos.amount}
-              end
-            ),
-            0
-          )
-        `,
-			})
-			.from(contas)
-			.leftJoin(
-				lancamentos,
-				and(
-					eq(lancamentos.contaId, contas.id),
-					eq(lancamentos.userId, userId),
-					eq(lancamentos.isSettled, true),
-				),
-			)
-			.leftJoin(pagadores, eq(lancamentos.pagadorId, pagadores.id))
-			.where(
-				and(
-					eq(contas.userId, userId),
-					ilike(contas.status, "inativa"),
-					sql`(${lancamentos.id} IS NULL OR ${pagadores.role} = ${PAGADOR_ROLE_ADMIN})`,
-				),
-			)
-			.groupBy(
-				contas.id,
-				contas.name,
-				contas.accountType,
-				contas.status,
-				contas.note,
-				contas.logo,
-				contas.initialBalance,
-				contas.excludeFromBalance,
-				contas.excludeInitialBalanceFromIncome,
-			),
-		loadLogoOptions(),
-	]);
-
-	const accounts = accountRows.map((account) => ({
-		id: account.id,
-		name: account.name,
-		accountType: account.accountType,
-		status: account.status,
-		note: account.note,
-		logo: account.logo,
-		initialBalance: Number(account.initialBalance ?? 0),
-		balance:
-			Number(account.initialBalance ?? 0) +
-			Number(account.balanceMovements ?? 0),
-		excludeFromBalance: account.excludeFromBalance,
-		excludeInitialBalanceFromIncome: account.excludeInitialBalanceFromIncome,
-	}));
-
-	return { accounts, logoOptions };
-}
-
-export async function fetchAllAccountsForUser(userId: string): Promise<{
-	activeAccounts: AccountData[];
-	archivedAccounts: AccountData[];
-	logoOptions: LogoOption[];
-}> {
-	const [activeData, archivedData] = await Promise.all([
-		fetchAccountsForUser(userId),
-		fetchInativosForUser(userId),
-	]);
-
-	return {
-		activeAccounts: activeData.accounts,
-		archivedAccounts: archivedData.accounts,
-		logoOptions: activeData.logoOptions,
-	};
-}

app/(dashboard)/contas/loading.tsx

@@ -1,33 +0,0 @@
-import { Skeleton } from "@/components/ui/skeleton";
-
-export default function ContasLoading() {
-	return (
-		<main className="flex flex-col gap-6">
-			<div className="space-y-6 pt-4">
-				{/* Header */}
-				<div className="flex items-center justify-between">
-					<Skeleton className="h-8 w-32 rounded-2xl bg-foreground/10" />
-					<Skeleton className="h-10 w-40 rounded-2xl bg-foreground/10" />
-				</div>
-
-				{/* Grid de contas */}
-				<div className="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3">
-					{Array.from({ length: 6 }).map((_, i) => (
-						<div key={i} className="rounded-2xl border p-6 space-y-4">
-							<div className="flex items-center justify-between">
-								<Skeleton className="size-10 rounded-2xl bg-foreground/10" />
-								<Skeleton className="h-8 w-16 rounded-2xl bg-foreground/10" />
-							</div>
-							<Skeleton className="h-6 w-32 rounded-2xl bg-foreground/10" />
-							<Skeleton className="h-4 w-full rounded-2xl bg-foreground/10" />
-							<div className="flex gap-2">
-								<Skeleton className="h-4 w-20 rounded-2xl bg-foreground/10" />
-								<Skeleton className="h-4 w-20 rounded-2xl bg-foreground/10" />
-							</div>
-						</div>
-					))}
-				</div>
-			</div>
-		</main>
-	);
-}

app/(dashboard)/dashboard/data.ts

@@ -1,25 +0,0 @@
-import { eq } from "drizzle-orm";
-import { db, schema } from "@/lib/db";
-
-export interface UserDashboardPreferences {
-	disableMagnetlines: boolean;
-	dashboardWidgets: string | null;
-}
-
-export async function fetchUserDashboardPreferences(
-	userId: string,
-): Promise<UserDashboardPreferences> {
-	const result = await db
-		.select({
-			disableMagnetlines: schema.preferenciasUsuario.disableMagnetlines,
-			dashboardWidgets: schema.preferenciasUsuario.dashboardWidgets,
-		})
-		.from(schema.preferenciasUsuario)
-		.where(eq(schema.preferenciasUsuario.userId, userId))
-		.limit(1);
-
-	return {
-		disableMagnetlines: result[0]?.disableMagnetlines ?? false,
-		dashboardWidgets: result[0]?.dashboardWidgets ?? null,
-	};
-}

app/(dashboard)/dashboard/loading.tsx

@@ -1,17 +0,0 @@
-import { DashboardGridSkeleton } from "@/components/shared/skeletons";
-import { Skeleton } from "@/components/ui/skeleton";
-
-export default function DashboardLoading() {
-	return (
-		<main className="flex flex-col gap-4">
-			{/* Welcome Banner skeleton */}
-			<Skeleton className="h-[104px] w-full rounded-xl bg-foreground/10" />
-
-			{/* Month Picker skeleton */}
-			<Skeleton className="h-[56px] w-full rounded-xl bg-foreground/10" />
-
-			{/* Dashboard content skeleton (Section Cards + Widget Grid) */}
-			<DashboardGridSkeleton />
-		</main>
-	);
-}

app/(dashboard)/dashboard/page.tsx

@@ -1,82 +0,0 @@
-import { DashboardGridEditable } from "@/components/dashboard/dashboard-grid-editable";
-import { DashboardWelcome } from "@/components/dashboard/dashboard-welcome";
-import { SectionCards } from "@/components/dashboard/section-cards";
-import MonthNavigation from "@/components/month-picker/month-navigation";
-import { getUser } from "@/lib/auth/server";
-import { fetchDashboardData } from "@/lib/dashboard/fetch-dashboard-data";
-import {
-	buildOptionSets,
-	buildSluggedFilters,
-	fetchLancamentoFilterSources,
-} from "@/lib/lancamentos/page-helpers";
-import { parsePeriodParam } from "@/lib/utils/period";
-import { getRecentEstablishmentsAction } from "../lancamentos/actions";
-import { fetchUserDashboardPreferences } from "./data";
-
-type PageSearchParams = Promise<Record<string, string | string[] | undefined>>;
-
-type PageProps = {
-	searchParams?: PageSearchParams;
-};
-
-const getSingleParam = (
-	params: Record<string, string | string[] | undefined> | undefined,
-	key: string,
-) => {
-	const value = params?.[key];
-	if (!value) return null;
-	return Array.isArray(value) ? (value[0] ?? null) : value;
-};
-
-export default async function Page({ searchParams }: PageProps) {
-	const user = await getUser();
-	const resolvedSearchParams = searchParams ? await searchParams : undefined;
-	const periodoParam = getSingleParam(resolvedSearchParams, "periodo");
-	const { period: selectedPeriod } = parsePeriodParam(periodoParam);
-
-	const [dashboardData, preferences, filterSources, estabelecimentos] =
-		await Promise.all([
-			fetchDashboardData(user.id, selectedPeriod),
-			fetchUserDashboardPreferences(user.id),
-			fetchLancamentoFilterSources(user.id),
-			getRecentEstablishmentsAction(),
-		]);
-	const { disableMagnetlines, dashboardWidgets } = preferences;
-	const sluggedFilters = buildSluggedFilters(filterSources);
-	const {
-		pagadorOptions,
-		splitPagadorOptions,
-		defaultPagadorId,
-		contaOptions,
-		cartaoOptions,
-		categoriaOptions,
-	} = buildOptionSets({
-		...sluggedFilters,
-		pagadorRows: filterSources.pagadorRows,
-	});
-
-	return (
-		<main className="flex flex-col gap-4">
-			<DashboardWelcome
-				name={user.name}
-				disableMagnetlines={disableMagnetlines}
-			/>
-			<MonthNavigation />
-			<SectionCards metrics={dashboardData.metrics} />
-			<DashboardGridEditable
-				data={dashboardData}
-				period={selectedPeriod}
-				initialPreferences={dashboardWidgets}
-				quickActionOptions={{
-					pagadorOptions,
-					splitPagadorOptions,
-					defaultPagadorId,
-					contaOptions,
-					cartaoOptions,
-					categoriaOptions,
-					estabelecimentos,
-				}}
-			/>
-		</main>
-	);
-}

app/(dashboard)/insights/actions.ts

@@ -1,871 +0,0 @@
-"use server";
-
-import { anthropic } from "@ai-sdk/anthropic";
-import { google } from "@ai-sdk/google";
-import { openai } from "@ai-sdk/openai";
-import { createOpenRouter } from "@openrouter/ai-sdk-provider";
-import { generateObject } from "ai";
-import { getDay } from "date-fns";
-import { and, eq, isNull, ne, or, sql } from "drizzle-orm";
-import {
-	cartoes,
-	categorias,
-	contas,
-	insightsSalvos,
-	lancamentos,
-	orcamentos,
-	pagadores,
-} from "@/db/schema";
-import { getUser } from "@/lib/auth/server";
-import { ACCOUNT_AUTO_INVOICE_NOTE_PREFIX } from "@/lib/contas/constants";
-import { db } from "@/lib/db";
-import { PAGADOR_ROLE_ADMIN } from "@/lib/pagadores/constants";
-import {
-	type InsightsResponse,
-	InsightsResponseSchema,
-} from "@/lib/schemas/insights";
-import { getPreviousPeriod } from "@/lib/utils/period";
-import { AVAILABLE_MODELS, INSIGHTS_SYSTEM_PROMPT } from "./data";
-
-const TRANSFERENCIA = "Transferência";
-
-type ActionResult<T> =
-	| { success: true; data: T }
-	| { success: false; error: string };
-
-/**
- * Função auxiliar para converter valores numéricos
- */
-const toNumber = (value: unknown): number => {
-	if (typeof value === "number") return value;
-	if (typeof value === "string") {
-		const parsed = Number(value);
-		return Number.isNaN(parsed) ? 0 : parsed;
-	}
-	return 0;
-};
-
-/**
- * Agrega dados financeiros do mês para análise
- */
-async function aggregateMonthData(userId: string, period: string) {
-	const previousPeriod = getPreviousPeriod(period);
-	const twoMonthsAgo = getPreviousPeriod(previousPeriod);
-	const threeMonthsAgo = getPreviousPeriod(twoMonthsAgo);
-
-	// Buscar métricas de receitas e despesas dos últimos 3 meses
-	const [
-		currentPeriodRows,
-		previousPeriodRows,
-		twoMonthsAgoRows,
-		threeMonthsAgoRows,
-	] = await Promise.all([
-		db
-			.select({
-				transactionType: lancamentos.transactionType,
-				totalAmount: sql<number>`coalesce(sum(${lancamentos.amount}), 0)`,
-			})
-			.from(lancamentos)
-			.innerJoin(pagadores, eq(lancamentos.pagadorId, pagadores.id))
-			.where(
-				and(
-					eq(lancamentos.userId, userId),
-					eq(lancamentos.period, period),
-					eq(pagadores.role, PAGADOR_ROLE_ADMIN),
-					ne(lancamentos.transactionType, TRANSFERENCIA),
-					or(
-						isNull(lancamentos.note),
-						sql`${
-							lancamentos.note
-						} NOT LIKE ${`${ACCOUNT_AUTO_INVOICE_NOTE_PREFIX}%`}`,
-					),
-				),
-			)
-			.groupBy(lancamentos.transactionType),
-		db
-			.select({
-				transactionType: lancamentos.transactionType,
-				totalAmount: sql<number>`coalesce(sum(${lancamentos.amount}), 0)`,
-			})
-			.from(lancamentos)
-			.innerJoin(pagadores, eq(lancamentos.pagadorId, pagadores.id))
-			.where(
-				and(
-					eq(lancamentos.userId, userId),
-					eq(lancamentos.period, previousPeriod),
-					eq(pagadores.role, PAGADOR_ROLE_ADMIN),
-					ne(lancamentos.transactionType, TRANSFERENCIA),
-					or(
-						isNull(lancamentos.note),
-						sql`${
-							lancamentos.note
-						} NOT LIKE ${`${ACCOUNT_AUTO_INVOICE_NOTE_PREFIX}%`}`,
-					),
-				),
-			)
-			.groupBy(lancamentos.transactionType),
-		db
-			.select({
-				transactionType: lancamentos.transactionType,
-				totalAmount: sql<number>`coalesce(sum(${lancamentos.amount}), 0)`,
-			})
-			.from(lancamentos)
-			.innerJoin(pagadores, eq(lancamentos.pagadorId, pagadores.id))
-			.where(
-				and(
-					eq(lancamentos.userId, userId),
-					eq(lancamentos.period, twoMonthsAgo),
-					eq(pagadores.role, PAGADOR_ROLE_ADMIN),
-					ne(lancamentos.transactionType, TRANSFERENCIA),
-					or(
-						isNull(lancamentos.note),
-						sql`${
-							lancamentos.note
-						} NOT LIKE ${`${ACCOUNT_AUTO_INVOICE_NOTE_PREFIX}%`}`,
-					),
-				),
-			)
-			.groupBy(lancamentos.transactionType),
-		db
-			.select({
-				transactionType: lancamentos.transactionType,
-				totalAmount: sql<number>`coalesce(sum(${lancamentos.amount}), 0)`,
-			})
-			.from(lancamentos)
-			.innerJoin(pagadores, eq(lancamentos.pagadorId, pagadores.id))
-			.where(
-				and(
-					eq(lancamentos.userId, userId),
-					eq(lancamentos.period, threeMonthsAgo),
-					eq(pagadores.role, PAGADOR_ROLE_ADMIN),
-					ne(lancamentos.transactionType, TRANSFERENCIA),
-					or(
-						isNull(lancamentos.note),
-						sql`${
-							lancamentos.note
-						} NOT LIKE ${`${ACCOUNT_AUTO_INVOICE_NOTE_PREFIX}%`}`,
-					),
-				),
-			)
-			.groupBy(lancamentos.transactionType),
-	]);
-
-	// Calcular totais dos últimos 3 meses
-	let currentIncome = 0;
-	let currentExpense = 0;
-	let previousIncome = 0;
-	let previousExpense = 0;
-	let twoMonthsAgoIncome = 0;
-	let twoMonthsAgoExpense = 0;
-	let threeMonthsAgoIncome = 0;
-	let threeMonthsAgoExpense = 0;
-
-	for (const row of currentPeriodRows) {
-		const amount = Math.abs(toNumber(row.totalAmount));
-		if (row.transactionType === "Receita") currentIncome += amount;
-		else if (row.transactionType === "Despesa") currentExpense += amount;
-	}
-
-	for (const row of previousPeriodRows) {
-		const amount = Math.abs(toNumber(row.totalAmount));
-		if (row.transactionType === "Receita") previousIncome += amount;
-		else if (row.transactionType === "Despesa") previousExpense += amount;
-	}
-
-	for (const row of twoMonthsAgoRows) {
-		const amount = Math.abs(toNumber(row.totalAmount));
-		if (row.transactionType === "Receita") twoMonthsAgoIncome += amount;
-		else if (row.transactionType === "Despesa") twoMonthsAgoExpense += amount;
-	}
-
-	for (const row of threeMonthsAgoRows) {
-		const amount = Math.abs(toNumber(row.totalAmount));
-		if (row.transactionType === "Receita") threeMonthsAgoIncome += amount;
-		else if (row.transactionType === "Despesa") threeMonthsAgoExpense += amount;
-	}
-
-	// Buscar despesas por categoria (top 5)
-	const expensesByCategory = await db
-		.select({
-			categoryName: categorias.name,
-			total: sql<number>`coalesce(sum(${lancamentos.amount}), 0)`,
-		})
-		.from(lancamentos)
-		.innerJoin(pagadores, eq(lancamentos.pagadorId, pagadores.id))
-		.innerJoin(categorias, eq(lancamentos.categoriaId, categorias.id))
-		.where(
-			and(
-				eq(lancamentos.userId, userId),
-				eq(lancamentos.period, period),
-				eq(lancamentos.transactionType, "Despesa"),
-				eq(pagadores.role, PAGADOR_ROLE_ADMIN),
-				eq(categorias.type, "despesa"),
-				or(
-					isNull(lancamentos.note),
-					sql`${
-						lancamentos.note
-					} NOT LIKE ${`${ACCOUNT_AUTO_INVOICE_NOTE_PREFIX}%`}`,
-				),
-			),
-		)
-		.groupBy(categorias.name)
-		.orderBy(sql`sum(${lancamentos.amount}) ASC`)
-		.limit(5);
-
-	// Buscar orçamentos e uso
-	const budgetsData = await db
-		.select({
-			categoryName: categorias.name,
-			budgetAmount: orcamentos.amount,
-			spent: sql<number>`coalesce(sum(${lancamentos.amount}), 0)`,
-		})
-		.from(orcamentos)
-		.innerJoin(categorias, eq(orcamentos.categoriaId, categorias.id))
-		.leftJoin(
-			lancamentos,
-			and(
-				eq(lancamentos.categoriaId, categorias.id),
-				eq(lancamentos.period, period),
-				eq(lancamentos.userId, userId),
-				eq(lancamentos.transactionType, "Despesa"),
-			),
-		)
-		.where(and(eq(orcamentos.userId, userId), eq(orcamentos.period, period)))
-		.groupBy(categorias.name, orcamentos.amount);
-
-	// Buscar métricas de cartões
-	const cardsData = await db
-		.select({
-			totalLimit: sql<number>`coalesce(sum(${cartoes.limit}), 0)`,
-			cardCount: sql<number>`count(*)`,
-		})
-		.from(cartoes)
-		.where(and(eq(cartoes.userId, userId), eq(cartoes.status, "ativo")));
-
-	// Buscar saldo total das contas
-	const accountsData = await db
-		.select({
-			totalBalance: sql<number>`coalesce(sum(${contas.initialBalance}), 0)`,
-			accountCount: sql<number>`count(*)`,
-		})
-		.from(contas)
-		.where(
-			and(
-				eq(contas.userId, userId),
-				eq(contas.status, "ativa"),
-				eq(contas.excludeFromBalance, false),
-			),
-		);
-
-	// Calcular ticket médio das transações
-	const avgTicketData = await db
-		.select({
-			avgAmount: sql<number>`coalesce(avg(abs(${lancamentos.amount})), 0)`,
-			transactionCount: sql<number>`count(*)`,
-		})
-		.from(lancamentos)
-		.innerJoin(pagadores, eq(lancamentos.pagadorId, pagadores.id))
-		.where(
-			and(
-				eq(lancamentos.userId, userId),
-				eq(lancamentos.period, period),
-				eq(pagadores.role, PAGADOR_ROLE_ADMIN),
-				ne(lancamentos.transactionType, TRANSFERENCIA),
-			),
-		);
-
-	// Buscar gastos por dia da semana
-	const dayOfWeekSpending = await db
-		.select({
-			purchaseDate: lancamentos.purchaseDate,
-			amount: lancamentos.amount,
-		})
-		.from(lancamentos)
-		.innerJoin(pagadores, eq(lancamentos.pagadorId, pagadores.id))
-		.where(
-			and(
-				eq(lancamentos.userId, userId),
-				eq(lancamentos.period, period),
-				eq(lancamentos.transactionType, "Despesa"),
-				eq(pagadores.role, PAGADOR_ROLE_ADMIN),
-			),
-		);
-
-	// Agregar por dia da semana
-	const dayTotals = new Map<number, number>();
-	for (const row of dayOfWeekSpending) {
-		if (!row.purchaseDate) continue;
-		const dayOfWeek = getDay(new Date(row.purchaseDate));
-		const current = dayTotals.get(dayOfWeek) ?? 0;
-		dayTotals.set(dayOfWeek, current + Math.abs(toNumber(row.amount)));
-	}
-
-	// Buscar métodos de pagamento (agregado)
-	const paymentMethodsData = await db
-		.select({
-			paymentMethod: lancamentos.paymentMethod,
-			total: sql<number>`coalesce(sum(abs(${lancamentos.amount})), 0)`,
-		})
-		.from(lancamentos)
-		.innerJoin(pagadores, eq(lancamentos.pagadorId, pagadores.id))
-		.where(
-			and(
-				eq(lancamentos.userId, userId),
-				eq(lancamentos.period, period),
-				eq(lancamentos.transactionType, "Despesa"),
-				eq(pagadores.role, PAGADOR_ROLE_ADMIN),
-			),
-		)
-		.groupBy(lancamentos.paymentMethod);
-
-	// Buscar transações dos últimos 3 meses para análise de recorrência
-	const last3MonthsTransactions = await db
-		.select({
-			name: lancamentos.name,
-			amount: lancamentos.amount,
-			period: lancamentos.period,
-			condition: lancamentos.condition,
-			installmentCount: lancamentos.installmentCount,
-			currentInstallment: lancamentos.currentInstallment,
-			categoryName: categorias.name,
-		})
-		.from(lancamentos)
-		.innerJoin(pagadores, eq(lancamentos.pagadorId, pagadores.id))
-		.leftJoin(categorias, eq(lancamentos.categoriaId, categorias.id))
-		.where(
-			and(
-				eq(lancamentos.userId, userId),
-				sql`${lancamentos.period} IN (${period}, ${previousPeriod}, ${twoMonthsAgo})`,
-				eq(lancamentos.transactionType, "Despesa"),
-				eq(pagadores.role, PAGADOR_ROLE_ADMIN),
-				ne(lancamentos.transactionType, TRANSFERENCIA),
-			),
-		)
-		.orderBy(lancamentos.name);
-
-	// Análise de recorrência
-	const transactionsByName = new Map<
-		string,
-		Array<{ period: string; amount: number }>
-	>();
-
-	for (const tx of last3MonthsTransactions) {
-		const key = tx.name.toLowerCase().trim();
-		if (!transactionsByName.has(key)) {
-			transactionsByName.set(key, []);
-		}
-		const transactions = transactionsByName.get(key);
-		if (transactions) {
-			transactions.push({
-				period: tx.period,
-				amount: Math.abs(toNumber(tx.amount)),
-			});
-		}
-	}
-
-	// Identificar gastos recorrentes (aparece em 2+ meses com valor similar)
-	const recurringExpenses: Array<{
-		name: string;
-		avgAmount: number;
-		frequency: number;
-	}> = [];
-	let totalRecurring = 0;
-
-	for (const [name, occurrences] of transactionsByName.entries()) {
-		if (occurrences.length >= 2) {
-			const amounts = occurrences.map((o) => o.amount);
-			const avgAmount =
-				amounts.reduce((sum, amt) => sum + amt, 0) / amounts.length;
-			const maxDiff = Math.max(...amounts) - Math.min(...amounts);
-
-			// Considerar recorrente se variação <= 20% da média
-			if (maxDiff <= avgAmount * 0.2) {
-				recurringExpenses.push({
-					name,
-					avgAmount,
-					frequency: occurrences.length,
-				});
-
-				// Somar apenas os do mês atual
-				const currentMonthOccurrence = occurrences.find(
-					(o) => o.period === period,
-				);
-				if (currentMonthOccurrence) {
-					totalRecurring += currentMonthOccurrence.amount;
-				}
-			}
-		}
-	}
-
-	// Análise de gastos parcelados
-	const installmentTransactions = last3MonthsTransactions.filter(
-		(tx) =>
-			tx.condition === "Parcelado" &&
-			tx.installmentCount &&
-			tx.installmentCount > 1,
-	);
-
-	const installmentData = installmentTransactions
-		.filter((tx) => tx.period === period)
-		.map((tx) => ({
-			name: tx.name,
-			currentInstallment: tx.currentInstallment ?? 1,
-			totalInstallments: tx.installmentCount ?? 1,
-			amount: Math.abs(toNumber(tx.amount)),
-			category: tx.categoryName ?? "Outros",
-		}));
-
-	const totalInstallmentAmount = installmentData.reduce(
-		(sum, tx) => sum + tx.amount,
-		0,
-	);
-	const futureCommitment = installmentData.reduce((sum, tx) => {
-		const remaining = tx.totalInstallments - tx.currentInstallment;
-		return sum + tx.amount * remaining;
-	}, 0);
-
-	// Montar dados agregados e anonimizados
-	const aggregatedData = {
-		month: period,
-		totalIncome: currentIncome,
-		totalExpense: currentExpense,
-		balance: currentIncome - currentExpense,
-
-		// Tendência de 3 meses
-		threeMonthTrend: {
-			periods: [threeMonthsAgo, twoMonthsAgo, previousPeriod, period],
-			incomes: [
-				threeMonthsAgoIncome,
-				twoMonthsAgoIncome,
-				previousIncome,
-				currentIncome,
-			],
-			expenses: [
-				threeMonthsAgoExpense,
-				twoMonthsAgoExpense,
-				previousExpense,
-				currentExpense,
-			],
-			avgIncome:
-				(threeMonthsAgoIncome +
-					twoMonthsAgoIncome +
-					previousIncome +
-					currentIncome) /
-				4,
-			avgExpense:
-				(threeMonthsAgoExpense +
-					twoMonthsAgoExpense +
-					previousExpense +
-					currentExpense) /
-				4,
-			trend:
-				currentExpense > previousExpense &&
-				previousExpense > twoMonthsAgoExpense
-					? "crescente"
-					: currentExpense < previousExpense &&
-							previousExpense < twoMonthsAgoExpense
-						? "decrescente"
-						: "estável",
-		},
-
-		previousMonthIncome: previousIncome,
-		previousMonthExpense: previousExpense,
-		monthOverMonthIncomeChange:
-			Math.abs(previousIncome) > 0.01
-				? ((currentIncome - previousIncome) / Math.abs(previousIncome)) * 100
-				: 0,
-		monthOverMonthExpenseChange:
-			Math.abs(previousExpense) > 0.01
-				? ((currentExpense - previousExpense) / Math.abs(previousExpense)) * 100
-				: 0,
-		savingsRate:
-			currentIncome > 0.01
-				? ((currentIncome - currentExpense) / currentIncome) * 100
-				: 0,
-		topExpenseCategories: expensesByCategory.map(
-			(cat: { categoryName: string; total: unknown }) => ({
-				category: cat.categoryName,
-				amount: Math.abs(toNumber(cat.total)),
-				percentageOfTotal:
-					currentExpense > 0
-						? (Math.abs(toNumber(cat.total)) / currentExpense) * 100
-						: 0,
-			}),
-		),
-		budgets: budgetsData.map(
-			(b: { categoryName: string; budgetAmount: unknown; spent: unknown }) => ({
-				category: b.categoryName,
-				budgetAmount: toNumber(b.budgetAmount),
-				spent: Math.abs(toNumber(b.spent)),
-				usagePercentage:
-					toNumber(b.budgetAmount) > 0
-						? (Math.abs(toNumber(b.spent)) / toNumber(b.budgetAmount)) * 100
-						: 0,
-			}),
-		),
-		creditCards: {
-			totalLimit: toNumber(cardsData[0]?.totalLimit ?? 0),
-			cardCount: toNumber(cardsData[0]?.cardCount ?? 0),
-		},
-		accounts: {
-			totalBalance: toNumber(accountsData[0]?.totalBalance ?? 0),
-			accountCount: toNumber(accountsData[0]?.accountCount ?? 0),
-		},
-		avgTicket: toNumber(avgTicketData[0]?.avgAmount ?? 0),
-		transactionCount: toNumber(avgTicketData[0]?.transactionCount ?? 0),
-		dayOfWeekSpending: Array.from(dayTotals.entries()).map(([day, total]) => ({
-			dayOfWeek:
-				["Dom", "Seg", "Ter", "Qua", "Qui", "Sex", "Sáb"][day] ?? "N/A",
-			total,
-		})),
-		paymentMethodsBreakdown: paymentMethodsData.map(
-			(pm: { paymentMethod: string | null; total: unknown }) => ({
-				method: pm.paymentMethod,
-				total: toNumber(pm.total),
-				percentage:
-					currentExpense > 0 ? (toNumber(pm.total) / currentExpense) * 100 : 0,
-			}),
-		),
-
-		// Análise de recorrência
-		recurringExpenses: {
-			count: recurringExpenses.length,
-			total: totalRecurring,
-			percentageOfTotal:
-				currentExpense > 0 ? (totalRecurring / currentExpense) * 100 : 0,
-			topRecurring: recurringExpenses
-				.sort((a, b) => b.avgAmount - a.avgAmount)
-				.slice(0, 5)
-				.map((r) => ({
-					name: r.name,
-					avgAmount: r.avgAmount,
-					frequency: r.frequency,
-				})),
-			predictability:
-				currentExpense > 0 ? (totalRecurring / currentExpense) * 100 : 0,
-		},
-
-		// Análise de parcelamentos
-		installments: {
-			currentMonthInstallments: installmentData.length,
-			totalInstallmentAmount,
-			percentageOfExpenses:
-				currentExpense > 0
-					? (totalInstallmentAmount / currentExpense) * 100
-					: 0,
-			futureCommitment,
-			topInstallments: installmentData
-				.sort((a, b) => b.amount - a.amount)
-				.slice(0, 5)
-				.map((i) => ({
-					name: i.name,
-					current: i.currentInstallment,
-					total: i.totalInstallments,
-					amount: i.amount,
-					category: i.category,
-					remaining: i.totalInstallments - i.currentInstallment,
-				})),
-		},
-	};
-
-	return aggregatedData;
-}
-
-/**
- * Gera insights usando IA
- */
-export async function generateInsightsAction(
-	period: string,
-	modelId: string,
-): Promise<ActionResult<InsightsResponse>> {
-	try {
-		const user = await getUser();
-
-		// Validar modelo - verificar se existe na lista ou se é um modelo customizado
-		const selectedModel = AVAILABLE_MODELS.find((m) => m.id === modelId);
-
-		// Se não encontrou na lista e não tem "/" (formato OpenRouter), é inválido
-		const isOpenRouterFormat = /^[a-zA-Z0-9_-]+\/[a-zA-Z0-9._-]+$/.test(
-			modelId,
-		);
-		if (!selectedModel && !isOpenRouterFormat) {
-			return {
-				success: false,
-				error: "Modelo inválido.",
-			};
-		}
-
-		// Agregar dados
-		const aggregatedData = await aggregateMonthData(user.id, period);
-
-		// Selecionar provider
-		let model: ReturnType<typeof google>;
-
-		// Se o modelo tem "/" é OpenRouter (formato: provider/model)
-		if (isOpenRouterFormat && !selectedModel) {
-			const apiKey = process.env.OPENROUTER_API_KEY;
-			if (!apiKey) {
-				return {
-					success: false,
-					error:
-						"OPENROUTER_API_KEY não configurada. Adicione a chave no arquivo .env",
-				};
-			}
-
-			const openrouter = createOpenRouter({
-				apiKey,
-			});
-			model = openrouter.chat(modelId);
-		} else if (selectedModel?.provider === "openai") {
-			model = openai(modelId);
-		} else if (selectedModel?.provider === "anthropic") {
-			model = anthropic(modelId);
-		} else if (selectedModel?.provider === "google") {
-			model = google(modelId);
-		} else {
-			return {
-				success: false,
-				error: "Provider de modelo não suportado.",
-			};
-		}
-
-		// Chamar AI SDK
-		const result = await generateObject({
-			model,
-			schema: InsightsResponseSchema,
-			system: INSIGHTS_SYSTEM_PROMPT,
-			prompt: `Analise os seguintes dados financeiros agregados do período ${period}.
-
-Dados agregados:
-${JSON.stringify(aggregatedData, null, 2)}
-
-DADOS IMPORTANTES PARA SUA ANÁLISE:
-
-**Tendência de 3 meses:**
-- Os dados incluem tendência dos últimos 3 meses (threeMonthTrend)
-- Use isso para identificar padrões crescentes, decrescentes ou estáveis
-- Compare o mês atual com a média dos 3 meses
-
-**Análise de Recorrência:**
-- Gastos recorrentes representam ${aggregatedData.recurringExpenses.percentageOfTotal.toFixed(1)}% das despesas
-- ${aggregatedData.recurringExpenses.count} gastos identificados como recorrentes
-- Use isso para avaliar previsibilidade e oportunidades de otimização
-
-**Gastos Parcelados:**
-- ${aggregatedData.installments.currentMonthInstallments} parcelas ativas no mês
-- Comprometimento futuro de R$ ${aggregatedData.installments.futureCommitment.toFixed(2)}
-- Use isso para alertas sobre comprometimento de renda futura
-
-Organize suas observações nas 4 categorias especificadas no prompt do sistema:
-1. Comportamentos Observados (behaviors): 3-6 itens
-2. Gatilhos de Consumo (triggers): 3-6 itens
-3. Recomendações Práticas (recommendations): 3-6 itens
-4. Melhorias Sugeridas (improvements): 3-6 itens
-
-Cada item deve ser conciso, direto e acionável. Use os novos dados para dar contexto temporal e identificar padrões mais profundos.
-
-Responda APENAS com um JSON válido seguindo exatamente o schema especificado.`,
-		});
-
-		// Validar resposta
-		const validatedData = InsightsResponseSchema.parse(result.object);
-
-		return {
-			success: true,
-			data: validatedData,
-		};
-	} catch (error) {
-		console.error("Error generating insights:", error);
-		return {
-			success: false,
-			error: "Erro ao gerar insights. Tente novamente.",
-		};
-	}
-}
-
-/**
- * Salva insights gerados no banco de dados
- */
-export async function saveInsightsAction(
-	period: string,
-	modelId: string,
-	data: InsightsResponse,
-): Promise<ActionResult<{ id: string; createdAt: Date }>> {
-	try {
-		const user = await getUser();
-
-		// Verificar se já existe um insight salvo para este período
-		const existing = await db
-			.select()
-			.from(insightsSalvos)
-			.where(
-				and(
-					eq(insightsSalvos.userId, user.id),
-					eq(insightsSalvos.period, period),
-				),
-			)
-			.limit(1);
-
-		if (existing.length > 0) {
-			// Atualizar existente
-			const updated = await db
-				.update(insightsSalvos)
-				.set({
-					modelId,
-					data: JSON.stringify(data),
-					updatedAt: new Date(),
-				})
-				.where(
-					and(
-						eq(insightsSalvos.userId, user.id),
-						eq(insightsSalvos.period, period),
-					),
-				)
-				.returning({
-					id: insightsSalvos.id,
-					createdAt: insightsSalvos.createdAt,
-				});
-
-			const updatedRecord = updated[0];
-			if (!updatedRecord) {
-				return {
-					success: false,
-					error: "Falha ao atualizar a análise. Tente novamente.",
-				};
-			}
-
-			return {
-				success: true,
-				data: {
-					id: updatedRecord.id,
-					createdAt: updatedRecord.createdAt,
-				},
-			};
-		}
-
-		// Criar novo
-		const result = await db
-			.insert(insightsSalvos)
-			.values({
-				userId: user.id,
-				period,
-				modelId,
-				data: JSON.stringify(data),
-			})
-			.returning({
-				id: insightsSalvos.id,
-				createdAt: insightsSalvos.createdAt,
-			});
-
-		const insertedRecord = result[0];
-		if (!insertedRecord) {
-			return {
-				success: false,
-				error: "Falha ao salvar a análise. Tente novamente.",
-			};
-		}
-
-		return {
-			success: true,
-			data: {
-				id: insertedRecord.id,
-				createdAt: insertedRecord.createdAt,
-			},
-		};
-	} catch (error) {
-		console.error("Error saving insights:", error);
-		return {
-			success: false,
-			error: "Erro ao salvar análise. Tente novamente.",
-		};
-	}
-}
-
-/**
- * Carrega insights salvos do banco de dados
- */
-export async function loadSavedInsightsAction(period: string): Promise<
-	ActionResult<{
-		insights: InsightsResponse;
-		modelId: string;
-		createdAt: Date;
-	} | null>
-> {
-	try {
-		const user = await getUser();
-
-		const result = await db
-			.select()
-			.from(insightsSalvos)
-			.where(
-				and(
-					eq(insightsSalvos.userId, user.id),
-					eq(insightsSalvos.period, period),
-				),
-			)
-			.limit(1);
-
-		if (result.length === 0) {
-			return {
-				success: true,
-				data: null,
-			};
-		}
-
-		const saved = result[0];
-		if (!saved) {
-			return {
-				success: true,
-				data: null,
-			};
-		}
-
-		const insights = InsightsResponseSchema.parse(JSON.parse(saved.data));
-
-		return {
-			success: true,
-			data: {
-				insights,
-				modelId: saved.modelId,
-				createdAt: saved.createdAt,
-			},
-		};
-	} catch (error) {
-		console.error("Error loading saved insights:", error);
-		return {
-			success: false,
-			error: "Erro ao carregar análise salva. Tente novamente.",
-		};
-	}
-}
-
-/**
- * Remove insights salvos do banco de dados
- */
-export async function deleteSavedInsightsAction(
-	period: string,
-): Promise<ActionResult<void>> {
-	try {
-		const user = await getUser();
-
-		await db
-			.delete(insightsSalvos)
-			.where(
-				and(
-					eq(insightsSalvos.userId, user.id),
-					eq(insightsSalvos.period, period),
-				),
-			);
-
-		return {
-			success: true,
-			data: undefined,
-		};
-	} catch (error) {
-		console.error("Error deleting saved insights:", error);
-		return {
-			success: false,
-			error: "Erro ao remover análise. Tente novamente.",
-		};
-	}
-}

app/(dashboard)/insights/loading.tsx

@@ -1,39 +0,0 @@
-import { Skeleton } from "@/components/ui/skeleton";
-
-/**
- * Loading state para a página de insights com IA
- */
-export default function InsightsLoading() {
-	return (
-		<main className="flex flex-col gap-6">
-			<div className="space-y-6 pt-4">
-				{/* Header */}
-				<div className="space-y-2">
-					<Skeleton className="h-10 w-64 rounded-2xl bg-foreground/10" />
-					<Skeleton className="h-6 w-96 rounded-2xl bg-foreground/10" />
-				</div>
-
-				{/* Grid de insights */}
-				<div className="grid grid-cols-1 gap-6 lg:grid-cols-2">
-					{Array.from({ length: 4 }).map((_, i) => (
-						<div key={i} className="rounded-2xl border p-6 space-y-4">
-							<div className="flex items-start justify-between">
-								<div className="space-y-2 flex-1">
-									<Skeleton className="h-6 w-48 rounded-2xl bg-foreground/10" />
-									<Skeleton className="h-4 w-full rounded-2xl bg-foreground/10" />
-									<Skeleton className="h-4 w-3/4 rounded-2xl bg-foreground/10" />
-								</div>
-								<Skeleton className="size-8 rounded-full bg-foreground/10" />
-							</div>
-							<div className="space-y-2">
-								<Skeleton className="h-3 w-full rounded-2xl bg-foreground/10" />
-								<Skeleton className="h-3 w-full rounded-2xl bg-foreground/10" />
-								<Skeleton className="h-3 w-2/3 rounded-2xl bg-foreground/10" />
-							</div>
-						</div>
-					))}
-				</div>
-			</div>
-		</main>
-	);
-}

app/(dashboard)/lancamentos/data.ts

@@ -1,47 +0,0 @@
-import { and, desc, eq, isNull, ne, or, type SQL } from "drizzle-orm";
-import {
-	cartoes,
-	categorias,
-	contas,
-	lancamentos,
-	pagadores,
-} from "@/db/schema";
-import { INITIAL_BALANCE_NOTE } from "@/lib/contas/constants";
-import { db } from "@/lib/db";
-
-export async function fetchLancamentos(filters: SQL[]) {
-	const lancamentoRows = await db
-		.select({
-			lancamento: lancamentos,
-			pagador: pagadores,
-			conta: contas,
-			cartao: cartoes,
-			categoria: categorias,
-		})
-		.from(lancamentos)
-		.leftJoin(pagadores, eq(lancamentos.pagadorId, pagadores.id))
-		.leftJoin(contas, eq(lancamentos.contaId, contas.id))
-		.leftJoin(cartoes, eq(lancamentos.cartaoId, cartoes.id))
-		.leftJoin(categorias, eq(lancamentos.categoriaId, categorias.id))
-		.where(
-			and(
-				...filters,
-				// Excluir saldos iniciais de contas que têm excludeInitialBalanceFromIncome = true
-				or(
-					ne(lancamentos.note, INITIAL_BALANCE_NOTE),
-					isNull(contas.excludeInitialBalanceFromIncome),
-					eq(contas.excludeInitialBalanceFromIncome, false),
-				),
-			),
-		)
-		.orderBy(desc(lancamentos.purchaseDate), desc(lancamentos.createdAt));
-
-	// Transformar resultado para o formato esperado
-	return lancamentoRows.map((row) => ({
-		...row.lancamento,
-		pagador: row.pagador,
-		conta: row.conta,
-		cartao: row.cartao,
-		categoria: row.categoria,
-	}));
-}

app/(dashboard)/lancamentos/page.tsx

@@ -1,92 +0,0 @@
-import { fetchUserPreferences } from "@/app/(dashboard)/ajustes/data";
-import { LancamentosPage } from "@/components/lancamentos/page/lancamentos-page";
-import MonthNavigation from "@/components/month-picker/month-navigation";
-import { getUserId } from "@/lib/auth/server";
-import {
-	buildLancamentoWhere,
-	buildOptionSets,
-	buildSluggedFilters,
-	buildSlugMaps,
-	extractLancamentoSearchFilters,
-	fetchLancamentoFilterSources,
-	getSingleParam,
-	mapLancamentosData,
-	type ResolvedSearchParams,
-} from "@/lib/lancamentos/page-helpers";
-import { parsePeriodParam } from "@/lib/utils/period";
-import { getRecentEstablishmentsAction } from "./actions";
-import { fetchLancamentos } from "./data";
-
-type PageSearchParams = Promise<ResolvedSearchParams>;
-
-type PageProps = {
-	searchParams?: PageSearchParams;
-};
-
-export default async function Page({ searchParams }: PageProps) {
-	const userId = await getUserId();
-	const resolvedSearchParams = searchParams ? await searchParams : undefined;
-
-	const periodoParamRaw = getSingleParam(resolvedSearchParams, "periodo");
-	const { period: selectedPeriod } = parsePeriodParam(periodoParamRaw);
-
-	const searchFilters = extractLancamentoSearchFilters(resolvedSearchParams);
-
-	const [filterSources, userPreferences] = await Promise.all([
-		fetchLancamentoFilterSources(userId),
-		fetchUserPreferences(userId),
-	]);
-
-	const sluggedFilters = buildSluggedFilters(filterSources);
-	const slugMaps = buildSlugMaps(sluggedFilters);
-
-	const filters = buildLancamentoWhere({
-		userId,
-		period: selectedPeriod,
-		filters: searchFilters,
-		slugMaps,
-	});
-
-	const lancamentoRows = await fetchLancamentos(filters);
-	const lancamentosData = mapLancamentosData(lancamentoRows);
-
-	const {
-		pagadorOptions,
-		splitPagadorOptions,
-		defaultPagadorId,
-		contaOptions,
-		cartaoOptions,
-		categoriaOptions,
-		pagadorFilterOptions,
-		categoriaFilterOptions,
-		contaCartaoFilterOptions,
-	} = buildOptionSets({
-		...sluggedFilters,
-		pagadorRows: filterSources.pagadorRows,
-	});
-
-	const estabelecimentos = await getRecentEstablishmentsAction();
-
-	return (
-		<main className="flex flex-col gap-6">
-			<MonthNavigation />
-			<LancamentosPage
-				currentUserId={userId}
-				lancamentos={lancamentosData}
-				pagadorOptions={pagadorOptions}
-				splitPagadorOptions={splitPagadorOptions}
-				defaultPagadorId={defaultPagadorId}
-				contaOptions={contaOptions}
-				cartaoOptions={cartaoOptions}
-				categoriaOptions={categoriaOptions}
-				pagadorFilterOptions={pagadorFilterOptions}
-				categoriaFilterOptions={categoriaFilterOptions}
-				contaCartaoFilterOptions={contaCartaoFilterOptions}
-				selectedPeriod={selectedPeriod}
-				estabelecimentos={estabelecimentos}
-				noteAsColumn={userPreferences?.extratoNoteAsColumn ?? false}
-				columnOrder={userPreferences?.lancamentosColumnOrder ?? null}
-			/>
-		</main>
-	);
-}

app/(dashboard)/layout.tsx

@@ -1,73 +0,0 @@
-import { FontProvider } from "@/components/font-provider";
-import { AppNavbar } from "@/components/navigation/navbar/app-navbar";
-import { PrivacyProvider } from "@/components/privacy-provider";
-import { getUserSession } from "@/lib/auth/server";
-import { fetchDashboardNotifications } from "@/lib/dashboard/notifications";
-import { fetchPagadoresWithAccess } from "@/lib/pagadores/access";
-import { PAGADOR_ROLE_ADMIN } from "@/lib/pagadores/constants";
-import { fetchUserFontPreferences } from "@/lib/preferences/fonts";
-import { parsePeriodParam } from "@/lib/utils/period";
-import { fetchPendingInboxCount } from "./pre-lancamentos/data";
-
-export default async function DashboardLayout({
-	children,
-	searchParams,
-}: Readonly<{
-	children: React.ReactNode;
-	searchParams?: Promise<Record<string, string | string[] | undefined>>;
-}>) {
-	const session = await getUserSession();
-	const pagadoresList = await fetchPagadoresWithAccess(session.user.id);
-
-	// Encontrar o pagador admin do usuário
-	const adminPagador = pagadoresList.find(
-		(p) => p.role === PAGADOR_ROLE_ADMIN && p.userId === session.user.id,
-	);
-
-	// Buscar notificações para o período atual
-	const resolvedSearchParams = searchParams ? await searchParams : undefined;
-	const periodoParam = resolvedSearchParams?.periodo;
-	const singlePeriodoParam =
-		typeof periodoParam === "string"
-			? periodoParam
-			: Array.isArray(periodoParam)
-				? periodoParam[0]
-				: null;
-	const { period: currentPeriod } = parsePeriodParam(
-		singlePeriodoParam ?? null,
-	);
-	const notificationsSnapshot = await fetchDashboardNotifications(
-		session.user.id,
-		currentPeriod,
-	);
-
-	// Buscar contagem de pré-lançamentos pendentes e preferências de fonte
-	const [preLancamentosCount, fontPrefs] = await Promise.all([
-		fetchPendingInboxCount(session.user.id),
-		fetchUserFontPreferences(session.user.id),
-	]);
-
-	return (
-		<FontProvider
-			systemFont={fontPrefs.systemFont}
-			moneyFont={fontPrefs.moneyFont}
-		>
-			<PrivacyProvider>
-				<AppNavbar
-					user={{ ...session.user, image: session.user.image ?? null }}
-					pagadorAvatarUrl={adminPagador?.avatarUrl ?? null}
-					preLancamentosCount={preLancamentosCount}
-					notificationsSnapshot={notificationsSnapshot}
-				/>
-				<div className="relative flex flex-1 flex-col pt-16">
-					<div className="pointer-events-none absolute inset-0 bg-linear-to-b from-primary/5 via-transparent to-transparent" />
-					<div className="@container/main flex flex-1 flex-col gap-2">
-						<div className="flex flex-col gap-4 py-5 md:gap-6 w-full max-w-8xl mx-auto px-4">
-							{children}
-						</div>
-					</div>
-				</div>
-			</PrivacyProvider>
-		</FontProvider>
-	);
-}

app/(dashboard)/orcamentos/actions.ts

@@ -1,274 +0,0 @@
-"use server";
-
-import { and, eq, ne } from "drizzle-orm";
-import { z } from "zod";
-import { categorias, orcamentos } from "@/db/schema";
-import {
-	type ActionResult,
-	handleActionError,
-	revalidateForEntity,
-} from "@/lib/actions/helpers";
-import { getUser } from "@/lib/auth/server";
-import { db } from "@/lib/db";
-import { periodSchema, uuidSchema } from "@/lib/schemas/common";
-import {
-	formatDecimalForDbRequired,
-	normalizeDecimalInput,
-} from "@/lib/utils/currency";
-
-const budgetBaseSchema = z.object({
-	categoriaId: uuidSchema("Categoria"),
-	period: periodSchema,
-	amount: z
-		.string({ message: "Informe o valor limite." })
-		.trim()
-		.min(1, "Informe o valor limite.")
-		.transform((value) => normalizeDecimalInput(value))
-		.refine(
-			(value) => !Number.isNaN(Number.parseFloat(value)),
-			"Informe um valor limite válido.",
-		)
-		.transform((value) => Number.parseFloat(value))
-		.refine(
-			(value) => value >= 0,
-			"O valor limite deve ser maior ou igual a zero.",
-		),
-});
-
-const createBudgetSchema = budgetBaseSchema;
-const updateBudgetSchema = budgetBaseSchema.extend({
-	id: uuidSchema("Orçamento"),
-});
-const deleteBudgetSchema = z.object({
-	id: uuidSchema("Orçamento"),
-});
-
-type BudgetCreateInput = z.infer<typeof createBudgetSchema>;
-type BudgetUpdateInput = z.infer<typeof updateBudgetSchema>;
-type BudgetDeleteInput = z.infer<typeof deleteBudgetSchema>;
-
-const ensureCategory = async (userId: string, categoriaId: string) => {
-	const category = await db.query.categorias.findFirst({
-		columns: {
-			id: true,
-			type: true,
-		},
-		where: and(eq(categorias.id, categoriaId), eq(categorias.userId, userId)),
-	});
-
-	if (!category) {
-		throw new Error("Categoria não encontrada.");
-	}
-
-	if (category.type !== "despesa") {
-		throw new Error("Selecione uma categoria de despesa.");
-	}
-};
-
-export async function createBudgetAction(
-	input: BudgetCreateInput,
-): Promise<ActionResult> {
-	try {
-		const user = await getUser();
-		const data = createBudgetSchema.parse(input);
-
-		await ensureCategory(user.id, data.categoriaId);
-
-		const duplicateConditions = [
-			eq(orcamentos.userId, user.id),
-			eq(orcamentos.period, data.period),
-			eq(orcamentos.categoriaId, data.categoriaId),
-		] as const;
-
-		const duplicate = await db.query.orcamentos.findFirst({
-			columns: { id: true },
-			where: and(...duplicateConditions),
-		});
-
-		if (duplicate) {
-			return {
-				success: false,
-				error:
-					"Já existe um orçamento para esta categoria no período selecionado.",
-			};
-		}
-
-		await db.insert(orcamentos).values({
-			amount: formatDecimalForDbRequired(data.amount),
-			period: data.period,
-			userId: user.id,
-			categoriaId: data.categoriaId,
-		});
-
-		revalidateForEntity("orcamentos");
-
-		return { success: true, message: "Orçamento criado com sucesso." };
-	} catch (error) {
-		return handleActionError(error);
-	}
-}
-
-export async function updateBudgetAction(
-	input: BudgetUpdateInput,
-): Promise<ActionResult> {
-	try {
-		const user = await getUser();
-		const data = updateBudgetSchema.parse(input);
-
-		await ensureCategory(user.id, data.categoriaId);
-
-		const duplicateConditions = [
-			eq(orcamentos.userId, user.id),
-			eq(orcamentos.period, data.period),
-			eq(orcamentos.categoriaId, data.categoriaId),
-			ne(orcamentos.id, data.id),
-		] as const;
-
-		const duplicate = await db.query.orcamentos.findFirst({
-			columns: { id: true },
-			where: and(...duplicateConditions),
-		});
-
-		if (duplicate) {
-			return {
-				success: false,
-				error:
-					"Já existe um orçamento para esta categoria no período selecionado.",
-			};
-		}
-
-		const [updated] = await db
-			.update(orcamentos)
-			.set({
-				amount: formatDecimalForDbRequired(data.amount),
-				period: data.period,
-				categoriaId: data.categoriaId,
-			})
-			.where(and(eq(orcamentos.id, data.id), eq(orcamentos.userId, user.id)))
-			.returning({ id: orcamentos.id });
-
-		if (!updated) {
-			return {
-				success: false,
-				error: "Orçamento não encontrado.",
-			};
-		}
-
-		revalidateForEntity("orcamentos");
-
-		return { success: true, message: "Orçamento atualizado com sucesso." };
-	} catch (error) {
-		return handleActionError(error);
-	}
-}
-
-export async function deleteBudgetAction(
-	input: BudgetDeleteInput,
-): Promise<ActionResult> {
-	try {
-		const user = await getUser();
-		const data = deleteBudgetSchema.parse(input);
-
-		const [deleted] = await db
-			.delete(orcamentos)
-			.where(and(eq(orcamentos.id, data.id), eq(orcamentos.userId, user.id)))
-			.returning({ id: orcamentos.id });
-
-		if (!deleted) {
-			return {
-				success: false,
-				error: "Orçamento não encontrado.",
-			};
-		}
-
-		revalidateForEntity("orcamentos");
-
-		return { success: true, message: "Orçamento removido com sucesso." };
-	} catch (error) {
-		return handleActionError(error);
-	}
-}
-
-const duplicatePreviousMonthSchema = z.object({
-	period: periodSchema,
-});
-
-type DuplicatePreviousMonthInput = z.infer<typeof duplicatePreviousMonthSchema>;
-
-export async function duplicatePreviousMonthBudgetsAction(
-	input: DuplicatePreviousMonthInput,
-): Promise<ActionResult> {
-	try {
-		const user = await getUser();
-		const data = duplicatePreviousMonthSchema.parse(input);
-
-		// Calcular mês anterior
-		const [year, month] = data.period.split("-").map(Number);
-		const currentDate = new Date(year, month - 1, 1);
-		const previousDate = new Date(currentDate);
-		previousDate.setMonth(previousDate.getMonth() - 1);
-
-		const prevYear = previousDate.getFullYear();
-		const prevMonth = String(previousDate.getMonth() + 1).padStart(2, "0");
-		const previousPeriod = `${prevYear}-${prevMonth}`;
-
-		// Buscar orçamentos do mês anterior
-		const previousBudgets = await db.query.orcamentos.findMany({
-			where: and(
-				eq(orcamentos.userId, user.id),
-				eq(orcamentos.period, previousPeriod),
-			),
-		});
-
-		if (previousBudgets.length === 0) {
-			return {
-				success: false,
-				error: "Não foram encontrados orçamentos no mês anterior.",
-			};
-		}
-
-		// Buscar orçamentos existentes do mês atual
-		const currentBudgets = await db.query.orcamentos.findMany({
-			where: and(
-				eq(orcamentos.userId, user.id),
-				eq(orcamentos.period, data.period),
-			),
-		});
-
-		// Filtrar para evitar duplicatas
-		const existingCategoryIds = new Set(
-			currentBudgets.map((b) => b.categoriaId),
-		);
-
-		const budgetsToCopy = previousBudgets.filter(
-			(b) => b.categoriaId && !existingCategoryIds.has(b.categoriaId),
-		);
-
-		if (budgetsToCopy.length === 0) {
-			return {
-				success: false,
-				error:
-					"Todas as categorias do mês anterior já possuem orçamento neste mês.",
-			};
-		}
-
-		// Inserir novos orçamentos
-		await db.insert(orcamentos).values(
-			budgetsToCopy.map((b) => ({
-				amount: b.amount,
-				period: data.period,
-				userId: user.id,
-				categoriaId: b.categoriaId as string,
-			})),
-		);
-
-		revalidateForEntity("orcamentos");
-
-		return {
-			success: true,
-			message: `${budgetsToCopy.length} orçamento${budgetsToCopy.length > 1 ? "s" : ""} duplicado${budgetsToCopy.length > 1 ? "s" : ""} com sucesso.`,
-		};
-	} catch (error) {
-		return handleActionError(error);
-	}
-}

app/(dashboard)/orcamentos/data.ts

@@ -1,136 +0,0 @@
-import { and, asc, eq, inArray, isNull, or, sql, sum } from "drizzle-orm";
-import {
-	categorias,
-	lancamentos,
-	type Orcamento,
-	orcamentos,
-	pagadores,
-} from "@/db/schema";
-import { ACCOUNT_AUTO_INVOICE_NOTE_PREFIX } from "@/lib/contas/constants";
-import { db } from "@/lib/db";
-import { PAGADOR_ROLE_ADMIN } from "@/lib/pagadores/constants";
-
-const toNumber = (value: string | number | null | undefined) => {
-	if (typeof value === "number") return value;
-	if (typeof value === "string") {
-		const parsed = Number.parseFloat(value);
-		return Number.isNaN(parsed) ? 0 : parsed;
-	}
-	return 0;
-};
-
-export type BudgetData = {
-	id: string;
-	amount: number;
-	spent: number;
-	period: string;
-	createdAt: string;
-	category: {
-		id: string;
-		name: string;
-		icon: string | null;
-	} | null;
-};
-
-export type CategoryOption = {
-	id: string;
-	name: string;
-	icon: string | null;
-};
-
-export async function fetchBudgetsForUser(
-	userId: string,
-	selectedPeriod: string,
-): Promise<{
-	budgets: BudgetData[];
-	categoriesOptions: CategoryOption[];
-}> {
-	const [budgetRows, categoryRows] = await Promise.all([
-		db.query.orcamentos.findMany({
-			where: and(
-				eq(orcamentos.userId, userId),
-				eq(orcamentos.period, selectedPeriod),
-			),
-			with: {
-				categoria: true,
-			},
-		}),
-		db.query.categorias.findMany({
-			columns: {
-				id: true,
-				name: true,
-				icon: true,
-			},
-			where: and(eq(categorias.userId, userId), eq(categorias.type, "despesa")),
-			orderBy: asc(categorias.name),
-		}),
-	]);
-
-	const categoryIds = budgetRows
-		.map((budget: Orcamento) => budget.categoriaId)
-		.filter((id: string | null): id is string => Boolean(id));
-
-	let totalsByCategory = new Map<string, number>();
-
-	if (categoryIds.length > 0) {
-		const totals = await db
-			.select({
-				categoriaId: lancamentos.categoriaId,
-				totalAmount: sum(lancamentos.amount).as("totalAmount"),
-			})
-			.from(lancamentos)
-			.innerJoin(pagadores, eq(lancamentos.pagadorId, pagadores.id))
-			.where(
-				and(
-					eq(lancamentos.userId, userId),
-					eq(lancamentos.period, selectedPeriod),
-					eq(lancamentos.transactionType, "Despesa"),
-					eq(pagadores.role, PAGADOR_ROLE_ADMIN),
-					inArray(lancamentos.categoriaId, categoryIds),
-					or(
-						isNull(lancamentos.note),
-						sql`${lancamentos.note} NOT LIKE ${`${ACCOUNT_AUTO_INVOICE_NOTE_PREFIX}%`}`,
-					),
-				),
-			)
-			.groupBy(lancamentos.categoriaId);
-
-		totalsByCategory = new Map(
-			totals.map(
-				(row: { categoriaId: string | null; totalAmount: string | null }) => [
-					row.categoriaId ?? "",
-					Math.abs(toNumber(row.totalAmount)),
-				],
-			),
-		);
-	}
-
-	const budgets = budgetRows
-		.map((budget: Orcamento) => ({
-			id: budget.id,
-			amount: toNumber(budget.amount),
-			spent: totalsByCategory.get(budget.categoriaId ?? "") ?? 0,
-			period: budget.period,
-			createdAt: budget.createdAt.toISOString(),
-			category: budget.categoria
-				? {
-						id: budget.categoria.id,
-						name: budget.categoria.name,
-						icon: budget.categoria.icon,
-					}
-				: null,
-		}))
-		.sort((a, b) =>
-			(a.category?.name ?? "").localeCompare(b.category?.name ?? "", "pt-BR", {
-				sensitivity: "base",
-			}),
-		);
-
-	const categoriesOptions = categoryRows.map((category) => ({
-		id: category.id,
-		name: category.name,
-		icon: category.icon,
-	}));
-
-	return { budgets, categoriesOptions };
-}

app/(dashboard)/pagadores/[pagadorId]/data.ts

@@ -1,98 +0,0 @@
-import { and, desc, eq, type SQL } from "drizzle-orm";
-import {
-	cartoes,
-	categorias,
-	compartilhamentosPagador,
-	contas,
-	lancamentos,
-	pagadores,
-	user as usersTable,
-} from "@/db/schema";
-import { db } from "@/lib/db";
-
-export type ShareData = {
-	id: string;
-	userId: string;
-	name: string;
-	email: string;
-	createdAt: string;
-};
-
-export async function fetchPagadorShares(
-	pagadorId: string,
-): Promise<ShareData[]> {
-	const shareRows = await db
-		.select({
-			id: compartilhamentosPagador.id,
-			sharedWithUserId: compartilhamentosPagador.sharedWithUserId,
-			createdAt: compartilhamentosPagador.createdAt,
-			userName: usersTable.name,
-			userEmail: usersTable.email,
-		})
-		.from(compartilhamentosPagador)
-		.innerJoin(
-			usersTable,
-			eq(compartilhamentosPagador.sharedWithUserId, usersTable.id),
-		)
-		.where(eq(compartilhamentosPagador.pagadorId, pagadorId));
-
-	return shareRows.map((share) => ({
-		id: share.id,
-		userId: share.sharedWithUserId,
-		name: share.userName ?? "Usuário",
-		email: share.userEmail ?? "email não informado",
-		createdAt: share.createdAt?.toISOString() ?? new Date().toISOString(),
-	}));
-}
-
-export async function fetchCurrentUserShare(
-	pagadorId: string,
-	userId: string,
-): Promise<{ id: string; createdAt: string } | null> {
-	const shareRow = await db.query.compartilhamentosPagador.findFirst({
-		columns: {
-			id: true,
-			createdAt: true,
-		},
-		where: and(
-			eq(compartilhamentosPagador.pagadorId, pagadorId),
-			eq(compartilhamentosPagador.sharedWithUserId, userId),
-		),
-	});
-
-	if (!shareRow) {
-		return null;
-	}
-
-	return {
-		id: shareRow.id,
-		createdAt: shareRow.createdAt?.toISOString() ?? new Date().toISOString(),
-	};
-}
-
-export async function fetchPagadorLancamentos(filters: SQL[]) {
-	const lancamentoRows = await db
-		.select({
-			lancamento: lancamentos,
-			pagador: pagadores,
-			conta: contas,
-			cartao: cartoes,
-			categoria: categorias,
-		})
-		.from(lancamentos)
-		.leftJoin(pagadores, eq(lancamentos.pagadorId, pagadores.id))
-		.leftJoin(contas, eq(lancamentos.contaId, contas.id))
-		.leftJoin(cartoes, eq(lancamentos.cartaoId, cartoes.id))
-		.leftJoin(categorias, eq(lancamentos.categoriaId, categorias.id))
-		.where(and(...filters))
-		.orderBy(desc(lancamentos.purchaseDate), desc(lancamentos.createdAt));
-
-	// Transformar resultado para o formato esperado
-	return lancamentoRows.map((row: Record<string, unknown>) => ({
-		...row.lancamento,
-		pagador: row.pagador,
-		conta: row.conta,
-		cartao: row.cartao,
-		categoria: row.categoria,
-	}));
-}

app/(dashboard)/pagadores/[pagadorId]/loading.tsx

@@ -1,84 +0,0 @@
-import { Skeleton } from "@/components/ui/skeleton";
-
-/**
- * Loading state para a página de detalhes do pagador
- * Layout: MonthPicker + Info do pagador + Tabs (Visão Geral / Lançamentos)
- */
-export default function PagadorDetailsLoading() {
-	return (
-		<main className="flex flex-col gap-6">
-			{/* Month Picker placeholder */}
-			<div className="h-[60px] animate-pulse rounded-2xl bg-foreground/10" />
-
-			{/* Info do Pagador (sempre visível) */}
-			<div className="rounded-2xl border p-6 space-y-4">
-				<div className="flex items-start gap-4">
-					{/* Avatar */}
-					<Skeleton className="size-20 rounded-full bg-foreground/10" />
-
-					<div className="flex-1 space-y-3">
-						{/* Nome + Badge */}
-						<div className="flex items-center gap-3">
-							<Skeleton className="h-7 w-48 rounded-2xl bg-foreground/10" />
-							<Skeleton className="h-6 w-20 rounded-2xl bg-foreground/10" />
-						</div>
-
-						{/* Email */}
-						<Skeleton className="h-5 w-64 rounded-2xl bg-foreground/10" />
-
-						{/* Status */}
-						<div className="flex items-center gap-2">
-							<Skeleton className="size-2 rounded-full bg-foreground/10" />
-							<Skeleton className="h-4 w-16 rounded-2xl bg-foreground/10" />
-						</div>
-					</div>
-
-					{/* Botões de ação */}
-					<div className="flex gap-2">
-						<Skeleton className="h-9 w-9 rounded-2xl bg-foreground/10" />
-						<Skeleton className="h-9 w-9 rounded-2xl bg-foreground/10" />
-					</div>
-				</div>
-			</div>
-
-			{/* Tabs */}
-			<div className="space-y-6 pt-4">
-				<div className="flex gap-2 border-b">
-					<Skeleton className="h-10 w-32 rounded-t-2xl bg-foreground/10" />
-					<Skeleton className="h-10 w-32 rounded-t-2xl bg-foreground/10" />
-				</div>
-
-				{/* Conteúdo da aba Visão Geral (grid de cards) */}
-				<div className="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3">
-					{/* Card de resumo mensal */}
-					<div className="rounded-2xl border p-6 space-y-4 lg:col-span-2">
-						<Skeleton className="h-6 w-48 rounded-2xl bg-foreground/10" />
-						<div className="grid grid-cols-3 gap-4 pt-4">
-							{Array.from({ length: 3 }).map((_, i) => (
-								<div key={i} className="space-y-2">
-									<Skeleton className="h-4 w-20 rounded-2xl bg-foreground/10" />
-									<Skeleton className="h-7 w-full rounded-2xl bg-foreground/10" />
-								</div>
-							))}
-						</div>
-					</div>
-
-					{/* Outros cards */}
-					{Array.from({ length: 4 }).map((_, i) => (
-						<div key={i} className="rounded-2xl border p-6 space-y-4">
-							<div className="flex items-center gap-2">
-								<Skeleton className="size-5 rounded-2xl bg-foreground/10" />
-								<Skeleton className="h-6 w-32 rounded-2xl bg-foreground/10" />
-							</div>
-							<div className="space-y-3 pt-4">
-								<Skeleton className="h-5 w-full rounded-2xl bg-foreground/10" />
-								<Skeleton className="h-5 w-3/4 rounded-2xl bg-foreground/10" />
-								<Skeleton className="h-5 w-1/2 rounded-2xl bg-foreground/10" />
-							</div>
-						</div>
-					))}
-				</div>
-			</div>
-		</main>
-	);
-}

app/(dashboard)/pagadores/[pagadorId]/page.tsx

@@ -1,490 +0,0 @@
-import {
-	RiBankCard2Line,
-	RiBarcodeLine,
-	RiWallet3Line,
-} from "@remixicon/react";
-import { notFound } from "next/navigation";
-import { fetchUserPreferences } from "@/app/(dashboard)/ajustes/data";
-import { getRecentEstablishmentsAction } from "@/app/(dashboard)/lancamentos/actions";
-import { LancamentosPage as LancamentosSection } from "@/components/lancamentos/page/lancamentos-page";
-import type {
-	ContaCartaoFilterOption,
-	LancamentoFilterOption,
-	LancamentoItem,
-	SelectOption,
-} from "@/components/lancamentos/types";
-import MonthNavigation from "@/components/month-picker/month-navigation";
-import { PagadorCardUsageCard } from "@/components/pagadores/details/pagador-card-usage-card";
-import { PagadorHistoryCard } from "@/components/pagadores/details/pagador-history-card";
-import { PagadorInfoCard } from "@/components/pagadores/details/pagador-info-card";
-import { PagadorLeaveShareCard } from "@/components/pagadores/details/pagador-leave-share-card";
-import { PagadorMonthlySummaryCard } from "@/components/pagadores/details/pagador-monthly-summary-card";
-import {
-	PagadorBoletoCard,
-	PagadorPaymentStatusCard,
-} from "@/components/pagadores/details/pagador-payment-method-cards";
-import { PagadorSharingCard } from "@/components/pagadores/details/pagador-sharing-card";
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
-import WidgetCard from "@/components/widget-card";
-import type { pagadores } from "@/db/schema";
-import { getUserId } from "@/lib/auth/server";
-import {
-	buildLancamentoWhere,
-	buildOptionSets,
-	buildSluggedFilters,
-	buildSlugMaps,
-	extractLancamentoSearchFilters,
-	fetchLancamentoFilterSources,
-	getSingleParam,
-	type LancamentoSearchFilters,
-	mapLancamentosData,
-	type ResolvedSearchParams,
-	type SluggedFilters,
-	type SlugMaps,
-} from "@/lib/lancamentos/page-helpers";
-import { getPagadorAccess } from "@/lib/pagadores/access";
-import {
-	fetchPagadorBoletoItems,
-	fetchPagadorBoletoStats,
-	fetchPagadorCardUsage,
-	fetchPagadorHistory,
-	fetchPagadorMonthlyBreakdown,
-	fetchPagadorPaymentStatus,
-} from "@/lib/pagadores/details";
-import { parsePeriodParam } from "@/lib/utils/period";
-import {
-	fetchCurrentUserShare,
-	fetchPagadorLancamentos,
-	fetchPagadorShares,
-} from "./data";
-
-type PageSearchParams = Promise<ResolvedSearchParams>;
-
-type PageProps = {
-	params: Promise<{ pagadorId: string }>;
-	searchParams?: PageSearchParams;
-};
-
-const capitalize = (value: string) =>
-	value.length ? value.charAt(0).toUpperCase().concat(value.slice(1)) : value;
-
-const EMPTY_FILTERS: LancamentoSearchFilters = {
-	transactionFilter: null,
-	conditionFilter: null,
-	paymentFilter: null,
-	pagadorFilter: null,
-	categoriaFilter: null,
-	contaCartaoFilter: null,
-	searchFilter: null,
-};
-
-const createEmptySlugMaps = (): SlugMaps => ({
-	pagador: new Map(),
-	categoria: new Map(),
-	conta: new Map(),
-	cartao: new Map(),
-});
-
-type OptionSet = ReturnType<typeof buildOptionSets>;
-
-export default async function Page({ params, searchParams }: PageProps) {
-	const { pagadorId } = await params;
-	const userId = await getUserId();
-	const resolvedSearchParams = searchParams ? await searchParams : undefined;
-
-	const access = await getPagadorAccess(userId, pagadorId);
-
-	if (!access) {
-		notFound();
-	}
-
-	const { pagador, canEdit } = access;
-	const dataOwnerId = pagador.userId;
-
-	const periodoParamRaw = getSingleParam(resolvedSearchParams, "periodo");
-	const {
-		period: selectedPeriod,
-		monthName,
-		year,
-	} = parsePeriodParam(periodoParamRaw);
-	const periodLabel = `${capitalize(monthName)} de ${year}`;
-
-	const allSearchFilters = extractLancamentoSearchFilters(resolvedSearchParams);
-	const searchFilters = canEdit
-		? allSearchFilters
-		: {
-				...EMPTY_FILTERS,
-				searchFilter: allSearchFilters.searchFilter, // Permitir busca mesmo em modo read-only
-			};
-
-	let filterSources: Awaited<
-		ReturnType<typeof fetchLancamentoFilterSources>
-	> | null = null;
-	let loggedUserFilterSources: Awaited<
-		ReturnType<typeof fetchLancamentoFilterSources>
-	> | null = null;
-	let sluggedFilters: SluggedFilters;
-	let slugMaps: SlugMaps;
-
-	if (canEdit) {
-		filterSources = await fetchLancamentoFilterSources(dataOwnerId);
-		sluggedFilters = buildSluggedFilters(filterSources);
-		slugMaps = buildSlugMaps(sluggedFilters);
-	} else {
-		// Buscar opções do usuário logado para usar ao importar
-		loggedUserFilterSources = await fetchLancamentoFilterSources(userId);
-		sluggedFilters = {
-			pagadorFiltersRaw: [],
-			categoriaFiltersRaw: [],
-			contaFiltersRaw: [],
-			cartaoFiltersRaw: [],
-		};
-		slugMaps = createEmptySlugMaps();
-	}
-
-	const filters = buildLancamentoWhere({
-		userId: dataOwnerId,
-		period: selectedPeriod,
-		filters: searchFilters,
-		slugMaps,
-		pagadorId: pagador.id,
-	});
-
-	const sharesPromise = canEdit
-		? fetchPagadorShares(pagador.id)
-		: Promise.resolve([]);
-
-	const currentUserSharePromise = !canEdit
-		? fetchCurrentUserShare(pagador.id, userId)
-		: Promise.resolve(null);
-
-	const [
-		lancamentoRows,
-		monthlyBreakdown,
-		historyData,
-		cardUsage,
-		boletoStats,
-		boletoItems,
-		paymentStatus,
-		shareRows,
-		currentUserShare,
-		estabelecimentos,
-		userPreferences,
-	] = await Promise.all([
-		fetchPagadorLancamentos(filters),
-		fetchPagadorMonthlyBreakdown({
-			userId: dataOwnerId,
-			pagadorId: pagador.id,
-			period: selectedPeriod,
-		}),
-		fetchPagadorHistory({
-			userId: dataOwnerId,
-			pagadorId: pagador.id,
-			period: selectedPeriod,
-		}),
-		fetchPagadorCardUsage({
-			userId: dataOwnerId,
-			pagadorId: pagador.id,
-			period: selectedPeriod,
-		}),
-		fetchPagadorBoletoStats({
-			userId: dataOwnerId,
-			pagadorId: pagador.id,
-			period: selectedPeriod,
-		}),
-		fetchPagadorBoletoItems({
-			userId: dataOwnerId,
-			pagadorId: pagador.id,
-			period: selectedPeriod,
-		}),
-		fetchPagadorPaymentStatus({
-			userId: dataOwnerId,
-			pagadorId: pagador.id,
-			period: selectedPeriod,
-		}),
-		sharesPromise,
-		currentUserSharePromise,
-		getRecentEstablishmentsAction(),
-		fetchUserPreferences(userId),
-	]);
-
-	const mappedLancamentos = mapLancamentosData(lancamentoRows);
-	const lancamentosData = canEdit
-		? mappedLancamentos
-		: mappedLancamentos.map((item) => ({ ...item, readonly: true }));
-
-	const pagadorSharesData = shareRows;
-
-	let optionSets: OptionSet;
-	let loggedUserOptionSets: OptionSet | null = null;
-	let effectiveSluggedFilters = sluggedFilters;
-
-	if (canEdit && filterSources) {
-		optionSets = buildOptionSets({
-			...sluggedFilters,
-			pagadorRows: filterSources.pagadorRows,
-		});
-	} else {
-		effectiveSluggedFilters = {
-			pagadorFiltersRaw: [
-				{
-					id: pagador.id,
-					label: pagador.name,
-					slug: pagador.id,
-					role: pagador.role,
-				},
-			],
-			categoriaFiltersRaw: [],
-			contaFiltersRaw: [],
-			cartaoFiltersRaw: [],
-		};
-		optionSets = buildReadOnlyOptionSets(lancamentosData, pagador);
-
-		// Construir opções do usuário logado para usar ao importar
-		if (loggedUserFilterSources) {
-			const loggedUserSluggedFilters = buildSluggedFilters(
-				loggedUserFilterSources,
-			);
-			loggedUserOptionSets = buildOptionSets({
-				...loggedUserSluggedFilters,
-				pagadorRows: loggedUserFilterSources.pagadorRows,
-			});
-		}
-	}
-
-	const pagadorSlug =
-		effectiveSluggedFilters.pagadorFiltersRaw.find(
-			(item) => item.id === pagador.id,
-		)?.slug ?? null;
-
-	const pagadorFilterOptions = pagadorSlug
-		? optionSets.pagadorFilterOptions.filter(
-				(option) => option.slug === pagadorSlug,
-			)
-		: optionSets.pagadorFilterOptions;
-
-	const pagadorData = {
-		id: pagador.id,
-		name: pagador.name,
-		email: pagador.email ?? null,
-		avatarUrl: pagador.avatarUrl ?? null,
-		status: pagador.status,
-		note: pagador.note ?? null,
-		role: pagador.role ?? null,
-		isAutoSend: pagador.isAutoSend ?? false,
-		createdAt: pagador.createdAt
-			? pagador.createdAt.toISOString()
-			: new Date().toISOString(),
-		lastMailAt: pagador.lastMailAt ? pagador.lastMailAt.toISOString() : null,
-		shareCode: canEdit ? pagador.shareCode : null,
-		canEdit,
-	};
-
-	const summaryPreview = {
-		periodLabel,
-		totalExpenses: monthlyBreakdown.totalExpenses,
-		paymentSplits: monthlyBreakdown.paymentSplits,
-		cardUsage: cardUsage.slice(0, 3).map((item) => ({
-			name: item.name,
-			amount: item.amount,
-		})),
-		boletoStats: {
-			totalAmount: boletoStats.totalAmount,
-			paidAmount: boletoStats.paidAmount,
-			pendingAmount: boletoStats.pendingAmount,
-			paidCount: boletoStats.paidCount,
-			pendingCount: boletoStats.pendingCount,
-		},
-		lancamentoCount: lancamentosData.length,
-	};
-
-	return (
-		<main className="flex flex-col gap-6">
-			<MonthNavigation />
-
-			<Tabs defaultValue="profile" className="w-full">
-				<TabsList className="mb-2">
-					<TabsTrigger value="profile">Perfil</TabsTrigger>
-					<TabsTrigger value="painel">Painel</TabsTrigger>
-					<TabsTrigger value="lancamentos">Lançamentos</TabsTrigger>
-				</TabsList>
-
-				<TabsContent value="profile" className="space-y-4">
-					<section>
-						<PagadorInfoCard
-							pagador={pagadorData}
-							selectedPeriod={selectedPeriod}
-							summary={summaryPreview}
-						/>
-					</section>
-					{canEdit && pagadorData.shareCode ? (
-						<PagadorSharingCard
-							pagadorId={pagador.id}
-							shareCode={pagadorData.shareCode}
-							shares={pagadorSharesData}
-						/>
-					) : null}
-					{!canEdit && currentUserShare ? (
-						<PagadorLeaveShareCard
-							shareId={currentUserShare.id}
-							pagadorName={pagadorData.name}
-							createdAt={currentUserShare.createdAt}
-						/>
-					) : null}
-				</TabsContent>
-
-				<TabsContent value="painel" className="space-y-4">
-					<section className="grid gap-3 lg:grid-cols-2">
-						<PagadorMonthlySummaryCard
-							periodLabel={periodLabel}
-							breakdown={monthlyBreakdown}
-						/>
-						<PagadorHistoryCard data={historyData} />
-					</section>
-
-					<section className="grid gap-3 lg:grid-cols-3">
-						<WidgetCard
-							title="Minhas Faturas"
-							subtitle="Valores por cartão neste período"
-							icon={<RiBankCard2Line className="size-4" />}
-						>
-							<PagadorCardUsageCard items={cardUsage} />
-						</WidgetCard>
-						<WidgetCard
-							title="Boletos"
-							subtitle="Boletos registrados neste período"
-							icon={<RiBarcodeLine className="size-4" />}
-						>
-							<PagadorBoletoCard items={boletoItems} />
-						</WidgetCard>
-						<WidgetCard
-							title="Status de Pagamento"
-							subtitle="Situação das despesas no período"
-							icon={<RiWallet3Line className="size-4" />}
-						>
-							<PagadorPaymentStatusCard data={paymentStatus} />
-						</WidgetCard>
-					</section>
-				</TabsContent>
-
-				<TabsContent value="lancamentos">
-					<section className="flex flex-col gap-4">
-						<LancamentosSection
-							currentUserId={userId}
-							lancamentos={lancamentosData}
-							pagadorOptions={optionSets.pagadorOptions}
-							splitPagadorOptions={optionSets.splitPagadorOptions}
-							defaultPagadorId={pagador.id}
-							contaOptions={optionSets.contaOptions}
-							cartaoOptions={optionSets.cartaoOptions}
-							categoriaOptions={optionSets.categoriaOptions}
-							pagadorFilterOptions={pagadorFilterOptions}
-							categoriaFilterOptions={optionSets.categoriaFilterOptions}
-							contaCartaoFilterOptions={optionSets.contaCartaoFilterOptions}
-							selectedPeriod={selectedPeriod}
-							estabelecimentos={estabelecimentos}
-							allowCreate={canEdit}
-							noteAsColumn={userPreferences?.extratoNoteAsColumn ?? false}
-							columnOrder={userPreferences?.lancamentosColumnOrder ?? null}
-							importPagadorOptions={loggedUserOptionSets?.pagadorOptions}
-							importSplitPagadorOptions={
-								loggedUserOptionSets?.splitPagadorOptions
-							}
-							importDefaultPagadorId={loggedUserOptionSets?.defaultPagadorId}
-							importContaOptions={loggedUserOptionSets?.contaOptions}
-							importCartaoOptions={loggedUserOptionSets?.cartaoOptions}
-							importCategoriaOptions={loggedUserOptionSets?.categoriaOptions}
-						/>
-					</section>
-				</TabsContent>
-			</Tabs>
-		</main>
-	);
-}
-
-const normalizeOptionLabel = (
-	value: string | null | undefined,
-	fallback: string,
-) => (value?.trim().length ? value.trim() : fallback);
-
-function buildReadOnlyOptionSets(
-	items: LancamentoItem[],
-	pagador: typeof pagadores.$inferSelect,
-): OptionSet {
-	const pagadorLabel = normalizeOptionLabel(pagador.name, "Pagador");
-	const pagadorOptions: SelectOption[] = [
-		{
-			value: pagador.id,
-			label: pagadorLabel,
-			slug: pagador.id,
-		},
-	];
-
-	const contaOptionsMap = new Map<string, SelectOption>();
-	const cartaoOptionsMap = new Map<string, SelectOption>();
-	const categoriaOptionsMap = new Map<string, SelectOption>();
-
-	items.forEach((item) => {
-		if (item.contaId && !contaOptionsMap.has(item.contaId)) {
-			contaOptionsMap.set(item.contaId, {
-				value: item.contaId,
-				label: normalizeOptionLabel(item.contaName, "Conta sem nome"),
-				slug: item.contaId,
-			});
-		}
-		if (item.cartaoId && !cartaoOptionsMap.has(item.cartaoId)) {
-			cartaoOptionsMap.set(item.cartaoId, {
-				value: item.cartaoId,
-				label: normalizeOptionLabel(item.cartaoName, "Cartão sem nome"),
-				slug: item.cartaoId,
-			});
-		}
-		if (item.categoriaId && !categoriaOptionsMap.has(item.categoriaId)) {
-			categoriaOptionsMap.set(item.categoriaId, {
-				value: item.categoriaId,
-				label: normalizeOptionLabel(item.categoriaName, "Categoria"),
-				slug: item.categoriaId,
-			});
-		}
-	});
-
-	const contaOptions = Array.from(contaOptionsMap.values());
-	const cartaoOptions = Array.from(cartaoOptionsMap.values());
-	const categoriaOptions = Array.from(categoriaOptionsMap.values());
-
-	const pagadorFilterOptions: LancamentoFilterOption[] = [
-		{ slug: pagador.id, label: pagadorLabel },
-	];
-
-	const categoriaFilterOptions: LancamentoFilterOption[] = categoriaOptions.map(
-		(option) => ({
-			slug: option.value,
-			label: option.label,
-		}),
-	);
-
-	const contaCartaoFilterOptions: ContaCartaoFilterOption[] = [
-		...contaOptions.map((option) => ({
-			slug: option.value,
-			label: option.label,
-			kind: "conta" as const,
-		})),
-		...cartaoOptions.map((option) => ({
-			slug: option.value,
-			label: option.label,
-			kind: "cartao" as const,
-		})),
-	];
-
-	return {
-		pagadorOptions,
-		splitPagadorOptions: [],
-		defaultPagadorId: pagador.id,
-		contaOptions,
-		cartaoOptions,
-		categoriaOptions,
-		pagadorFilterOptions,
-		categoriaFilterOptions,
-		contaCartaoFilterOptions,
-	};
-}

app/(dashboard)/pagadores/loading.tsx

@@ -1,57 +0,0 @@
-import { Skeleton } from "@/components/ui/skeleton";
-
-/**
- * Loading state para a página de pagadores
- * Layout: Header + Input de compartilhamento + Grid de cards
- */
-export default function PagadoresLoading() {
-	return (
-		<main className="flex flex-col items-start gap-6">
-			<div className="w-full space-y-6">
-				{/* Input de código de compartilhamento */}
-				<div className="rounded-2xl border p-4 space-y-3">
-					<Skeleton className="h-5 w-64 rounded-2xl bg-foreground/10" />
-					<div className="flex gap-2">
-						<Skeleton className="h-10 flex-1 rounded-2xl bg-foreground/10" />
-						<Skeleton className="h-10 w-32 rounded-2xl bg-foreground/10" />
-					</div>
-				</div>
-
-				{/* Grid de cards de pagadores */}
-				<div className="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3">
-					{Array.from({ length: 6 }).map((_, i) => (
-						<div key={i} className="rounded-2xl border p-6 space-y-4">
-							{/* Avatar + Nome + Badge */}
-							<div className="flex items-start gap-4">
-								<Skeleton className="size-16 rounded-full bg-foreground/10" />
-								<div className="flex-1 space-y-2">
-									<Skeleton className="h-6 w-32 rounded-2xl bg-foreground/10" />
-									<Skeleton className="h-5 w-20 rounded-2xl bg-foreground/10" />
-								</div>
-								{i === 0 && (
-									<Skeleton className="h-6 w-16 rounded-2xl bg-foreground/10" />
-								)}
-							</div>
-
-							{/* Email */}
-							<Skeleton className="h-4 w-full rounded-2xl bg-foreground/10" />
-
-							{/* Status */}
-							<div className="flex items-center gap-2">
-								<Skeleton className="size-2 rounded-full bg-foreground/10" />
-								<Skeleton className="h-4 w-16 rounded-2xl bg-foreground/10" />
-							</div>
-
-							{/* Botões de ação */}
-							<div className="flex gap-2 pt-2 border-t">
-								<Skeleton className="h-9 flex-1 rounded-2xl bg-foreground/10" />
-								<Skeleton className="h-9 w-9 rounded-2xl bg-foreground/10" />
-								<Skeleton className="h-9 w-9 rounded-2xl bg-foreground/10" />
-							</div>
-						</div>
-					))}
-				</div>
-			</div>
-		</main>
-	);
-}

app/(dashboard)/pagadores/page.tsx

@@ -1,14 +0,0 @@
-import { PagadoresPage } from "@/components/pagadores/pagadores-page";
-import { getUserId } from "@/lib/auth/server";
-import { fetchPagadoresForUser } from "./data";
-
-export default async function Page() {
-	const userId = await getUserId();
-	const { pagadores, avatarOptions } = await fetchPagadoresForUser(userId);
-
-	return (
-		<main className="flex flex-col items-start gap-6">
-			<PagadoresPage pagadores={pagadores} avatarOptions={avatarOptions} />
-		</main>
-	);
-}

app/(dashboard)/pre-lancamentos/data.ts

@@ -1,195 +0,0 @@
-import { and, desc, eq, gte } from "drizzle-orm";
-import type {
-	InboxItem,
-	SelectOption,
-} from "@/components/pre-lancamentos/types";
-import {
-	cartoes,
-	categorias,
-	contas,
-	lancamentos,
-	preLancamentos,
-} from "@/db/schema";
-import { db } from "@/lib/db";
-import {
-	buildOptionSets,
-	buildSluggedFilters,
-	fetchLancamentoFilterSources,
-} from "@/lib/lancamentos/page-helpers";
-
-export async function fetchInboxItems(
-	userId: string,
-	status: "pending" | "processed" | "discarded" = "pending",
-): Promise<InboxItem[]> {
-	const items = await db
-		.select()
-		.from(preLancamentos)
-		.where(
-			and(eq(preLancamentos.userId, userId), eq(preLancamentos.status, status)),
-		)
-		.orderBy(desc(preLancamentos.createdAt));
-
-	return items;
-}
-
-export async function fetchInboxItemById(
-	userId: string,
-	itemId: string,
-): Promise<InboxItem | null> {
-	const [item] = await db
-		.select()
-		.from(preLancamentos)
-		.where(
-			and(eq(preLancamentos.id, itemId), eq(preLancamentos.userId, userId)),
-		)
-		.limit(1);
-
-	return item ?? null;
-}
-
-export async function fetchCategoriasForSelect(
-	userId: string,
-	type?: string,
-): Promise<SelectOption[]> {
-	const query = db
-		.select({ id: categorias.id, name: categorias.name })
-		.from(categorias)
-		.where(
-			type
-				? and(eq(categorias.userId, userId), eq(categorias.type, type))
-				: eq(categorias.userId, userId),
-		)
-		.orderBy(categorias.name);
-
-	return query;
-}
-
-export async function fetchContasForSelect(
-	userId: string,
-): Promise<SelectOption[]> {
-	const items = await db
-		.select({ id: contas.id, name: contas.name })
-		.from(contas)
-		.where(and(eq(contas.userId, userId), eq(contas.status, "ativo")))
-		.orderBy(contas.name);
-
-	return items;
-}
-
-export async function fetchCartoesForSelect(
-	userId: string,
-): Promise<(SelectOption & { lastDigits?: string })[]> {
-	const items = await db
-		.select({ id: cartoes.id, name: cartoes.name })
-		.from(cartoes)
-		.where(and(eq(cartoes.userId, userId), eq(cartoes.status, "ativo")))
-		.orderBy(cartoes.name);
-
-	return items;
-}
-
-export async function fetchAppLogoMap(
-	userId: string,
-): Promise<Record<string, string>> {
-	const [userCartoes, userContas] = await Promise.all([
-		db
-			.select({ name: cartoes.name, logo: cartoes.logo })
-			.from(cartoes)
-			.where(eq(cartoes.userId, userId)),
-		db
-			.select({ name: contas.name, logo: contas.logo })
-			.from(contas)
-			.where(eq(contas.userId, userId)),
-	]);
-
-	const logoMap: Record<string, string> = {};
-
-	for (const item of [...userCartoes, ...userContas]) {
-		if (item.logo) {
-			logoMap[item.name.toLowerCase()] = item.logo;
-		}
-	}
-
-	return logoMap;
-}
-
-export async function fetchPendingInboxCount(userId: string): Promise<number> {
-	const items = await db
-		.select({ id: preLancamentos.id })
-		.from(preLancamentos)
-		.where(
-			and(
-				eq(preLancamentos.userId, userId),
-				eq(preLancamentos.status, "pending"),
-			),
-		);
-
-	return items.length;
-}
-
-/**
- * Fetch all data needed for the LancamentoDialog in inbox context
- */
-export async function fetchInboxDialogData(userId: string): Promise<{
-	pagadorOptions: SelectOption[];
-	splitPagadorOptions: SelectOption[];
-	defaultPagadorId: string | null;
-	contaOptions: SelectOption[];
-	cartaoOptions: SelectOption[];
-	categoriaOptions: SelectOption[];
-	estabelecimentos: string[];
-}> {
-	const filterSources = await fetchLancamentoFilterSources(userId);
-	const sluggedFilters = buildSluggedFilters(filterSources);
-
-	const {
-		pagadorOptions,
-		splitPagadorOptions,
-		defaultPagadorId,
-		contaOptions,
-		cartaoOptions,
-		categoriaOptions,
-	} = buildOptionSets({
-		...sluggedFilters,
-		pagadorRows: filterSources.pagadorRows,
-	});
-
-	// Fetch recent establishments (same approach as getRecentEstablishmentsAction)
-	const threeMonthsAgo = new Date();
-	threeMonthsAgo.setMonth(threeMonthsAgo.getMonth() - 3);
-
-	const recentEstablishments = await db
-		.select({ name: lancamentos.name })
-		.from(lancamentos)
-		.where(
-			and(
-				eq(lancamentos.userId, userId),
-				gte(lancamentos.purchaseDate, threeMonthsAgo),
-			),
-		)
-		.orderBy(desc(lancamentos.purchaseDate));
-
-	// Remove duplicates and filter empty names
-	const filteredNames: string[] = recentEstablishments
-		.map((r: { name: string }) => r.name)
-		.filter(
-			(name: string | null): name is string =>
-				name != null &&
-				name.trim().length > 0 &&
-				!name.toLowerCase().startsWith("pagamento fatura"),
-		);
-	const estabelecimentos = Array.from<string>(new Set(filteredNames)).slice(
-		0,
-		100,
-	);
-
-	return {
-		pagadorOptions,
-		splitPagadorOptions,
-		defaultPagadorId,
-		contaOptions,
-		cartaoOptions,
-		categoriaOptions,
-		estabelecimentos,
-	};
-}

app/(dashboard)/pre-lancamentos/loading.tsx

@@ -1,33 +0,0 @@
-import { Card } from "@/components/ui/card";
-import { Skeleton } from "@/components/ui/skeleton";
-
-export default function Loading() {
-	return (
-		<main className="flex flex-col items-start gap-6">
-			<div className="flex w-full flex-col gap-6">
-				<div className="flex justify-between">
-					<Skeleton className="h-10 w-48" />
-					<Skeleton className="h-10 w-32" />
-				</div>
-				<div className="grid gap-4 md:grid-cols-2 lg:grid-cols-3">
-					{Array.from({ length: 6 }).map((_, i) => (
-						<Card key={i} className="p-4">
-							<div className="space-y-3">
-								<div className="flex justify-between">
-									<Skeleton className="h-5 w-24" />
-									<Skeleton className="h-5 w-16" />
-								</div>
-								<Skeleton className="h-4 w-full" />
-								<Skeleton className="h-4 w-3/4" />
-								<div className="flex gap-2 pt-2">
-									<Skeleton className="h-8 w-20" />
-									<Skeleton className="h-8 w-20" />
-								</div>
-							</div>
-						</Card>
-					))}
-				</div>
-			</div>
-		</main>
-	);
-}

app/(dashboard)/pre-lancamentos/page.tsx

@@ -1,34 +0,0 @@
-import { InboxPage } from "@/components/pre-lancamentos/inbox-page";
-import { getUserId } from "@/lib/auth/server";
-import { fetchAppLogoMap, fetchInboxDialogData, fetchInboxItems } from "./data";
-
-export default async function Page() {
-	const userId = await getUserId();
-
-	const [pendingItems, processedItems, discardedItems, dialogData, appLogoMap] =
-		await Promise.all([
-			fetchInboxItems(userId, "pending"),
-			fetchInboxItems(userId, "processed"),
-			fetchInboxItems(userId, "discarded"),
-			fetchInboxDialogData(userId),
-			fetchAppLogoMap(userId),
-		]);
-
-	return (
-		<main className="flex flex-col items-start gap-6">
-			<InboxPage
-				pendingItems={pendingItems}
-				processedItems={processedItems}
-				discardedItems={discardedItems}
-				pagadorOptions={dialogData.pagadorOptions}
-				splitPagadorOptions={dialogData.splitPagadorOptions}
-				defaultPagadorId={dialogData.defaultPagadorId}
-				contaOptions={dialogData.contaOptions}
-				cartaoOptions={dialogData.cartaoOptions}
-				categoriaOptions={dialogData.categoriaOptions}
-				estabelecimentos={dialogData.estabelecimentos}
-				appLogoMap={appLogoMap}
-			/>
-		</main>
-	);
-}

app/(dashboard)/relatorios/analise-parcelas/page.tsx

@@ -1,14 +0,0 @@
-import { InstallmentAnalysisPage } from "@/components/dashboard/installment-analysis/installment-analysis-page";
-import { getUser } from "@/lib/auth/server";
-import { fetchInstallmentAnalysis } from "@/lib/dashboard/expenses/installment-analysis";
-
-export default async function Page() {
-	const user = await getUser();
-	const data = await fetchInstallmentAnalysis(user.id);
-
-	return (
-		<main className="flex flex-col gap-4 pb-8">
-			<InstallmentAnalysisPage data={data} />
-		</main>
-	);
-}

app/(dashboard)/relatorios/tendencias/data.ts

@@ -1,12 +0,0 @@
-import { asc, eq } from "drizzle-orm";
-import { type Categoria, categorias } from "@/db/schema";
-import { db } from "@/lib/db";
-
-export async function fetchUserCategories(
-	userId: string,
-): Promise<Categoria[]> {
-	return db.query.categorias.findMany({
-		where: eq(categorias.userId, userId),
-		orderBy: [asc(categorias.name)],
-	});
-}

app/api/auth/device/refresh/route.ts

@@ -1,85 +0,0 @@
-import { and, eq, isNull } from "drizzle-orm";
-import { NextResponse } from "next/server";
-import { tokensApi } from "@/db/schema";
-import {
-	extractBearerToken,
-	hashToken,
-	refreshAccessToken,
-	verifyJwt,
-} from "@/lib/auth/api-token";
-import { db } from "@/lib/db";
-
-export async function POST(request: Request) {
-	try {
-		// Extrair refresh token do header
-		const authHeader = request.headers.get("Authorization");
-		const token = extractBearerToken(authHeader);
-
-		if (!token) {
-			return NextResponse.json(
-				{ error: "Refresh token não fornecido" },
-				{ status: 401 },
-			);
-		}
-
-		// Validar refresh token
-		const payload = verifyJwt(token);
-
-		if (!payload || payload.type !== "api_refresh") {
-			return NextResponse.json(
-				{ error: "Refresh token inválido ou expirado" },
-				{ status: 401 },
-			);
-		}
-
-		// Verificar se token não foi revogado
-		const tokenRecord = await db.query.tokensApi.findFirst({
-			where: and(
-				eq(tokensApi.id, payload.tokenId),
-				eq(tokensApi.userId, payload.sub),
-				isNull(tokensApi.revokedAt),
-			),
-		});
-
-		if (!tokenRecord) {
-			return NextResponse.json(
-				{ error: "Token revogado ou não encontrado" },
-				{ status: 401 },
-			);
-		}
-
-		// Gerar novo access token
-		const result = refreshAccessToken(token);
-
-		if (!result) {
-			return NextResponse.json(
-				{ error: "Não foi possível renovar o token" },
-				{ status: 401 },
-			);
-		}
-
-		// Atualizar hash do token e último uso
-		await db
-			.update(tokensApi)
-			.set({
-				tokenHash: hashToken(result.accessToken),
-				lastUsedAt: new Date(),
-				lastUsedIp:
-					request.headers.get("x-forwarded-for") ||
-					request.headers.get("x-real-ip"),
-				expiresAt: result.expiresAt,
-			})
-			.where(eq(tokensApi.id, payload.tokenId));
-
-		return NextResponse.json({
-			accessToken: result.accessToken,
-			expiresAt: result.expiresAt.toISOString(),
-		});
-	} catch (error) {
-		console.error("[API] Error refreshing device token:", error);
-		return NextResponse.json(
-			{ error: "Erro ao renovar token" },
-			{ status: 500 },
-		);
-	}
-}

app/api/auth/device/token/route.ts

@@ -1,71 +0,0 @@
-import { headers } from "next/headers";
-import { NextResponse } from "next/server";
-import { z } from "zod";
-import { tokensApi } from "@/db/schema";
-import {
-	generateTokenPair,
-	getTokenPrefix,
-	hashToken,
-} from "@/lib/auth/api-token";
-import { auth } from "@/lib/auth/config";
-import { db } from "@/lib/db";
-
-const createTokenSchema = z.object({
-	name: z.string().min(1, "Nome é obrigatório").max(100, "Nome muito longo"),
-	deviceId: z.string().optional(),
-});
-
-export async function POST(request: Request) {
-	try {
-		// Verificar autenticação via sessão web
-		const session = await auth.api.getSession({ headers: await headers() });
-
-		if (!session?.user) {
-			return NextResponse.json({ error: "Não autenticado" }, { status: 401 });
-		}
-
-		// Validar body
-		const body = await request.json();
-		const { name, deviceId } = createTokenSchema.parse(body);
-
-		// Gerar par de tokens
-		const { accessToken, refreshToken, tokenId, expiresAt } = generateTokenPair(
-			session.user.id,
-			deviceId,
-		);
-
-		// Salvar hash do token no banco
-		await db.insert(tokensApi).values({
-			id: tokenId,
-			userId: session.user.id,
-			name,
-			tokenHash: hashToken(accessToken),
-			tokenPrefix: getTokenPrefix(accessToken),
-			expiresAt,
-		});
-
-		// Retornar tokens (mostrados apenas uma vez)
-		return NextResponse.json(
-			{
-				accessToken,
-				refreshToken,
-				tokenId,
-				name,
-				expiresAt: expiresAt.toISOString(),
-				message:
-					"Token criado com sucesso. Guarde-o em local seguro, ele não será mostrado novamente.",
-			},
-			{ status: 201 },
-		);
-	} catch (error) {
-		if (error instanceof z.ZodError) {
-			return NextResponse.json(
-				{ error: error.issues[0]?.message ?? "Dados inválidos" },
-				{ status: 400 },
-			);
-		}
-
-		console.error("[API] Error creating device token:", error);
-		return NextResponse.json({ error: "Erro ao criar token" }, { status: 500 });
-	}
-}

app/api/auth/device/tokens/route.ts

@@ -1,42 +0,0 @@
-import { and, desc, eq, isNull } from "drizzle-orm";
-import { headers } from "next/headers";
-import { NextResponse } from "next/server";
-import { tokensApi } from "@/db/schema";
-import { auth } from "@/lib/auth/config";
-import { db } from "@/lib/db";
-
-export async function GET() {
-	try {
-		// Verificar autenticação via sessão web
-		const session = await auth.api.getSession({ headers: await headers() });
-
-		if (!session?.user) {
-			return NextResponse.json({ error: "Não autenticado" }, { status: 401 });
-		}
-
-		// Buscar tokens ativos do usuário
-		const activeTokens = await db
-			.select({
-				id: tokensApi.id,
-				name: tokensApi.name,
-				tokenPrefix: tokensApi.tokenPrefix,
-				lastUsedAt: tokensApi.lastUsedAt,
-				lastUsedIp: tokensApi.lastUsedIp,
-				expiresAt: tokensApi.expiresAt,
-				createdAt: tokensApi.createdAt,
-			})
-			.from(tokensApi)
-			.where(
-				and(eq(tokensApi.userId, session.user.id), isNull(tokensApi.revokedAt)),
-			)
-			.orderBy(desc(tokensApi.createdAt));
-
-		return NextResponse.json({ tokens: activeTokens });
-	} catch (error) {
-		console.error("[API] Error listing device tokens:", error);
-		return NextResponse.json(
-			{ error: "Erro ao listar tokens" },
-			{ status: 500 },
-		);
-	}
-}

app/layout.tsx

@@ -1,38 +0,0 @@
-import { Analytics } from "@vercel/analytics/next";
-import { SpeedInsights } from "@vercel/speed-insights/next";
-import type { Metadata } from "next";
-import { ThemeProvider } from "@/components/theme-provider";
-import { Toaster } from "@/components/ui/sonner";
-import { allFontVariables } from "@/public/fonts/font_index";
-import "./globals.css";
-
-export const metadata: Metadata = {
-	title: {
-		default: "OpenMonetis | Suas finanças, do seu jeito",
-		template: "%s | OpenMonetis",
-	},
-	description:
-		"Controle suas finanças pessoais de forma simples e transparente.",
-};
-
-export default function RootLayout({
-	children,
-}: Readonly<{
-	children: React.ReactNode;
-}>) {
-	return (
-		<html lang="pt-BR" className={allFontVariables} suppressHydrationWarning>
-			<head>
-				<meta name="apple-mobile-web-app-title" content="OpenMonetis" />
-			</head>
-			<body className="subpixel-antialiased" suppressHydrationWarning>
-				<ThemeProvider attribute="class" defaultTheme="light">
-					{children}
-					<Toaster position="top-right" />
-				</ThemeProvider>
-				<Analytics />
-				<SpeedInsights />
-			</body>
-		</html>
-	);
-}

app/robots.ts

@@ -1,35 +0,0 @@
-import type { MetadataRoute } from "next";
-
-const BASE_URL = process.env.PUBLIC_DOMAIN
-	? `https://${process.env.PUBLIC_DOMAIN}`
-	: "https://openmonetis.com";
-
-export default function robots(): MetadataRoute.Robots {
-	return {
-		rules: [
-			{
-				userAgent: "*",
-				allow: "/",
-				disallow: [
-					"/dashboard",
-					"/lancamentos",
-					"/contas",
-					"/cartoes",
-					"/categorias",
-					"/orcamentos",
-					"/pagadores",
-					"/anotacoes",
-					"/insights",
-					"/calendario",
-					"/consultor",
-					"/ajustes",
-					"/relatorios",
-					"/pre-lancamentos",
-					"/login",
-					"/api/",
-				],
-			},
-		],
-		sitemap: `${BASE_URL}/sitemap.xml`,
-	};
-}

biome.json

@@ -1,5 +1,5 @@
 {
-	"$schema": "https://biomejs.dev/schemas/2.4.4/schema.json",
+	"$schema": "https://biomejs.dev/schemas/2.4.16/schema.json",
 	"vcs": {
 		"enabled": true,
 		"clientKind": "git",

components.json

@@ -16,7 +16,7 @@
 		"utils": "@/lib/utils",
 		"ui": "@/components/ui",
 		"lib": "@/lib",
-		"hooks": "@/hooks"
+		"hooks": "@/lib/hooks"
 	},
 	"registries": {
 		"@coss": "https://coss.com/ui/r/{name}.json",

components/ajustes/changelog-tab.tsx

@@ -1,92 +0,0 @@
-import Link from "next/link";
-import { Badge } from "@/components/ui/badge";
-import { Card } from "@/components/ui/card";
-import type { ChangelogVersion } from "@/lib/changelog/parse-changelog";
-
-/** 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 };
-}
-
-const sectionBadgeVariant: Record<
-	string,
-	"success" | "info" | "destructive" | "secondary"
-> = {
-	Adicionado: "success",
-	Alterado: "info",
-	Corrigido: "destructive",
-	Removido: "secondary",
-};
-
-function getSectionVariant(type: string) {
-	return sectionBadgeVariant[type] ?? "secondary";
-}
-
-export function ChangelogTab({ versions }: { versions: ChangelogVersion[] }) {
-	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-bold">v{version.version}</h3>
-						<span className="text-sm text-muted-foreground">
-							{version.date}
-						</span>
-					</div>
-					<div className="space-y-4">
-						{version.sections.map((section) => (
-							<div key={section.type}>
-								<Badge
-									variant={getSectionVariant(section.type)}
-									className="mb-2"
-								>
-									{section.type}
-								</Badge>
-								<ul className="space-y-1.5 text-muted-foreground">
-									{section.items.map((item) => (
-										<li key={item} className="flex gap-2">
-											<span className="text-primary select-none">&bull;</span>
-											<span className="text-sm">{item}</span>
-										</li>
-									))}
-								</ul>
-							</div>
-						))}
-						{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>
-	);
-}

components/ajustes/companion-tab.tsx

@@ -1,117 +0,0 @@
-"use client";
-
-import {
-	RiAndroidLine,
-	RiDownload2Line,
-	RiExternalLinkLine,
-	RiNotification3Line,
-	RiQrCodeLine,
-	RiShieldCheckLine,
-} from "@remixicon/react";
-import type { ReactNode } from "react";
-import { Card } from "@/components/ui/card";
-import { ApiTokensForm } from "./api-tokens-form";
-
-interface ApiToken {
-	id: string;
-	name: string;
-	tokenPrefix: string;
-	lastUsedAt: Date | null;
-	lastUsedIp: string | null;
-	createdAt: Date;
-	expiresAt: Date | null;
-	revokedAt: Date | null;
-}
-
-interface CompanionTabProps {
-	tokens: ApiToken[];
-}
-
-const steps: {
-	icon: typeof RiDownload2Line;
-	title: string;
-	description: ReactNode;
-}[] = [
-	{
-		icon: RiDownload2Line,
-		title: "Instale o app",
-		description: (
-			<>
-				Baixe o APK no{" "}
-				<a
-					href="https://github.com/felipegcoutinho/openmonetis-companion"
-					target="_blank"
-					rel="noopener noreferrer"
-					className="inline-flex items-center gap-0.5 text-primary hover:underline"
-				>
-					GitHub
-					<RiExternalLinkLine className="h-3 w-3" />
-				</a>
-			</>
-		),
-	},
-	{
-		icon: RiQrCodeLine,
-		title: "Gere um token",
-		description: "Crie um token abaixo para autenticar.",
-	},
-	{
-		icon: RiNotification3Line,
-		title: "Configure permissões",
-		description: "Conceda acesso às notificações.",
-	},
-	{
-		icon: RiShieldCheckLine,
-		title: "Pronto!",
-		description: "Notificações serão enviadas ao OpenMonetis.",
-	},
-];
-
-export function CompanionTab({ tokens }: CompanionTabProps) {
-	return (
-		<Card className="p-6">
-			<div className="space-y-6">
-				{/* Header */}
-				<div>
-					<div className="flex items-center gap-2 mb-1">
-						<h2 className="text-lg font-bold">OpenMonetis Companion</h2>
-						<span className="inline-flex items-center gap-1 rounded-full bg-success/10 px-2 py-0.5 text-xs font-medium text-success dark:bg-success/10">
-							<RiAndroidLine className="h-3 w-3" />
-							Android
-						</span>
-					</div>
-					<p className="text-sm text-muted-foreground">
-						Capture notificações de transações dos seus apps de banco (Nubank,
-						Itaú, Bradesco, Inter, C6 e outros) e envie para sua caixa de
-						entrada.
-					</p>
-				</div>
-
-				{/* Steps */}
-				<div className="grid grid-cols-2 gap-x-4 gap-y-3 sm:grid-cols-4">
-					{steps.map((step, index) => (
-						<div key={step.title} className="flex items-start gap-2">
-							<div className="flex h-7 w-7 shrink-0 items-center justify-center rounded-md bg-muted text-muted-foreground">
-								<step.icon className="h-4 w-4" />
-							</div>
-							<div className="min-w-0">
-								<p className="text-sm font-medium leading-tight">
-									{index + 1}. {step.title}
-								</p>
-								<p className="text-xs text-muted-foreground">
-									{step.description}
-								</p>
-							</div>
-						</div>
-					))}
-				</div>
-
-				{/* Divider */}
-				<div className="border-t" />
-
-				{/* Devices */}
-				<ApiTokensForm tokens={tokens} />
-			</div>
-		</Card>
-	);
-}

components/ajustes/delete-account-form.tsx

@@ -1,136 +0,0 @@
-"use client";
-import { useRouter } from "next/navigation";
-import { useState, useTransition } from "react";
-import { toast } from "sonner";
-import { deleteAccountAction } from "@/app/(dashboard)/ajustes/actions";
-import { Button } from "@/components/ui/button";
-import {
-	Dialog,
-	DialogContent,
-	DialogDescription,
-	DialogFooter,
-	DialogHeader,
-	DialogTitle,
-} from "@/components/ui/dialog";
-import { Input } from "@/components/ui/input";
-import { Label } from "@/components/ui/label";
-import { authClient } from "@/lib/auth/client";
-
-export function DeleteAccountForm() {
-	const router = useRouter();
-	const [isPending, startTransition] = useTransition();
-	const [isModalOpen, setIsModalOpen] = useState(false);
-	const [confirmation, setConfirmation] = useState("");
-
-	const handleDelete = () => {
-		startTransition(async () => {
-			const result = await deleteAccountAction({
-				confirmation,
-			});
-
-			if (result.success) {
-				toast.success(result.message);
-				// Fazer logout e redirecionar para página de login
-				await authClient.signOut();
-				router.push("/");
-			} else {
-				toast.error(result.error);
-			}
-		});
-	};
-
-	const handleOpenModal = () => {
-		setConfirmation("");
-		setIsModalOpen(true);
-	};
-
-	const handleCloseModal = () => {
-		if (isPending) return;
-		setConfirmation("");
-		setIsModalOpen(false);
-	};
-
-	return (
-		<>
-			<div className="flex flex-col space-y-6">
-				<div className="space-y-4 max-w-md">
-					<ul className="list-disc list-inside text-sm text-destructive space-y-1">
-						<li>Lançamentos, orçamentos e anotações</li>
-						<li>Contas, cartões e categorias</li>
-						<li>Pagadores (incluindo o pagador padrão)</li>
-						<li>Preferências e configurações</li>
-						<li className="font-bold">
-							Resumindo tudo, sua conta será permanentemente removida
-						</li>
-					</ul>
-				</div>
-
-				<div className="flex justify-end">
-					<Button
-						variant="destructive"
-						onClick={handleOpenModal}
-						disabled={isPending}
-						className="w-fit"
-					>
-						Deletar conta
-					</Button>
-				</div>
-			</div>
-
-			<Dialog open={isModalOpen} onOpenChange={setIsModalOpen}>
-				<DialogContent
-					className="max-w-md"
-					onEscapeKeyDown={(e) => {
-						if (isPending) e.preventDefault();
-					}}
-					onPointerDownOutside={(e) => {
-						if (isPending) e.preventDefault();
-					}}
-				>
-					<DialogHeader>
-						<DialogTitle>Você tem certeza?</DialogTitle>
-						<DialogDescription>
-							Essa ação não pode ser desfeita. Isso irá deletar permanentemente
-							sua conta e remover seus dados de nossos servidores.
-						</DialogDescription>
-					</DialogHeader>
-
-					<div className="space-y-4 py-4">
-						<div className="space-y-2">
-							<Label htmlFor="confirmation">
-								Para confirmar, digite <strong>DELETAR</strong> no campo abaixo.
-							</Label>
-							<Input
-								id="confirmation"
-								value={confirmation}
-								onChange={(e) => setConfirmation(e.target.value)}
-								disabled={isPending}
-								placeholder="DELETAR"
-								autoComplete="off"
-							/>
-						</div>
-					</div>
-
-					<DialogFooter>
-						<Button
-							type="button"
-							variant="outline"
-							onClick={handleCloseModal}
-							disabled={isPending}
-						>
-							Cancelar
-						</Button>
-						<Button
-							type="button"
-							variant="destructive"
-							onClick={handleDelete}
-							disabled={isPending || confirmation !== "DELETAR"}
-						>
-							{isPending ? "Deletando..." : "Deletar"}
-						</Button>
-					</DialogFooter>
-				</DialogContent>
-			</Dialog>
-		</>
-	);
-}

components/ajustes/preferences-form.tsx

@@ -1,313 +0,0 @@
-"use client";
-
-import {
-	closestCenter,
-	DndContext,
-	type DragEndEvent,
-	KeyboardSensor,
-	PointerSensor,
-	useSensor,
-	useSensors,
-} from "@dnd-kit/core";
-import {
-	arrayMove,
-	SortableContext,
-	useSortable,
-	verticalListSortingStrategy,
-} from "@dnd-kit/sortable";
-import { CSS } from "@dnd-kit/utilities";
-import { RiDragMove2Line } from "@remixicon/react";
-import { useRouter } from "next/navigation";
-import { useEffect, useState, useTransition } from "react";
-import { toast } from "sonner";
-import { updatePreferencesAction } from "@/app/(dashboard)/ajustes/actions";
-import { useFont } from "@/components/font-provider";
-import { Button } from "@/components/ui/button";
-import { Label } from "@/components/ui/label";
-import {
-	Select,
-	SelectContent,
-	SelectItem,
-	SelectTrigger,
-	SelectValue,
-} from "@/components/ui/select";
-import { Switch } from "@/components/ui/switch";
-import {
-	DEFAULT_LANCAMENTOS_COLUMN_ORDER,
-	LANCAMENTOS_COLUMN_LABELS,
-} from "@/lib/lancamentos/column-order";
-import { FONT_OPTIONS } from "@/public/fonts/font_index";
-
-interface PreferencesFormProps {
-	disableMagnetlines: boolean;
-	extratoNoteAsColumn: boolean;
-	lancamentosColumnOrder: string[] | null;
-	systemFont: string;
-	moneyFont: string;
-}
-
-function SortableColumnItem({ id }: { id: string }) {
-	const {
-		attributes,
-		listeners,
-		setNodeRef,
-		transform,
-		transition,
-		isDragging,
-	} = useSortable({ id });
-
-	const style = {
-		transform: CSS.Transform.toString(transform),
-		transition,
-	};
-
-	const label = LANCAMENTOS_COLUMN_LABELS[id] ?? id;
-
-	return (
-		<div
-			ref={setNodeRef}
-			style={style}
-			className={`flex cursor-grab active:cursor-grabbing items-center gap-2 rounded-md border bg-card px-3 py-2 text-sm touch-none select-none ${
-				isDragging ? "z-10 opacity-90 shadow-md" : ""
-			}`}
-			aria-label={`Arrastar ${label}`}
-			{...attributes}
-			{...listeners}
-		>
-			<RiDragMove2Line
-				className="size-4 shrink-0 text-muted-foreground"
-				aria-hidden
-			/>
-			<span>{label}</span>
-		</div>
-	);
-}
-
-export function PreferencesForm({
-	disableMagnetlines,
-	extratoNoteAsColumn: initialExtratoNoteAsColumn,
-	lancamentosColumnOrder: initialColumnOrder,
-	systemFont: initialSystemFont,
-	moneyFont: initialMoneyFont,
-}: PreferencesFormProps) {
-	const router = useRouter();
-	const [isPending, startTransition] = useTransition();
-	const [magnetlinesDisabled, setMagnetlinesDisabled] =
-		useState(disableMagnetlines);
-	const [extratoNoteAsColumn, setExtratoNoteAsColumn] = useState(
-		initialExtratoNoteAsColumn,
-	);
-	const [columnOrder, setColumnOrder] = useState<string[]>(
-		initialColumnOrder && initialColumnOrder.length > 0
-			? initialColumnOrder
-			: DEFAULT_LANCAMENTOS_COLUMN_ORDER,
-	);
-	const [selectedSystemFont, setSelectedSystemFont] =
-		useState(initialSystemFont);
-	const [selectedMoneyFont, setSelectedMoneyFont] = useState(initialMoneyFont);
-
-	const sensors = useSensors(
-		useSensor(PointerSensor, { activationConstraint: { distance: 8 } }),
-		useSensor(KeyboardSensor),
-	);
-
-	const handleColumnDragEnd = (event: DragEndEvent) => {
-		const { active, over } = event;
-		if (over && active.id !== over.id) {
-			setColumnOrder((items) => {
-				const oldIndex = items.indexOf(active.id as string);
-				const newIndex = items.indexOf(over.id as string);
-				return arrayMove(items, oldIndex, newIndex);
-			});
-		}
-	};
-
-	const fontCtx = useFont();
-
-	// Live preview: update CSS vars when font selection changes
-	useEffect(() => {
-		fontCtx.setSystemFont(selectedSystemFont);
-	}, [selectedSystemFont, fontCtx.setSystemFont]);
-
-	useEffect(() => {
-		fontCtx.setMoneyFont(selectedMoneyFont);
-	}, [selectedMoneyFont, fontCtx.setMoneyFont]);
-
-	const handleSubmit = async (event: React.FormEvent<HTMLFormElement>) => {
-		event.preventDefault();
-
-		startTransition(async () => {
-			const result = await updatePreferencesAction({
-				disableMagnetlines: magnetlinesDisabled,
-				extratoNoteAsColumn,
-				lancamentosColumnOrder: columnOrder,
-				systemFont: selectedSystemFont,
-				moneyFont: selectedMoneyFont,
-			});
-
-			if (result.success) {
-				toast.success(result.message);
-				router.refresh();
-			} else {
-				toast.error(result.error);
-			}
-		});
-	};
-
-	return (
-		<form onSubmit={handleSubmit} className="flex flex-col gap-8">
-			{/* Seção 1: Tipografia */}
-			<section className="space-y-5">
-				<div>
-					<h3 className="text-base font-semibold">Tipografia</h3>
-					<p className="text-sm text-muted-foreground">
-						Personalize as fontes usadas na interface e nos valores monetários.
-					</p>
-				</div>
-
-				{/* Fonte do sistema */}
-				<div className="space-y-2 max-w-md">
-					<Label htmlFor="system-font">Fonte do sistema</Label>
-					<Select
-						value={selectedSystemFont}
-						onValueChange={setSelectedSystemFont}
-					>
-						<SelectTrigger id="system-font">
-							<SelectValue />
-						</SelectTrigger>
-						<SelectContent>
-							{FONT_OPTIONS.map((opt) => (
-								<SelectItem key={opt.key} value={opt.key}>
-									<span
-										style={{
-											fontFamily: opt.variable,
-										}}
-									>
-										{opt.label}
-									</span>
-								</SelectItem>
-							))}
-						</SelectContent>
-					</Select>
-				</div>
-
-				{/* Fonte de valores */}
-				<div className="space-y-2 max-w-md">
-					<Label htmlFor="money-font">Fonte de valores</Label>
-					<Select
-						value={selectedMoneyFont}
-						onValueChange={setSelectedMoneyFont}
-					>
-						<SelectTrigger id="money-font">
-							<SelectValue />
-						</SelectTrigger>
-						<SelectContent>
-							{FONT_OPTIONS.map((opt) => (
-								<SelectItem key={opt.key} value={opt.key}>
-									<span
-										style={{
-											fontFamily: opt.variable,
-										}}
-									>
-										{opt.label}
-									</span>
-								</SelectItem>
-							))}
-						</SelectContent>
-					</Select>
-				</div>
-			</section>
-
-			<div className="border-b" />
-
-			{/* Seção: Extrato / Lançamentos */}
-			<section className="space-y-4">
-				<div>
-					<h3 className="text-base font-semibold">Extrato e lançamentos</h3>
-					<p className="text-sm text-muted-foreground">
-						Como exibir anotações e a ordem das colunas na tabela de
-						movimentações.
-					</p>
-				</div>
-
-				<div className="flex items-center justify-between rounded-lg border p-4 max-w-md">
-					<div className="space-y-0.5">
-						<Label htmlFor="extrato-note-column" className="text-base">
-							Anotações em coluna
-						</Label>
-						<p className="text-sm text-muted-foreground">
-							Quando ativo, as anotações aparecem em uma coluna na tabela.
-							Quando desativado, aparecem em um balão ao passar o mouse no
-							ícone.
-						</p>
-					</div>
-					<Switch
-						id="extrato-note-column"
-						checked={extratoNoteAsColumn}
-						onCheckedChange={setExtratoNoteAsColumn}
-						disabled={isPending}
-					/>
-				</div>
-
-				<div className="space-y-2 max-w-md">
-					<Label className="text-base">Ordem das colunas</Label>
-					<p className="text-sm text-muted-foreground">
-						Arraste os itens para definir a ordem em que as colunas aparecem na
-						tabela do extrato e dos lançamentos.
-					</p>
-					<DndContext
-						sensors={sensors}
-						collisionDetection={closestCenter}
-						onDragEnd={handleColumnDragEnd}
-					>
-						<SortableContext
-							items={columnOrder}
-							strategy={verticalListSortingStrategy}
-						>
-							<div className="flex flex-col gap-2 pt-2">
-								{columnOrder.map((id) => (
-									<SortableColumnItem key={id} id={id} />
-								))}
-							</div>
-						</SortableContext>
-					</DndContext>
-				</div>
-			</section>
-
-			<div className="border-b" />
-
-			{/* Seção: Dashboard */}
-			<section className="space-y-4">
-				<div>
-					<h3 className="text-base font-semibold">Dashboard</h3>
-					<p className="text-sm text-muted-foreground">
-						Opções que afetam a experiência no painel principal.
-					</p>
-				</div>
-
-				<div className="flex items-center justify-between rounded-lg border p-4 max-w-md">
-					<div className="space-y-0.5">
-						<Label htmlFor="magnetlines" className="text-base">
-							Desabilitar Magnetlines
-						</Label>
-						<p className="text-sm text-muted-foreground">
-							Remove o recurso de linhas magnéticas do sistema.
-						</p>
-					</div>
-					<Switch
-						id="magnetlines"
-						checked={magnetlinesDisabled}
-						onCheckedChange={setMagnetlinesDisabled}
-						disabled={isPending}
-					/>
-				</div>
-			</section>
-
-			<div className="flex justify-end">
-				<Button type="submit" disabled={isPending} className="w-fit">
-					{isPending ? "Salvando..." : "Salvar preferências"}
-				</Button>
-			</div>
-		</form>
-	);
-}

components/anotacoes/note-details-dialog.tsx

@@ -1,120 +0,0 @@
-"use client";
-
-import { RiCheckLine } from "@remixicon/react";
-import { useMemo } from "react";
-import { Badge } from "@/components/ui/badge";
-import { Button } from "@/components/ui/button";
-import {
-	Dialog,
-	DialogClose,
-	DialogContent,
-	DialogDescription,
-	DialogFooter,
-	DialogHeader,
-	DialogTitle,
-} from "@/components/ui/dialog";
-import { Card } from "../ui/card";
-import { type Note, sortTasksByStatus } from "./types";
-
-const DATE_FORMATTER = new Intl.DateTimeFormat("pt-BR", {
-	dateStyle: "long",
-	timeStyle: "short",
-});
-
-interface NoteDetailsDialogProps {
-	note: Note | null;
-	open: boolean;
-	onOpenChange: (open: boolean) => void;
-}
-
-export function NoteDetailsDialog({
-	note,
-	open,
-	onOpenChange,
-}: NoteDetailsDialogProps) {
-	const { formattedDate, displayTitle } = useMemo(() => {
-		if (!note) {
-			return { formattedDate: "", displayTitle: "" };
-		}
-
-		const title = note.title.trim().length ? note.title : "Anotação sem título";
-
-		return {
-			formattedDate: DATE_FORMATTER.format(new Date(note.createdAt)),
-			displayTitle: title,
-		};
-	}, [note]);
-
-	const tasks = note?.tasks || [];
-	const sortedTasks = useMemo(() => sortTasksByStatus(tasks), [tasks]);
-
-	if (!note) {
-		return null;
-	}
-
-	const isTask = note.type === "tarefa";
-	const completedCount = tasks.filter((t) => t.completed).length;
-	const totalCount = tasks.length;
-
-	return (
-		<Dialog open={open} onOpenChange={onOpenChange}>
-			<DialogContent>
-				<DialogHeader>
-					<DialogTitle className="flex items-center gap-2">
-						{displayTitle}
-						{isTask && (
-							<Badge variant="secondary" className="text-xs">
-								{completedCount}/{totalCount}
-							</Badge>
-						)}
-					</DialogTitle>
-					<DialogDescription>{formattedDate}</DialogDescription>
-				</DialogHeader>
-
-				{isTask ? (
-					<Card className="max-h-[320px] overflow-auto gap-2 p-2">
-						{sortedTasks.map((task) => (
-							<div
-								key={task.id}
-								className="flex items-center gap-3 px-3 py-1.5 space-y-1 rounded-md hover:bg-muted/50"
-							>
-								<div
-									className={`mt-0.5 flex h-4 w-4 shrink-0 items-center justify-center rounded-sm border ${
-										task.completed
-											? "bg-success border-success"
-											: "border-input"
-									}`}
-								>
-									{task.completed && (
-										<RiCheckLine className="h-4 w-4 text-primary-foreground" />
-									)}
-								</div>
-								<span
-									className={`text-sm ${
-										task.completed
-											? "text-muted-foreground line-through"
-											: "text-foreground"
-									}`}
-								>
-									{task.text}
-								</span>
-							</div>
-						))}
-					</Card>
-				) : (
-					<div className="max-h-[320px] overflow-auto whitespace-pre-line wrap-break-word text-sm text-foreground">
-						{note.description}
-					</div>
-				)}
-
-				<DialogFooter>
-					<DialogClose asChild>
-						<Button type="button" variant="outline">
-							Fechar
-						</Button>
-					</DialogClose>
-				</DialogFooter>
-			</DialogContent>
-		</Dialog>
-	);
-}

components/anotacoes/note-dialog.tsx

@@ -1,416 +0,0 @@
-"use client";
-
-import { RiAddLine, RiDeleteBinLine } from "@remixicon/react";
-import {
-	type ReactNode,
-	useEffect,
-	useMemo,
-	useRef,
-	useState,
-	useTransition,
-} from "react";
-import { toast } from "sonner";
-import {
-	createNoteAction,
-	updateNoteAction,
-} from "@/app/(dashboard)/anotacoes/actions";
-import { Button } from "@/components/ui/button";
-import { Checkbox } from "@/components/ui/checkbox";
-import {
-	Dialog,
-	DialogContent,
-	DialogDescription,
-	DialogFooter,
-	DialogHeader,
-	DialogTitle,
-	DialogTrigger,
-} from "@/components/ui/dialog";
-import { Input } from "@/components/ui/input";
-import { Label } from "@/components/ui/label";
-import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group";
-import { Textarea } from "@/components/ui/textarea";
-import { useControlledState } from "@/hooks/use-controlled-state";
-import { useFormState } from "@/hooks/use-form-state";
-import {
-	type Note,
-	type NoteFormValues,
-	sortTasksByStatus,
-	type Task,
-} from "./types";
-
-type NoteDialogMode = "create" | "update";
-interface NoteDialogProps {
-	mode: NoteDialogMode;
-	trigger?: ReactNode;
-	note?: Note;
-	open?: boolean;
-	onOpenChange?: (open: boolean) => void;
-}
-
-const MAX_TITLE = 30;
-const MAX_DESC = 350;
-const normalize = (s: string) => s.replace(/\s+/g, " ").trim();
-
-const buildInitialValues = (note?: Note): NoteFormValues => ({
-	title: note?.title ?? "",
-	description: note?.description ?? "",
-	type: note?.type ?? "nota",
-	tasks: note?.tasks ?? [],
-});
-
-const generateTaskId = () => {
-	return `task-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`;
-};
-
-export function NoteDialog({
-	mode,
-	trigger,
-	note,
-	open,
-	onOpenChange,
-}: NoteDialogProps) {
-	const [isPending, startTransition] = useTransition();
-	const [errorMessage, setErrorMessage] = useState<string | null>(null);
-	const [newTaskText, setNewTaskText] = useState("");
-
-	const titleRef = useRef<HTMLInputElement>(null);
-	const descRef = useRef<HTMLTextAreaElement>(null);
-	const newTaskRef = useRef<HTMLInputElement>(null);
-
-	const [dialogOpen, setDialogOpen] = useControlledState(
-		open,
-		false,
-		onOpenChange,
-	);
-
-	const initialState = buildInitialValues(note);
-
-	const { formState, resetForm, updateField } =
-		useFormState<NoteFormValues>(initialState);
-
-	useEffect(() => {
-		if (dialogOpen) {
-			resetForm(buildInitialValues(note));
-			setErrorMessage(null);
-			setNewTaskText("");
-			requestAnimationFrame(() => titleRef.current?.focus());
-		}
-	}, [dialogOpen, note, resetForm]);
-
-	const dialogTitle = mode === "create" ? "Nova anotação" : "Editar anotação";
-	const description =
-		mode === "create"
-			? "Crie uma nota simples ou uma lista de tarefas."
-			: "Altere o conteúdo desta anotação.";
-	const submitLabel = mode === "create" ? "Salvar" : "Atualizar";
-
-	const titleCount = formState.title.length;
-	const descCount = formState.description.length;
-	const isNote = formState.type === "nota";
-
-	const sortedTasks = useMemo(
-		() => sortTasksByStatus(formState.tasks || []),
-		[formState.tasks],
-	);
-
-	const onlySpaces =
-		normalize(formState.title).length === 0 ||
-		(isNote && formState.description.trim().length === 0) ||
-		(!isNote && (!formState.tasks || formState.tasks.length === 0));
-
-	const invalidLen = titleCount > MAX_TITLE || descCount > MAX_DESC;
-
-	const unchanged =
-		mode === "update" &&
-		normalize(formState.title) === normalize(note?.title ?? "") &&
-		formState.description.trim() === (note?.description ?? "").trim() &&
-		JSON.stringify(formState.tasks) === JSON.stringify(note?.tasks);
-
-	const disableSubmit = isPending || onlySpaces || unchanged || invalidLen;
-
-	const handleOpenChange = (v: boolean) => {
-		setDialogOpen(v);
-		if (!v) setErrorMessage(null);
-	};
-
-	const handleKeyDown = (e: React.KeyboardEvent) => {
-		if ((e.ctrlKey || e.metaKey) && e.key === "Enter")
-			(e.currentTarget as HTMLFormElement).requestSubmit();
-		if (e.key === "Escape") handleOpenChange(false);
-	};
-
-	const handleAddTask = () => {
-		const text = normalize(newTaskText);
-		if (!text) return;
-
-		const newTask: Task = {
-			id: generateTaskId(),
-			text,
-			completed: false,
-		};
-
-		updateField("tasks", [...(formState.tasks || []), newTask]);
-		setNewTaskText("");
-		requestAnimationFrame(() => newTaskRef.current?.focus());
-	};
-
-	const handleRemoveTask = (taskId: string) => {
-		updateField(
-			"tasks",
-			(formState.tasks || []).filter((t) => t.id !== taskId),
-		);
-	};
-
-	const handleToggleTask = (taskId: string) => {
-		updateField(
-			"tasks",
-			(formState.tasks || []).map((t) =>
-				t.id === taskId ? { ...t, completed: !t.completed } : t,
-			),
-		);
-	};
-
-	const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {
-		e.preventDefault();
-		setErrorMessage(null);
-
-		const payload = {
-			title: normalize(formState.title),
-			description: formState.description.trim(),
-			type: formState.type,
-			tasks: formState.tasks,
-		};
-
-		if (onlySpaces || invalidLen) {
-			setErrorMessage("Preencha os campos respeitando os limites.");
-			titleRef.current?.focus();
-			return;
-		}
-
-		if (mode === "update" && !note?.id) {
-			const msg = "Não foi possível identificar a anotação a ser editada.";
-			setErrorMessage(msg);
-			toast.error(msg);
-			return;
-		}
-
-		if (unchanged) {
-			toast.info("Nada para atualizar.");
-			return;
-		}
-
-		startTransition(async () => {
-			let result: { success: boolean; message?: string; error?: string };
-			if (mode === "create") {
-				result = await createNoteAction(payload);
-			} else {
-				if (!note?.id) {
-					const msg = "ID da anotação não encontrado.";
-					setErrorMessage(msg);
-					toast.error(msg);
-					return;
-				}
-				result = await updateNoteAction({ id: note.id, ...payload });
-			}
-
-			if (result.success) {
-				toast.success(result.message);
-				setDialogOpen(false);
-				return;
-			}
-			setErrorMessage(result.error);
-			toast.error(result.error);
-			titleRef.current?.focus();
-		});
-	};
-
-	return (
-		<Dialog open={dialogOpen} onOpenChange={handleOpenChange}>
-			{trigger ? <DialogTrigger asChild>{trigger}</DialogTrigger> : null}
-			<DialogContent>
-				<DialogHeader>
-					<DialogTitle>{dialogTitle}</DialogTitle>
-					<DialogDescription>{description}</DialogDescription>
-				</DialogHeader>
-
-				<form
-					className="space-y-3 -mx-6 max-h-[80vh] overflow-y-auto px-6 pb-1"
-					onSubmit={handleSubmit}
-					onKeyDown={handleKeyDown}
-					noValidate
-				>
-					{mode === "create" && (
-						<div className="space-y-1">
-							<Label>Tipo de anotação</Label>
-							<RadioGroup
-								value={formState.type}
-								onValueChange={(value) =>
-									updateField("type", value as "nota" | "tarefa")
-								}
-								disabled={isPending}
-								className="flex gap-4"
-							>
-								<div className="flex items-center gap-2">
-									<RadioGroupItem value="nota" id="tipo-nota" />
-									<Label
-										htmlFor="tipo-nota"
-										className="font-normal cursor-pointer"
-									>
-										Nota
-									</Label>
-								</div>
-								<div className="flex items-center gap-2">
-									<RadioGroupItem value="tarefa" id="tipo-tarefa" />
-									<Label
-										htmlFor="tipo-tarefa"
-										className="font-normal cursor-pointer"
-									>
-										Tarefas
-									</Label>
-								</div>
-							</RadioGroup>
-						</div>
-					)}
-
-					<div className="space-y-1">
-						<Label htmlFor="note-title">Título</Label>
-						<Input
-							id="note-title"
-							ref={titleRef}
-							value={formState.title}
-							onChange={(e) => updateField("title", e.target.value)}
-							placeholder={
-								isNote ? "Ex.: Revisar metas do mês" : "Ex.: Tarefas da semana"
-							}
-							maxLength={MAX_TITLE}
-							disabled={isPending}
-							required
-						/>
-					</div>
-
-					{isNote && (
-						<div className="space-y-1">
-							<Label htmlFor="note-description">Conteúdo</Label>
-							<Textarea
-								id="note-description"
-								className="field-sizing-fixed"
-								ref={descRef}
-								value={formState.description}
-								onChange={(e) => updateField("description", e.target.value)}
-								placeholder="Detalhe sua anotação..."
-								rows={5}
-								maxLength={MAX_DESC}
-								disabled={isPending}
-								required
-							/>
-						</div>
-					)}
-
-					{!isNote && (
-						<div className="space-y-2">
-							<div className="space-y-1">
-								<Label htmlFor="new-task-input">Adicionar tarefa</Label>
-								<div className="flex gap-2">
-									<Input
-										id="new-task-input"
-										ref={newTaskRef}
-										value={newTaskText}
-										onChange={(e) => setNewTaskText(e.target.value)}
-										placeholder="Nova tarefa..."
-										disabled={isPending}
-										onKeyDown={(e) => {
-											if (e.key === "Enter") {
-												e.preventDefault();
-												handleAddTask();
-											}
-										}}
-									/>
-									<Button
-										type="button"
-										variant="outline"
-										onClick={handleAddTask}
-										disabled={isPending || !normalize(newTaskText)}
-										className="shrink-0"
-									>
-										<RiAddLine className="h-4 w-4" />
-									</Button>
-								</div>
-							</div>
-
-							{sortedTasks.length > 0 && (
-								<div className="space-y-1 max-h-[300px] overflow-y-auto pr-1 mt-4 rounded-md p-2 bg-card ">
-									{sortedTasks.map((task) => (
-										<div
-											key={task.id}
-											className="flex items-center gap-3 px-3 py-1.5 rounded-md hover:bg-muted/50"
-										>
-											<Checkbox
-												className="data-[state=checked]:bg-success data-[state=checked]:border-success"
-												checked={task.completed}
-												onCheckedChange={() => handleToggleTask(task.id)}
-												disabled={isPending}
-												aria-label={`Marcar "${task.text}" como ${
-													task.completed ? "não concluída" : "concluída"
-												}`}
-											/>
-											<span
-												className={`flex-1 text-sm wrap-break-word ${
-													task.completed
-														? "text-muted-foreground line-through"
-														: "text-foreground"
-												}`}
-											>
-												{task.text}
-											</span>
-											<button
-												type="button"
-												onClick={() => handleRemoveTask(task.id)}
-												disabled={isPending}
-												className="shrink-0 text-muted-foreground/50 hover:text-destructive transition-colors"
-												aria-label={`Remover "${task.text}"`}
-											>
-												<RiDeleteBinLine className="h-3.5 w-3.5" />
-											</button>
-										</div>
-									))}
-								</div>
-							)}
-						</div>
-					)}
-
-					{errorMessage ? (
-						<p className="text-sm text-destructive" role="alert">
-							{errorMessage}
-						</p>
-					) : null}
-				</form>
-
-				<DialogFooter>
-					<Button
-						type="button"
-						variant="outline"
-						onClick={() => handleOpenChange(false)}
-						disabled={isPending}
-					>
-						Cancelar
-					</Button>
-					<Button
-						type="submit"
-						disabled={disableSubmit}
-						onClick={(e) => {
-							const form = (
-								e.currentTarget.closest("[role=dialog]") as HTMLElement
-							)?.querySelector("form");
-							if (form) {
-								e.preventDefault();
-								form.requestSubmit();
-							}
-						}}
-					>
-						{isPending ? "Salvando..." : submitLabel}
-					</Button>
-				</DialogFooter>
-			</DialogContent>
-		</Dialog>
-	);
-}

components/auth/auth-header.tsx

@@ -1,15 +0,0 @@
-import { cn } from "@/lib/utils/ui";
-
-interface AuthHeaderProps {
-	title: string;
-}
-
-export function AuthHeader({ title }: AuthHeaderProps) {
-	return (
-		<div className={cn("flex flex-col gap-1.5")}>
-			<h1 className="text-xl font-semibold tracking-tight text-card-foreground">
-				{title}
-			</h1>
-		</div>
-	);
-}

components/auth/auth-sidebar.tsx

@@ -1,34 +0,0 @@
-import MagnetLines from "../magnet-lines";
-
-function AuthSidebar() {
-	return (
-		<div className="relative hidden flex-col overflow-hidden bg-welcome-banner text-welcome-banner-foreground md:flex">
-			<div className="absolute inset-0 flex items-center justify-center opacity-20 pointer-events-none">
-				<MagnetLines
-					rows={10}
-					columns={16}
-					containerSize="120%"
-					lineColor="currentColor"
-					lineWidth="0.35vmin"
-					lineHeight="5vmin"
-					baseAngle={-4}
-					className="text-welcome-banner-foreground"
-				/>
-			</div>
-
-			<div className="relative flex flex-1 flex-col justify-between p-8">
-				<div className="space-y-4">
-					<h2 className="text-3xl font-semibold leading-tight">
-						Controle suas finanças com clareza e foco diário.
-					</h2>
-					<p className="text-sm opacity-90">
-						Centralize despesas, organize cartões e acompanhe metas mensais em
-						um painel inteligente feito para o seu dia a dia.
-					</p>
-				</div>
-			</div>
-		</div>
-	);
-}
-
-export default AuthSidebar;

components/auth/login-form.tsx

@@ -1,248 +0,0 @@
-"use client";
-import { RiFingerprintLine, RiLoader4Line } from "@remixicon/react";
-import { useRouter } from "next/navigation";
-import { type FormEvent, useEffect, useState } from "react";
-import { toast } from "sonner";
-import { Button } from "@/components/ui/button";
-import { Card, CardContent } from "@/components/ui/card";
-import {
-	Field,
-	FieldDescription,
-	FieldGroup,
-	FieldLabel,
-	FieldSeparator,
-} from "@/components/ui/field";
-import { Input } from "@/components/ui/input";
-import { authClient, googleSignInAvailable } from "@/lib/auth/client";
-import { cn } from "@/lib/utils/ui";
-import { Logo } from "../logo";
-import { AuthErrorAlert } from "./auth-error-alert";
-import { AuthHeader } from "./auth-header";
-import AuthSidebar from "./auth-sidebar";
-import { GoogleAuthButton } from "./google-auth-button";
-
-type DivProps = React.ComponentProps<"div">;
-
-export function LoginForm({ className, ...props }: DivProps) {
-	const router = useRouter();
-	const isGoogleAvailable = googleSignInAvailable;
-
-	const [email, setEmail] = useState("");
-	const [password, setPassword] = useState("");
-
-	const [error, setError] = useState("");
-	const [loadingEmail, setLoadingEmail] = useState(false);
-	const [loadingGoogle, setLoadingGoogle] = useState(false);
-	const [loadingPasskey, setLoadingPasskey] = useState(false);
-	const [passkeySupported, setPasskeySupported] = useState(false);
-
-	useEffect(() => {
-		if (typeof window === "undefined") return;
-		if (typeof PublicKeyCredential === "undefined") return;
-
-		setPasskeySupported(true);
-	}, []);
-
-	async function handleSubmit(e: FormEvent<HTMLFormElement>) {
-		e.preventDefault();
-
-		await authClient.signIn.email(
-			{
-				email,
-				password,
-				callbackURL: "/dashboard",
-				rememberMe: false,
-			},
-			{
-				onRequest: () => {
-					setError("");
-					setLoadingEmail(true);
-				},
-				onSuccess: () => {
-					setLoadingEmail(false);
-					toast.success("Login realizado com sucesso!");
-					router.replace("/dashboard");
-				},
-				onError: (ctx) => {
-					if (
-						ctx.error.status === 500 &&
-						ctx.error.statusText === "Internal Server Error"
-					) {
-						toast.error(
-							"Ocorreu uma falha na requisição. Tente novamente mais tarde.",
-						);
-					}
-
-					setError(ctx.error.message);
-					setLoadingEmail(false);
-				},
-			},
-		);
-	}
-
-	async function handleGoogle() {
-		if (!isGoogleAvailable) {
-			setError("Login com Google não está disponível no momento.");
-			return;
-		}
-
-		// Ativa loading antes de iniciar o fluxo OAuth
-		setError("");
-		setLoadingGoogle(true);
-
-		// OAuth redirect - o loading permanece até a página ser redirecionada
-		await authClient.signIn.social(
-			{
-				provider: "google",
-				callbackURL: "/dashboard",
-			},
-			{
-				onError: (ctx) => {
-					// Só desativa loading se houver erro
-					setError(ctx.error.message);
-					setLoadingGoogle(false);
-				},
-			},
-		);
-	}
-
-	async function handlePasskey() {
-		setError("");
-		setLoadingPasskey(true);
-
-		const { error: passkeyError } = await authClient.signIn.passkey({
-			fetchOptions: {
-				onSuccess: () => {
-					setLoadingPasskey(false);
-					router.replace("/dashboard");
-				},
-				onError: (ctx) => {
-					setError(ctx.error.message);
-					setLoadingPasskey(false);
-				},
-			},
-		});
-
-		if (passkeyError) {
-			setError(passkeyError.message || "Erro ao entrar com passkey.");
-			setLoadingPasskey(false);
-		}
-	}
-
-	return (
-		<div className={cn("flex flex-col gap-6", className)} {...props}>
-			<Logo className="mb-2" />
-			<Card className="overflow-hidden p-0">
-				<CardContent className="grid gap-0 p-0 md:grid-cols-[1.05fr_0.95fr]">
-					<form
-						className="flex flex-col gap-6 p-6 md:p-8"
-						onSubmit={handleSubmit}
-						noValidate
-					>
-						<FieldGroup className="gap-4">
-							<AuthHeader title="Entrar no OpenMonetis" />
-
-							<AuthErrorAlert error={error} />
-
-							<Field>
-								<FieldLabel htmlFor="email">E-mail</FieldLabel>
-								<Input
-									id="email"
-									type="email"
-									placeholder="Digite seu e-mail"
-									autoComplete="username webauthn"
-									required
-									value={email}
-									onChange={(e) => setEmail(e.target.value)}
-									aria-invalid={!!error}
-								/>
-							</Field>
-
-							<Field>
-								<div className="flex items-center">
-									<FieldLabel htmlFor="password">Senha</FieldLabel>
-								</div>
-								<Input
-									id="password"
-									type="password"
-									required
-									placeholder="Digite sua senha"
-									autoComplete="current-password"
-									value={password}
-									onChange={(e) => setPassword(e.target.value)}
-									aria-invalid={!!error}
-								/>
-							</Field>
-
-							<Field>
-								<Button
-									type="submit"
-									disabled={loadingEmail || loadingGoogle || loadingPasskey}
-									className="w-full"
-								>
-									{loadingEmail ? (
-										<RiLoader4Line className="h-4 w-4 animate-spin" />
-									) : (
-										"Entrar"
-									)}
-								</Button>
-							</Field>
-
-							<FieldSeparator className="my-2 *:data-[slot=field-separator-content]:bg-card">
-								Ou continue com
-							</FieldSeparator>
-
-							<Field>
-								<GoogleAuthButton
-									onClick={handleGoogle}
-									loading={loadingGoogle}
-									disabled={
-										loadingEmail ||
-										loadingGoogle ||
-										loadingPasskey ||
-										!isGoogleAvailable
-									}
-									text="Entrar com Google"
-								/>
-							</Field>
-
-							{passkeySupported && (
-								<Field>
-									<Button
-										variant="outline"
-										type="button"
-										onClick={handlePasskey}
-										disabled={loadingEmail || loadingGoogle || loadingPasskey}
-										className="w-full gap-2"
-									>
-										{loadingPasskey ? (
-											<RiLoader4Line className="h-4 w-4 animate-spin" />
-										) : (
-											<RiFingerprintLine className="h-5 w-5" />
-										)}
-										<span>Entrar com passkey</span>
-									</Button>
-								</Field>
-							)}
-
-							<FieldDescription className="text-center">
-								Não tem uma conta?{" "}
-								<a href="/signup" className="underline underline-offset-4">
-									Inscreva-se
-								</a>
-							</FieldDescription>
-						</FieldGroup>
-					</form>
-
-					<AuthSidebar />
-				</CardContent>
-			</Card>
-
-			<FieldDescription className="text-center">
-				<a href="/" className="underline underline-offset-4">
-					Voltar para o site
-				</a>
-			</FieldDescription>
-		</div>
-	);
-}

components/auth/signup-form.tsx

@@ -1,291 +0,0 @@
-"use client";
-import { RiCheckLine, RiCloseLine, RiLoader4Line } from "@remixicon/react";
-import { useRouter } from "next/navigation";
-import { type FormEvent, useState } from "react";
-import { toast } from "sonner";
-import { Button } from "@/components/ui/button";
-import { Card, CardContent } from "@/components/ui/card";
-import {
-	Field,
-	FieldDescription,
-	FieldGroup,
-	FieldLabel,
-	FieldSeparator,
-} from "@/components/ui/field";
-import { Input } from "@/components/ui/input";
-import { authClient, googleSignInAvailable } from "@/lib/auth/client";
-import { cn } from "@/lib/utils/ui";
-import { Logo } from "../logo";
-import { AuthErrorAlert } from "./auth-error-alert";
-import { AuthHeader } from "./auth-header";
-import AuthSidebar from "./auth-sidebar";
-import { GoogleAuthButton } from "./google-auth-button";
-
-interface PasswordValidation {
-	hasLowercase: boolean;
-	hasUppercase: boolean;
-	hasNumber: boolean;
-	hasSpecial: boolean;
-	hasMinLength: boolean;
-	hasMaxLength: boolean;
-	isValid: boolean;
-}
-
-function validatePassword(password: string): PasswordValidation {
-	const hasLowercase = /[a-z]/.test(password);
-	const hasUppercase = /[A-Z]/.test(password);
-	const hasNumber = /\d/.test(password);
-	const hasSpecial = /[!@#$%^&*()_+\-=[\]{};':"\\|,.<>/?`~]/.test(password);
-	const hasMinLength = password.length >= 7;
-	const hasMaxLength = password.length <= 23;
-
-	return {
-		hasLowercase,
-		hasUppercase,
-		hasNumber,
-		hasSpecial,
-		hasMinLength,
-		hasMaxLength,
-		isValid:
-			hasLowercase &&
-			hasUppercase &&
-			hasNumber &&
-			hasSpecial &&
-			hasMinLength &&
-			hasMaxLength,
-	};
-}
-
-function PasswordRequirement({ met, label }: { met: boolean; label: string }) {
-	return (
-		<div
-			className={cn(
-				"flex items-center gap-1.5 text-xs transition-colors",
-				met ? "text-success" : "text-muted-foreground",
-			)}
-		>
-			{met ? (
-				<RiCheckLine className="h-3.5 w-3.5" />
-			) : (
-				<RiCloseLine className="h-3.5 w-3.5" />
-			)}
-			<span>{label}</span>
-		</div>
-	);
-}
-
-type DivProps = React.ComponentProps<"div">;
-
-export function SignupForm({ className, ...props }: DivProps) {
-	const router = useRouter();
-	const isGoogleAvailable = googleSignInAvailable;
-
-	const [fullname, setFullname] = useState("");
-	const [email, setEmail] = useState("");
-	const [password, setPassword] = useState("");
-
-	const [error, setError] = useState("");
-	const [loadingEmail, setLoadingEmail] = useState(false);
-	const [loadingGoogle, setLoadingGoogle] = useState(false);
-
-	const passwordValidation = validatePassword(password);
-
-	async function handleSubmit(e: FormEvent<HTMLFormElement>) {
-		e.preventDefault();
-
-		if (!passwordValidation.isValid) {
-			setError("A senha não atende aos requisitos de segurança.");
-			return;
-		}
-
-		await authClient.signUp.email(
-			{
-				email,
-				password,
-				name: fullname,
-			},
-			{
-				onRequest: () => {
-					setError("");
-					setLoadingEmail(true);
-				},
-				onSuccess: () => {
-					setLoadingEmail(false);
-					toast.success("Conta criada com sucesso!");
-					router.replace("/dashboard");
-				},
-				onError: (ctx) => {
-					setError(ctx.error.message);
-					setLoadingEmail(false);
-				},
-			},
-		);
-	}
-
-	async function handleGoogle() {
-		if (!isGoogleAvailable) {
-			setError("Login com Google não está disponível no momento.");
-			return;
-		}
-
-		// Ativa loading antes de iniciar o fluxo OAuth
-		setError("");
-		setLoadingGoogle(true);
-
-		// OAuth redirect - o loading permanece até a página ser redirecionada
-		await authClient.signIn.social(
-			{
-				provider: "google",
-				callbackURL: "/dashboard",
-			},
-			{
-				onError: (ctx) => {
-					// Só desativa loading se houver erro
-					setError(ctx.error.message);
-					setLoadingGoogle(false);
-				},
-			},
-		);
-	}
-
-	return (
-		<div className={cn("flex flex-col gap-6", className)} {...props}>
-			<Logo className="mb-2" />
-			<Card className="overflow-hidden p-0">
-				<CardContent className="grid gap-0 p-0 md:grid-cols-[1.05fr_0.95fr]">
-					<form
-						className="flex flex-col gap-6 p-6 md:p-8"
-						onSubmit={handleSubmit}
-						noValidate
-					>
-						<FieldGroup className="gap-4">
-							<AuthHeader title="Criar sua conta" />
-
-							<AuthErrorAlert error={error} />
-
-							<Field>
-								<FieldLabel htmlFor="name">Nome completo</FieldLabel>
-								<Input
-									id="name"
-									type="text"
-									placeholder="Digite seu nome"
-									autoComplete="name"
-									required
-									value={fullname}
-									onChange={(e) => setFullname(e.target.value)}
-									aria-invalid={!!error}
-								/>
-							</Field>
-
-							<Field>
-								<FieldLabel htmlFor="email">E-mail</FieldLabel>
-								<Input
-									id="email"
-									type="email"
-									placeholder="Digite seu e-mail"
-									autoComplete="email"
-									required
-									value={email}
-									onChange={(e) => setEmail(e.target.value)}
-									aria-invalid={!!error}
-								/>
-							</Field>
-
-							<Field>
-								<FieldLabel htmlFor="password">Senha</FieldLabel>
-								<Input
-									id="password"
-									type="password"
-									required
-									autoComplete="new-password"
-									placeholder="Crie uma senha forte"
-									value={password}
-									onChange={(e) => setPassword(e.target.value)}
-									aria-invalid={
-										!!error ||
-										(password.length > 0 && !passwordValidation.isValid)
-									}
-									maxLength={23}
-								/>
-								{password.length > 0 && (
-									<div className="mt-2 grid grid-cols-2 gap-x-4 gap-y-1">
-										<PasswordRequirement
-											met={passwordValidation.hasMinLength}
-											label="Mínimo 7 caracteres"
-										/>
-										<PasswordRequirement
-											met={passwordValidation.hasMaxLength}
-											label="Máximo 23 caracteres"
-										/>
-										<PasswordRequirement
-											met={passwordValidation.hasLowercase}
-											label="Letra minúscula"
-										/>
-										<PasswordRequirement
-											met={passwordValidation.hasUppercase}
-											label="Letra maiúscula"
-										/>
-										<PasswordRequirement
-											met={passwordValidation.hasNumber}
-											label="Número"
-										/>
-										<PasswordRequirement
-											met={passwordValidation.hasSpecial}
-											label="Caractere especial"
-										/>
-									</div>
-								)}
-							</Field>
-
-							<Field>
-								<Button
-									type="submit"
-									disabled={
-										loadingEmail ||
-										loadingGoogle ||
-										(password.length > 0 && !passwordValidation.isValid)
-									}
-									className="w-full"
-								>
-									{loadingEmail ? (
-										<RiLoader4Line className="h-4 w-4 animate-spin" />
-									) : (
-										"Criar conta"
-									)}
-								</Button>
-							</Field>
-
-							<FieldSeparator className="my-2 *:data-[slot=field-separator-content]:bg-card">
-								Ou continue com
-							</FieldSeparator>
-
-							<Field>
-								<GoogleAuthButton
-									onClick={handleGoogle}
-									loading={loadingGoogle}
-									disabled={loadingEmail || loadingGoogle || !isGoogleAvailable}
-									text="Continuar com Google"
-								/>
-							</Field>
-
-							<FieldDescription className="text-center">
-								Já tem uma conta?{" "}
-								<a href="/login" className="underline underline-offset-4">
-									Entrar
-								</a>
-							</FieldDescription>
-						</FieldGroup>
-					</form>
-
-					<AuthSidebar />
-				</CardContent>
-			</Card>
-
-			<FieldDescription className="text-center">
-				<a href="/" className="underline underline-offset-4">
-					Voltar para o site
-				</a>
-			</FieldDescription>
-		</div>
-	);
-}

components/calendario/calendar-legend.tsx

@@ -1,33 +0,0 @@
-"use client";
-
-import { EVENT_TYPE_STYLES } from "@/components/calendario/day-cell";
-import type { CalendarEvent } from "@/components/calendario/types";
-import { cn } from "@/lib/utils/ui";
-
-const LEGEND_ITEMS: Array<{
-	type?: CalendarEvent["type"];
-	label: string;
-	dotColor?: string;
-}> = [
-	{ type: "lancamento", label: "Lançamentos" },
-	{ type: "boleto", label: "Boleto com vencimento" },
-	{ type: "cartao", label: "Vencimento de cartão" },
-	{ label: "Pagamento fatura", dotColor: "bg-success" },
-];
-
-export function CalendarLegend() {
-	return (
-		<div className="flex flex-wrap gap-3 rounded-sm border border-border/60 bg-muted/20 p-2 text-xs font-medium text-muted-foreground">
-			{LEGEND_ITEMS.map((item, index) => {
-				const dotColor =
-					item.dotColor || (item.type ? EVENT_TYPE_STYLES[item.type].dot : "");
-				return (
-					<span key={item.type || index} className="flex items-center gap-2">
-						<span className={cn("size-3 rounded-full", dotColor)} />
-						{item.label}
-					</span>
-				);
-			})}
-		</div>
-	);
-}

components/calendario/day-cell.tsx

@@ -1,185 +0,0 @@
-"use client";
-
-import { RiAddLine } from "@remixicon/react";
-import type { KeyboardEvent, MouseEvent } from "react";
-import type { CalendarDay, CalendarEvent } from "@/components/calendario/types";
-import { currencyFormatter } from "@/lib/lancamentos/formatting-helpers";
-import { cn } from "@/lib/utils/ui";
-
-type DayCellProps = {
-	day: CalendarDay;
-	onSelect: (day: CalendarDay) => void;
-	onCreate: (day: CalendarDay) => void;
-};
-
-export const EVENT_TYPE_STYLES: Record<
-	CalendarEvent["type"],
-	{ wrapper: string; dot: string; accent?: string }
-> = {
-	lancamento: {
-		wrapper:
-			"bg-warning/10 text-warning dark:bg-warning/5 dark:text-warning border-l-4 border-warning",
-		dot: "bg-warning",
-	},
-	boleto: {
-		wrapper:
-			"bg-info/10 text-info dark:bg-info/5 dark:text-info border-l-4 border-info",
-		dot: "bg-info",
-	},
-	cartao: {
-		wrapper:
-			"bg-violet-100 text-violet-600 dark:bg-violet-900/10 dark:text-violet-50 border-l-4 border-violet-500",
-		dot: "bg-violet-600",
-	},
-};
-
-const eventStyles = EVENT_TYPE_STYLES;
-
-const formatCurrencyValue = (value: number | null | undefined) =>
-	currencyFormatter.format(Math.abs(value ?? 0));
-
-const formatAmount = (event: Extract<CalendarEvent, { type: "lancamento" }>) =>
-	formatCurrencyValue(event.lancamento.amount);
-
-const buildEventLabel = (event: CalendarEvent) => {
-	switch (event.type) {
-		case "lancamento": {
-			return event.lancamento.name;
-		}
-		case "boleto": {
-			return event.lancamento.name;
-		}
-		case "cartao": {
-			return event.card.name;
-		}
-		default:
-			return "";
-	}
-};
-
-const buildEventComplement = (event: CalendarEvent) => {
-	switch (event.type) {
-		case "lancamento": {
-			return formatAmount(event);
-		}
-		case "boleto": {
-			return formatCurrencyValue(event.lancamento.amount);
-		}
-		case "cartao": {
-			if (event.card.totalDue !== null) {
-				return formatCurrencyValue(event.card.totalDue);
-			}
-			return null;
-		}
-		default:
-			return null;
-	}
-};
-
-const isPagamentoFatura = (event: CalendarEvent) => {
-	return (
-		event.type === "lancamento" &&
-		event.lancamento.name.startsWith("Pagamento fatura -")
-	);
-};
-
-const getEventStyle = (event: CalendarEvent) => {
-	if (isPagamentoFatura(event)) {
-		return {
-			wrapper:
-				"bg-success/10 text-success dark:bg-success/5 dark:text-success border-l-4 border-success",
-			dot: "bg-success",
-		};
-	}
-	return eventStyles[event.type];
-};
-
-const DayEventPreview = ({ event }: { event: CalendarEvent }) => {
-	const complement = buildEventComplement(event);
-	const label = buildEventLabel(event);
-	const style = getEventStyle(event);
-
-	return (
-		<div
-			className={cn(
-				"flex w-full items-center justify-between gap-2 rounded p-1 text-xs",
-				style.wrapper,
-			)}
-		>
-			<div className="flex min-w-0 items-center gap-1">
-				<span className="truncate">{label}</span>
-			</div>
-			{complement ? (
-				<span
-					className={cn("shrink-0 font-semibold", style.accent ?? "text-xs")}
-				>
-					{complement}
-				</span>
-			) : null}
-		</div>
-	);
-};
-
-export function DayCell({ day, onSelect, onCreate }: DayCellProps) {
-	const previewEvents = day.events.slice(0, 3);
-	const hasOverflow = day.events.length > 3;
-
-	const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {
-		if (event.key === "Enter" || event.key === " " || event.key === "Space") {
-			event.preventDefault();
-			onSelect(day);
-		}
-	};
-
-	const handleCreateClick = (event: MouseEvent<HTMLButtonElement>) => {
-		event.stopPropagation();
-		onCreate(day);
-	};
-
-	return (
-		<div
-			role="button"
-			tabIndex={0}
-			onClick={() => onSelect(day)}
-			onKeyDown={handleKeyDown}
-			className={cn(
-				"flex h-full cursor-pointer flex-col gap-1.5 rounded-lg border border-transparent bg-card/80 p-2 text-left transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 hover:border-primary/40 hover:bg-primary/5 dark:hover:bg-primary/10",
-				!day.isCurrentMonth && "opacity-60",
-				day.isToday && "border-primary/70 bg-primary/5 hover:border-primary",
-			)}
-		>
-			<div className="flex items-start justify-between gap-2">
-				<span
-					className={cn(
-						"text-sm font-semibold leading-none",
-						day.isToday
-							? "text-orange-100 bg-primary size-5 rounded-full flex items-center justify-center"
-							: "text-foreground/90",
-					)}
-				>
-					{day.label}
-				</span>
-				<button
-					type="button"
-					onClick={handleCreateClick}
-					className="flex size-6 items-center justify-center rounded-full border bg-muted text-muted-foreground transition-colors hover:bg-primary/20 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-1"
-					aria-label={`Criar lançamento em ${day.date}`}
-				>
-					<RiAddLine className="size-3.5" />
-				</button>
-			</div>
-
-			<div className="flex flex-1 flex-col gap-1.5">
-				{previewEvents.map((event) => (
-					<DayEventPreview key={event.id} event={event} />
-				))}
-
-				{hasOverflow ? (
-					<span className="text-xs font-medium text-primary/80">
-						+ ver mais
-					</span>
-				) : null}
-			</div>
-		</div>
-	);
-}

components/calendario/event-modal.tsx

@@ -1,208 +0,0 @@
-"use client";
-
-import type { ReactNode } from "react";
-import { EVENT_TYPE_STYLES } from "@/components/calendario/day-cell";
-import type { CalendarDay, CalendarEvent } from "@/components/calendario/types";
-import { Button } from "@/components/ui/button";
-import {
-	Dialog,
-	DialogContent,
-	DialogDescription,
-	DialogFooter,
-	DialogHeader,
-	DialogTitle,
-} from "@/components/ui/dialog";
-import { friendlyDate, parseLocalDateString } from "@/lib/utils/date";
-import { cn } from "@/lib/utils/ui";
-import MoneyValues from "../money-values";
-import { Badge } from "../ui/badge";
-import { Card } from "../ui/card";
-
-type EventModalProps = {
-	open: boolean;
-	day: CalendarDay | null;
-	onClose: () => void;
-	onCreate: (date: string) => void;
-};
-
-const EventCard = ({
-	children,
-	type,
-	isPagamentoFatura = false,
-}: {
-	children: ReactNode;
-	type: CalendarEvent["type"];
-	isPagamentoFatura?: boolean;
-}) => {
-	const style = isPagamentoFatura
-		? { dot: "bg-success" }
-		: EVENT_TYPE_STYLES[type];
-	return (
-		<Card className="flex flex-row gap-2 p-3 mb-1">
-			<span
-				className={cn("mt-1 size-3 shrink-0 rounded-full", style.dot)}
-				aria-hidden
-			/>
-			<div className="flex flex-1 flex-col">{children}</div>
-		</Card>
-	);
-};
-
-const renderLancamento = (
-	event: Extract<CalendarEvent, { type: "lancamento" }>,
-) => {
-	const isReceita = event.lancamento.transactionType === "Receita";
-	const isPagamentoFatura =
-		event.lancamento.name.startsWith("Pagamento fatura -");
-
-	return (
-		<EventCard type="lancamento" isPagamentoFatura={isPagamentoFatura}>
-			<div className="flex items-start justify-between gap-3">
-				<div className="flex flex-col gap-1">
-					<span
-						className={`text-sm font-semibold leading-tight ${
-							isPagamentoFatura && "text-success"
-						}`}
-					>
-						{event.lancamento.name}
-					</span>
-
-					<div className="flex gap-1">
-						<Badge variant={"outline"}>{event.lancamento.condition}</Badge>
-						<Badge variant={"outline"}>{event.lancamento.paymentMethod}</Badge>
-						<Badge variant={"outline"}>{event.lancamento.categoriaName}</Badge>
-					</div>
-				</div>
-				<span
-					className={cn(
-						"text-sm font-semibold whitespace-nowrap",
-						isReceita ? "text-success" : "text-foreground",
-					)}
-				>
-					<MoneyValues
-						showPositiveSign
-						className="text-base"
-						amount={event.lancamento.amount}
-					/>
-				</span>
-			</div>
-		</EventCard>
-	);
-};
-
-const renderBoleto = (event: Extract<CalendarEvent, { type: "boleto" }>) => {
-	const isPaid = Boolean(event.lancamento.isSettled);
-	const dueDate = event.lancamento.dueDate;
-	const formattedDueDate = dueDate
-		? new Intl.DateTimeFormat("pt-BR").format(new Date(dueDate))
-		: null;
-
-	return (
-		<EventCard type="boleto">
-			<div className="flex items-start justify-between gap-3">
-				<div className="flex flex-col gap-1">
-					<div className="flex gap-1 items-center">
-						<span className="text-sm font-semibold leading-tight">
-							{event.lancamento.name}
-						</span>
-
-						{formattedDueDate && (
-							<span className="text-xs text-muted-foreground leading-tight">
-								Vence em {formattedDueDate}
-							</span>
-						)}
-					</div>
-
-					<Badge variant={"outline"}>{isPaid ? "Pago" : "Pendente"}</Badge>
-				</div>
-				<span className="font-semibold">
-					<MoneyValues amount={event.lancamento.amount} />
-				</span>
-			</div>
-		</EventCard>
-	);
-};
-
-const renderCard = (event: Extract<CalendarEvent, { type: "cartao" }>) => (
-	<EventCard type="cartao">
-		<div className="flex items-start justify-between gap-3">
-			<div className="flex flex-col gap-1">
-				<div className="flex gap-1 items-center">
-					<span className="text-sm font-semibold leading-tight">
-						Vencimento Fatura - {event.card.name}
-					</span>
-				</div>
-
-				<Badge variant={"outline"}>{event.card.status ?? "Fatura"}</Badge>
-			</div>
-			{event.card.totalDue !== null ? (
-				<span className="font-semibold">
-					<MoneyValues amount={event.card.totalDue} />
-				</span>
-			) : null}
-		</div>
-	</EventCard>
-);
-
-const renderEvent = (event: CalendarEvent) => {
-	switch (event.type) {
-		case "lancamento":
-			return renderLancamento(event);
-		case "boleto":
-			return renderBoleto(event);
-		case "cartao":
-			return renderCard(event);
-		default:
-			return null;
-	}
-};
-
-export function EventModal({ open, day, onClose, onCreate }: EventModalProps) {
-	const formattedDate = !day
-		? ""
-		: friendlyDate(parseLocalDateString(day.date));
-
-	const handleCreate = () => {
-		if (!day) return;
-		onClose();
-		onCreate(day.date);
-	};
-
-	const description = day?.events.length
-		? "Confira os lançamentos e vencimentos cadastrados para este dia."
-		: "Nenhum lançamento encontrado para este dia. Você pode criar um novo lançamento agora.";
-
-	return (
-		<Dialog open={open} onOpenChange={(value) => (!value ? onClose() : null)}>
-			<DialogContent className="max-w-xl">
-				<DialogHeader>
-					<DialogTitle>{formattedDate}</DialogTitle>
-					<DialogDescription>{description}</DialogDescription>
-				</DialogHeader>
-
-				<div className="max-h-[380px] space-y-2 overflow-y-auto pr-2">
-					{day?.events.length ? (
-						day.events.map((event) => (
-							<div key={event.id}>{renderEvent(event)}</div>
-						))
-					) : (
-						<div className="rounded-xl border border-dashed border-border/60 bg-muted/30 p-6 text-center text-sm text-muted-foreground">
-							Nenhum lançamento ou vencimento registrado. Clique em{" "}
-							<span className="font-medium text-primary">Novo lançamento</span>{" "}
-							para começar.
-						</div>
-					)}
-				</div>
-
-				<DialogFooter>
-					<Button variant="outline" onClick={onClose}>
-						Cancelar
-					</Button>
-					<Button onClick={handleCreate} disabled={!day}>
-						Novo lançamento
-					</Button>
-				</DialogFooter>
-			</DialogContent>
-		</Dialog>
-	);
-}

components/cartoes/card-item.tsx

@@ -1,307 +0,0 @@
-"use client";
-
-import {
-	RiChat3Line,
-	RiDeleteBin5Line,
-	RiFileList2Line,
-	RiPencilLine,
-} from "@remixicon/react";
-import Image from "next/image";
-import { useMemo } from "react";
-import {
-	Card,
-	CardContent,
-	CardFooter,
-	CardHeader,
-} from "@/components/ui/card";
-import { Progress } from "@/components/ui/progress";
-import {
-	Tooltip,
-	TooltipContent,
-	TooltipTrigger,
-} from "@/components/ui/tooltip";
-import { cn } from "@/lib/utils/ui";
-import MoneyValues from "../money-values";
-
-interface CardItemProps {
-	name: string;
-	brand: string;
-	status: string;
-	closingDay: string;
-	dueDay: string;
-	limit: number | null;
-	limitInUse?: number | null;
-	limitAvailable?: number | null;
-	contaName: string;
-	logo?: string | null;
-	note?: string | null;
-	onEdit?: () => void;
-	onInvoice?: () => void;
-	onRemove?: () => void;
-}
-
-const BRAND_ASSETS: Record<string, string> = {
-	visa: "/bandeiras/visa.svg",
-	mastercard: "/bandeiras/mastercard.svg",
-	amex: "/bandeiras/amex.svg",
-	american: "/bandeiras/amex.svg",
-	elo: "/bandeiras/elo.svg",
-	hipercard: "/bandeiras/hipercard.svg",
-	hiper: "/bandeiras/hipercard.svg",
-};
-
-const resolveBrandAsset = (brand: string) => {
-	const normalized = brand.trim().toLowerCase();
-
-	const match = (
-		Object.keys(BRAND_ASSETS) as Array<keyof typeof BRAND_ASSETS>
-	).find((entry) => normalized.includes(entry));
-
-	return match ? BRAND_ASSETS[match] : null;
-};
-
-const formatDay = (value: string) => value.padStart(2, "0");
-
-export function CardItem({
-	name,
-	brand,
-	status,
-	closingDay,
-	dueDay,
-	limit,
-	limitInUse,
-	limitAvailable,
-	contaName: _contaName,
-	logo,
-	note,
-	onEdit,
-	onInvoice,
-	onRemove,
-}: CardItemProps) {
-	void _contaName;
-
-	const limitTotal = limit ?? null;
-	const used =
-		limitInUse ??
-		(limitTotal !== null && limitAvailable !== null
-			? Math.max(limitTotal - limitAvailable, 0)
-			: limitTotal !== null
-				? 0
-				: null);
-
-	const available =
-		limitAvailable ??
-		(limitTotal !== null && used !== null
-			? Math.max(limitTotal - used, 0)
-			: null);
-
-	const usagePercent =
-		limitTotal && limitTotal > 0 && used !== null
-			? Math.min(Math.max((used / limitTotal) * 100, 0), 100)
-			: 0;
-
-	const logoPath = useMemo(() => {
-		if (!logo) {
-			return null;
-		}
-
-		if (
-			logo.startsWith("http://") ||
-			logo.startsWith("https://") ||
-			logo.startsWith("data:")
-		) {
-			return logo;
-		}
-
-		return logo.startsWith("/") ? logo : `/logos/${logo}`;
-	}, [logo]);
-
-	const brandAsset = useMemo(() => resolveBrandAsset(brand), [brand]);
-
-	const isInactive = useMemo(
-		() => status?.toLowerCase() === "inativo",
-		[status],
-	);
-
-	const metrics = useMemo(() => {
-		if (limitTotal === null) return null;
-
-		return [
-			{ label: "Limite Total", value: limitTotal },
-			{ label: "Em uso", value: used },
-			{ label: "Disponível", value: available },
-		];
-	}, [available, limitTotal, used]);
-
-	const actions = useMemo(
-		() => [
-			{
-				label: "editar",
-				icon: <RiPencilLine className="size-4" aria-hidden />,
-				onClick: onEdit,
-				className: "text-primary",
-			},
-			{
-				label: "ver fatura",
-				icon: <RiFileList2Line className="size-4" aria-hidden />,
-				onClick: onInvoice,
-				className: "text-primary",
-			},
-			{
-				label: "remover",
-				icon: <RiDeleteBin5Line className="size-4" aria-hidden />,
-				onClick: onRemove,
-				className: "text-destructive",
-			},
-		],
-		[onEdit, onInvoice, onRemove],
-	);
-
-	return (
-		<Card className="flex flex-col p-6 w-full">
-			<CardHeader className="space-y-2 px-0 pb-0">
-				<div className="flex items-start justify-between gap-2">
-					<div className="flex flex-1 items-center gap-2">
-						{logoPath ? (
-							<div className="flex size-10 shrink-0 items-center justify-center overflow-hidden">
-								<Image
-									src={logoPath}
-									alt={`Logo do cartão ${name}`}
-									width={42}
-									height={42}
-									className={cn(
-										"rounded-full",
-										isInactive && "grayscale opacity-40",
-									)}
-								/>
-							</div>
-						) : null}
-
-						<div className="min-w-0">
-							<div className="flex items-center gap-1.5">
-								<h3 className="truncate text-sm font-semibold text-foreground sm:text-base">
-									{name}
-								</h3>
-								{note ? (
-									<Tooltip>
-										<TooltipTrigger asChild>
-											<button
-												type="button"
-												className="text-muted-foreground/70 transition-colors hover:text-foreground"
-												aria-label="Observações do cartão"
-											>
-												<RiChat3Line className="size-3.5" />
-											</button>
-										</TooltipTrigger>
-										<TooltipContent side="top" align="start">
-											{note}
-										</TooltipContent>
-									</Tooltip>
-								) : null}
-							</div>
-
-							{status ? (
-								<span className="text-xs tracking-wide text-muted-foreground">
-									{status}
-								</span>
-							) : null}
-						</div>
-					</div>
-
-					{brandAsset ? (
-						<div className="flex items-center justify-center py-1">
-							<Image
-								src={brandAsset}
-								alt={`Bandeira ${brand}`}
-								width={36}
-								height={36}
-								className={cn(
-									"h-5 w-auto rounded",
-									isInactive && "grayscale opacity-40",
-								)}
-							/>
-						</div>
-					) : (
-						<span className="text-sm font-medium text-muted-foreground">
-							{brand}
-						</span>
-					)}
-				</div>
-
-				<div className="flex items-center justify-between border-y border-dashed py-3 text-xs font-medium text-muted-foreground sm:text-sm">
-					<span>
-						Fecha dia{" "}
-						<span className="font-semibold text-foreground">
-							{formatDay(closingDay)}
-						</span>
-					</span>
-					<span>
-						Vence dia{" "}
-						<span className="font-semibold text-foreground">
-							{formatDay(dueDay)}
-						</span>
-					</span>
-				</div>
-			</CardHeader>
-
-			<CardContent className="flex flex-1 flex-col gap-5 px-0">
-				{metrics ? (
-					<>
-						<div className="grid grid-cols-3 gap-4">
-							<div className="flex flex-col items-start gap-1">
-								<p className="text-sm font-semibold text-foreground">
-									<MoneyValues amount={metrics[0].value} />
-								</p>
-								<span className="text-xs font-medium text-muted-foreground">
-									{metrics[0].label}
-								</span>
-							</div>
-
-							<div className="flex flex-col items-center gap-1">
-								<p className="flex items-center gap-1.5 text-sm font-semibold text-foreground">
-									<span className="size-2 rounded-full bg-primary" />
-									<MoneyValues amount={metrics[1].value} />
-								</p>
-								<span className="text-xs font-medium text-muted-foreground">
-									{metrics[1].label}
-								</span>
-							</div>
-
-							<div className="flex flex-col items-end gap-1">
-								<p className="text-sm font-semibold text-foreground">
-									<MoneyValues amount={metrics[2].value} />
-								</p>
-								<span className="text-xs font-medium text-muted-foreground">
-									{metrics[2].label}
-								</span>
-							</div>
-						</div>
-
-						<Progress value={usagePercent} className="h-3" />
-					</>
-				) : (
-					<p className="text-sm text-muted-foreground">
-						Ainda não há limite registrado para este cartão.
-					</p>
-				)}
-			</CardContent>
-
-			<CardFooter className="mt-auto flex flex-wrap gap-4 px-0 text-sm">
-				{actions.map(({ label, icon, onClick, className }) => (
-					<button
-						key={label}
-						type="button"
-						onClick={onClick}
-						className={cn(
-							"flex items-center gap-1 font-medium transition-opacity hover:opacity-80",
-							className,
-						)}
-					>
-						{icon}
-						{label}
-					</button>
-				))}
-			</CardFooter>
-		</Card>
-	);
-}

components/categorias/category-detail-header.tsx

@@ -1,129 +0,0 @@
-import { RiArrowDownSFill, RiArrowUpSFill } from "@remixicon/react";
-import type { CategoryType } from "@/lib/categorias/constants";
-import { currencyFormatter } from "@/lib/lancamentos/formatting-helpers";
-import { cn } from "@/lib/utils/ui";
-import { TypeBadge } from "../type-badge";
-import { Card } from "../ui/card";
-import { CategoryIconBadge } from "./category-icon-badge";
-
-type CategorySummary = {
-	id: string;
-	name: string;
-	icon: string | null;
-	type: CategoryType;
-};
-
-type CategoryDetailHeaderProps = {
-	category: CategorySummary;
-	currentPeriodLabel: string;
-	previousPeriodLabel: string;
-	currentTotal: number;
-	previousTotal: number;
-	percentageChange: number | null;
-	transactionCount: number;
-};
-
-export function CategoryDetailHeader({
-	category,
-	currentPeriodLabel,
-	previousPeriodLabel,
-	currentTotal,
-	previousTotal,
-	percentageChange,
-	transactionCount,
-}: CategoryDetailHeaderProps) {
-	const isIncrease =
-		typeof percentageChange === "number" && percentageChange > 0;
-	const isDecrease =
-		typeof percentageChange === "number" && percentageChange < 0;
-
-	const variationColor =
-		category.type === "receita"
-			? isIncrease
-				? "text-success"
-				: isDecrease
-					? "text-destructive"
-					: "text-muted-foreground"
-			: isIncrease
-				? "text-destructive"
-				: isDecrease
-					? "text-success"
-					: "text-muted-foreground";
-
-	const variationIcon =
-		isIncrease || isDecrease ? (
-			isIncrease ? (
-				<RiArrowUpSFill className="size-4" aria-hidden />
-			) : (
-				<RiArrowDownSFill className="size-4" aria-hidden />
-			)
-		) : null;
-
-	const variationLabel =
-		typeof percentageChange === "number"
-			? `${percentageChange > 0 ? "+" : ""}${Math.abs(percentageChange).toFixed(
-					1,
-				)}%`
-			: "—";
-
-	return (
-		<Card className="px-4">
-			<div className="flex flex-col gap-6 lg:flex-row lg:items-center lg:justify-between">
-				<div className="flex items-start gap-3">
-					<CategoryIconBadge
-						icon={category.icon}
-						name={category.name}
-						colorIndex={0}
-						size="lg"
-					/>
-					<div className="space-y-2">
-						<h1 className="text-xl font-semibold leading-tight">
-							{category.name}
-						</h1>
-						<div className="flex flex-wrap items-center gap-2 text-sm text-muted-foreground">
-							<TypeBadge type={category.type} />
-							<span>
-								{transactionCount}{" "}
-								{transactionCount === 1 ? "lançamento" : "lançamentos"} no{" "}
-								período
-							</span>
-						</div>
-					</div>
-				</div>
-
-				<div className="grid w-full gap-4 sm:grid-cols-2 lg:w-auto lg:grid-cols-3">
-					<div>
-						<p className="text-xs font-medium uppercase tracking-wide text-muted-foreground">
-							Total em {currentPeriodLabel}
-						</p>
-						<p className="mt-1 text-2xl font-semibold">
-							{currencyFormatter.format(currentTotal)}
-						</p>
-					</div>
-					<div>
-						<p className="text-xs font-medium uppercase tracking-wide text-muted-foreground">
-							Total em {previousPeriodLabel}
-						</p>
-						<p className="mt-1 text-lg font-medium text-muted-foreground">
-							{currencyFormatter.format(previousTotal)}
-						</p>
-					</div>
-					<div>
-						<p className="text-xs font-medium uppercase tracking-wide text-muted-foreground">
-							Variação vs mês anterior
-						</p>
-						<div
-							className={cn(
-								"mt-1 flex items-center gap-1 text-xl font-semibold",
-								variationColor,
-							)}
-						>
-							{variationIcon}
-							<span>{variationLabel}</span>
-						</div>
-					</div>
-				</div>
-			</div>
-		</Card>
-	);
-}

components/categorias/category-form-fields.tsx

@@ -1,128 +0,0 @@
-"use client";
-
-import { RiMoreLine } from "@remixicon/react";
-import { useState } from "react";
-import { Button } from "@/components/ui/button";
-import { Input } from "@/components/ui/input";
-import { Label } from "@/components/ui/label";
-import {
-	Popover,
-	PopoverContent,
-	PopoverTrigger,
-} from "@/components/ui/popover";
-import {
-	Select,
-	SelectContent,
-	SelectItem,
-	SelectTrigger,
-	SelectValue,
-} from "@/components/ui/select";
-import {
-	CATEGORY_TYPE_LABEL,
-	CATEGORY_TYPES,
-} from "@/lib/categorias/constants";
-import { getCategoryIconOptions } from "@/lib/categorias/icons";
-import { cn } from "@/lib/utils/ui";
-
-import { CategoryIcon } from "./category-icon";
-import { TypeSelectContent } from "./category-select-items";
-import type { CategoryFormValues } from "./types";
-
-interface CategoryFormFieldsProps {
-	values: CategoryFormValues;
-	onChange: (field: keyof CategoryFormValues, value: string) => void;
-}
-
-export function CategoryFormFields({
-	values,
-	onChange,
-}: CategoryFormFieldsProps) {
-	const [popoverOpen, setPopoverOpen] = useState(false);
-	const iconOptions = getCategoryIconOptions();
-
-	const handleIconSelect = (icon: string) => {
-		onChange("icon", icon);
-		setPopoverOpen(false);
-	};
-
-	return (
-		<div className="grid grid-cols-1 gap-4">
-			<div className="flex flex-col gap-2">
-				<Label htmlFor="category-name">Nome</Label>
-				<Input
-					id="category-name"
-					value={values.name}
-					onChange={(event) => onChange("name", event.target.value)}
-					placeholder="Ex.: Alimentação"
-					required
-				/>
-			</div>
-
-			<div className="flex flex-col gap-2">
-				<Label htmlFor="category-type">Tipo da categoria</Label>
-				<Select
-					value={values.type}
-					onValueChange={(value) => onChange("type", value)}
-				>
-					<SelectTrigger id="category-type" className="w-full">
-						<SelectValue placeholder="Selecione o tipo">
-							{values.type && (
-								<TypeSelectContent label={CATEGORY_TYPE_LABEL[values.type]} />
-							)}
-						</SelectValue>
-					</SelectTrigger>
-					<SelectContent>
-						{CATEGORY_TYPES.map((type) => (
-							<SelectItem key={type} value={type}>
-								<TypeSelectContent label={CATEGORY_TYPE_LABEL[type]} />
-							</SelectItem>
-						))}
-					</SelectContent>
-				</Select>
-			</div>
-
-			<div className="flex flex-col gap-2">
-				<Label>Ícone</Label>
-				<div className="flex items-center gap-3">
-					<div className="flex size-12 items-center justify-center rounded-lg border bg-muted/30 text-primary">
-						{values.icon ? (
-							<CategoryIcon name={values.icon} className="size-7" />
-						) : (
-							<RiMoreLine className="size-6 text-muted-foreground" />
-						)}
-					</div>
-					<Popover open={popoverOpen} onOpenChange={setPopoverOpen}>
-						<PopoverTrigger asChild>
-							<Button type="button" variant="outline" className="flex-1">
-								Selecionar ícone
-							</Button>
-						</PopoverTrigger>
-						<PopoverContent className="w-[480px] p-3" align="start">
-							<div className="grid max-h-96 grid-cols-8 gap-2 overflow-y-auto">
-								{iconOptions.map((option) => (
-									<button
-										key={option.value}
-										type="button"
-										onClick={() => handleIconSelect(option.value)}
-										className={cn(
-											"flex size-12 items-center justify-center rounded-lg border transition-all hover:border-primary hover:bg-primary/5",
-											values.icon === option.value
-												? "border-primary bg-primary/10 text-primary"
-												: "border-border text-muted-foreground hover:text-primary",
-										)}
-										title={option.label}
-									>
-										<CategoryIcon name={option.value} className="size-6" />
-									</button>
-								))}
-							</div>
-						</PopoverContent>
-					</Popover>
-				</div>
-				<p className="text-xs text-muted-foreground">
-					Escolha um ícone que represente melhor esta categoria.
-				</p>
-			</div>
-		</div>
-	);
-}

components/categorias/category-icon.tsx

@@ -1,28 +0,0 @@
-"use client";
-
-import type { RemixiconComponentType } from "@remixicon/react";
-import * as RemixIcons from "@remixicon/react";
-import { cn } from "@/lib/utils/ui";
-
-const ICONS = RemixIcons as Record<string, RemixiconComponentType | undefined>;
-const FALLBACK_ICON = ICONS.RiPriceTag3Line;
-
-interface CategoryIconProps {
-	name?: string | null;
-	className?: string;
-}
-
-export function CategoryIcon({ name, className }: CategoryIconProps) {
-	const IconComponent =
-		(name ? ICONS[name] : undefined) ?? FALLBACK_ICON ?? null;
-
-	if (!IconComponent) {
-		return (
-			<span className={cn("text-xs text-muted-foreground", className)}>
-				{name ?? "Categoria"}
-			</span>
-		);
-	}
-
-	return <IconComponent className={cn("size-5", className)} aria-hidden />;
-}

components/contas/account-card.tsx

@@ -1,148 +0,0 @@
-"use client";
-import {
-	RiArrowLeftRightLine,
-	RiDeleteBin5Line,
-	RiFileList2Line,
-	RiInformationLine,
-	RiPencilLine,
-} from "@remixicon/react";
-import type React from "react";
-import { cn } from "@/lib/utils/ui";
-import MoneyValues from "../money-values";
-import { Card, CardContent, CardFooter } from "../ui/card";
-import { Tooltip, TooltipContent, TooltipTrigger } from "../ui/tooltip";
-
-interface AccountCardProps {
-	accountName: string;
-	accountType: string;
-	balance: number;
-	status?: string;
-	icon?: React.ReactNode;
-	excludeFromBalance?: boolean;
-	excludeInitialBalanceFromIncome?: boolean;
-	onViewStatement?: () => void;
-	onEdit?: () => void;
-	onRemove?: () => void;
-	onTransfer?: () => void;
-	className?: string;
-}
-
-export function AccountCard({
-	accountName,
-	accountType,
-	balance,
-	status,
-	icon,
-	excludeFromBalance,
-	excludeInitialBalanceFromIncome,
-	onViewStatement,
-	onEdit,
-	onRemove,
-	onTransfer,
-	className,
-}: AccountCardProps) {
-	const isInactive = status?.toLowerCase() === "inativa";
-
-	const actions = [
-		{
-			label: "editar",
-			icon: <RiPencilLine className="size-4" aria-hidden />,
-			onClick: onEdit,
-			variant: "default" as const,
-		},
-		{
-			label: "extrato",
-			icon: <RiFileList2Line className="size-4" aria-hidden />,
-			onClick: onViewStatement,
-			variant: "default" as const,
-		},
-		{
-			label: "transferir",
-			icon: <RiArrowLeftRightLine className="size-4" aria-hidden />,
-			onClick: onTransfer,
-			variant: "default" as const,
-		},
-		{
-			label: "remover",
-			icon: <RiDeleteBin5Line className="size-4" aria-hidden />,
-			onClick: onRemove,
-			variant: "destructive" as const,
-		},
-	].filter((action) => typeof action.onClick === "function");
-
-	return (
-		<Card className={cn("h-full w-full gap-0", className)}>
-			<CardContent className="flex flex-1 flex-col gap-4">
-				<div className="flex items-center gap-2">
-					{icon ? (
-						<div
-							className={cn(
-								"flex items-center justify-center",
-								isInactive && "[&_img]:grayscale [&_img]:opacity-40",
-							)}
-						>
-							{icon}
-						</div>
-					) : null}
-					<h2 className="text-lg font-semibold text-foreground">
-						{accountName}
-					</h2>
-
-					{(excludeFromBalance || excludeInitialBalanceFromIncome) && (
-						<Tooltip>
-							<TooltipTrigger asChild>
-								<div className="flex items-center">
-									<RiInformationLine className="size-5 text-muted-foreground hover:text-foreground transition-colors cursor-help" />
-								</div>
-							</TooltipTrigger>
-							<TooltipContent side="right" className="max-w-xs">
-								<div className="space-y-1">
-									{excludeFromBalance && (
-										<p className="text-xs">
-											<strong>Desconsiderado do saldo total:</strong> Esta conta
-											não é incluída no cálculo do saldo total geral.
-										</p>
-									)}
-									{excludeInitialBalanceFromIncome && (
-										<p className="text-xs">
-											<strong>
-												Saldo inicial desconsiderado das receitas:
-											</strong>{" "}
-											O saldo inicial desta conta não é contabilizado como
-											receita nas métricas.
-										</p>
-									)}
-								</div>
-							</TooltipContent>
-						</Tooltip>
-					)}
-				</div>
-
-				<div className="space-y-2">
-					<MoneyValues amount={balance} className="text-3xl" />
-					<p className="text-sm text-muted-foreground">{accountType}</p>
-				</div>
-			</CardContent>
-
-			{actions.length > 0 ? (
-				<CardFooter className="flex flex-wrap gap-3 px-6 pt-6 text-sm">
-					{actions.map(({ label, icon, onClick, variant }) => (
-						<button
-							key={label}
-							type="button"
-							onClick={onClick}
-							className={cn(
-								"flex items-center gap-1 font-medium transition-opacity hover:opacity-80",
-								variant === "destructive" ? "text-destructive" : "text-primary",
-							)}
-							aria-label={`${label} conta`}
-						>
-							{icon}
-							{label}
-						</button>
-					))}
-				</CardFooter>
-			) : null}
-		</Card>
-	);
-}

components/contas/account-select-items.tsx

@@ -1,16 +0,0 @@
-"use client";
-
-import DotIcon from "@/components/dot-icon";
-
-export function StatusSelectContent({ label }: { label: string }) {
-	const isActive = label === "Ativa";
-
-	return (
-		<span className="flex items-center gap-2">
-			<DotIcon
-				color={isActive ? "bg-success" : "bg-slate-400 dark:bg-slate-500"}
-			/>
-			<span>{label}</span>
-		</span>
-	);
-}

components/contas/account-statement-card.tsx

@@ -1,217 +0,0 @@
-"use client";
-import { RiInformationLine } from "@remixicon/react";
-import Image from "next/image";
-import { type ReactNode, useMemo } from "react";
-import MoneyValues from "@/components/money-values";
-import { Badge } from "@/components/ui/badge";
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import {
-	Tooltip,
-	TooltipContent,
-	TooltipTrigger,
-} from "@/components/ui/tooltip";
-import { cn } from "@/lib/utils/ui";
-
-type DetailValue = string | number | ReactNode;
-
-type AccountStatementCardProps = {
-	accountName: string;
-	accountType: string;
-	status: string;
-	periodLabel: string;
-	currentBalance: number;
-	openingBalance: number;
-	totalIncomes: number;
-	totalExpenses: number;
-	logo?: string | null;
-	actions?: React.ReactNode;
-};
-
-const resolveLogoPath = (logo?: string | null) => {
-	if (!logo) return null;
-	if (
-		logo.startsWith("http://") ||
-		logo.startsWith("https://") ||
-		logo.startsWith("data:")
-	) {
-		return logo;
-	}
-
-	return logo.startsWith("/") ? logo : `/logos/${logo}`;
-};
-
-const getAccountStatusBadgeVariant = (
-	status: string,
-): "success" | "secondary" => {
-	const normalizedStatus = status.toLowerCase();
-	if (normalizedStatus === "ativa") {
-		return "success";
-	}
-	return "outline";
-};
-
-export function AccountStatementCard({
-	accountName,
-	accountType,
-	status,
-	periodLabel,
-	currentBalance,
-	openingBalance,
-	totalIncomes,
-	totalExpenses,
-	logo,
-	actions,
-}: AccountStatementCardProps) {
-	const logoPath = useMemo(() => resolveLogoPath(logo), [logo]);
-
-	const formatCurrency = (value: number) =>
-		value.toLocaleString("pt-BR", {
-			style: "currency",
-			currency: "BRL",
-		});
-
-	return (
-		<Card className="border">
-			<CardHeader className="flex flex-col gap-3">
-				<div className="flex items-start gap-3">
-					{logoPath ? (
-						<div className="flex size-12 shrink-0 items-center justify-center overflow-hidden rounded-full border border-border/60 bg-background">
-							<Image
-								src={logoPath}
-								alt={`Logo da conta ${accountName}`}
-								width={48}
-								height={48}
-								className="h-full w-full object-contain"
-							/>
-						</div>
-					) : null}
-
-					<div className="flex w-full items-start justify-between gap-3">
-						<div className="space-y-1">
-							<CardTitle className="text-xl font-semibold text-foreground">
-								{accountName}
-							</CardTitle>
-							<p className="text-sm text-muted-foreground">
-								Extrato de {periodLabel}
-							</p>
-						</div>
-						{actions ? <div className="shrink-0">{actions}</div> : null}
-					</div>
-				</div>
-			</CardHeader>
-
-			<CardContent className="space-y-4 border-t border-border/60 border-dashed pt-4">
-				{/* Composição do Saldo */}
-				<div className="space-y-3">
-					<DetailItem
-						label="Saldo no início do período"
-						value={<MoneyValues amount={openingBalance} className="text-2xl" />}
-						tooltip="Saldo inicial cadastrado na conta somado aos lançamentos pagos anteriores a este mês."
-					/>
-
-					<div className="grid grid-cols-2 gap-3 sm:grid-cols-4">
-						<DetailItem
-							label="Entradas"
-							value={
-								<span className="font-medium text-success">
-									{formatCurrency(totalIncomes)}
-								</span>
-							}
-							tooltip="Total de receitas deste mês classificadas como pagas para esta conta."
-						/>
-						<DetailItem
-							label="Saídas"
-							value={
-								<span className="font-medium text-destructive">
-									{formatCurrency(totalExpenses)}
-								</span>
-							}
-							tooltip="Total de despesas pagas neste mês (considerando divisão entre pagadores)."
-						/>
-
-						<DetailItem
-							label="Resultado do período"
-							value={
-								<MoneyValues
-									amount={totalIncomes - totalExpenses}
-									className={cn(
-										"font-semibold text-xl",
-										totalIncomes - totalExpenses >= 0
-											? "text-success"
-											: "text-destructive",
-									)}
-								/>
-							}
-							tooltip="Diferença entre entradas e saídas do mês; positivo indica saldo crescente."
-						/>
-					</div>
-
-					{/* Saldo Atual - Destaque Principal */}
-					<DetailItem
-						label="Saldo ao final do período"
-						value={<MoneyValues amount={currentBalance} className="text-2xl" />}
-						tooltip="Saldo inicial do período + entradas - saídas realizadas neste mês."
-					/>
-				</div>
-
-				{/* Informações da Conta */}
-				<div className="grid grid-cols-1 gap-3 sm:grid-cols-2 pt-2 border-t border-border/60 border-dashed">
-					<DetailItem
-						label="Tipo da conta"
-						value={accountType}
-						tooltip="Classificação definida na criação da conta (corrente, poupança, etc.)."
-					/>
-					<DetailItem
-						label="Status da conta"
-						value={
-							<div className="flex items-center">
-								<Badge
-									variant={getAccountStatusBadgeVariant(status)}
-									className="text-xs"
-								>
-									{status}
-								</Badge>
-							</div>
-						}
-						tooltip="Indica se a conta está ativa para lançamentos ou foi desativada."
-					/>
-				</div>
-			</CardContent>
-		</Card>
-	);
-}
-
-function DetailItem({
-	label,
-	value,
-	className,
-	tooltip,
-}: {
-	label: string;
-	value: DetailValue;
-	className?: string;
-	tooltip?: string;
-}) {
-	return (
-		<div className={cn("space-y-1", className)}>
-			<span className="flex items-center gap-1 text-xs font-medium uppercase text-muted-foreground/80">
-				{label}
-				{tooltip ? (
-					<Tooltip>
-						<TooltipTrigger asChild>
-							<RiInformationLine className="size-3.5 cursor-help text-muted-foreground/60" />
-						</TooltipTrigger>
-						<TooltipContent
-							side="top"
-							align="start"
-							className="max-w-xs text-xs"
-						>
-							{tooltip}
-						</TooltipContent>
-					</Tooltip>
-				) : null}
-			</span>
-			<div className="text-base text-foreground">{value}</div>
-		</div>
-	);
-}

components/dashboard/boletos-widget.tsx

@@ -1,388 +0,0 @@
-"use client";
-
-import {
-	RiBarcodeFill,
-	RiCheckboxCircleFill,
-	RiCheckboxCircleLine,
-	RiLoader4Line,
-	RiMoneyDollarCircleLine,
-} from "@remixicon/react";
-import { useRouter } from "next/navigation";
-import { useEffect, useMemo, useState, useTransition } from "react";
-import { toast } from "sonner";
-import { toggleLancamentoSettlementAction } from "@/app/(dashboard)/lancamentos/actions";
-import { EstabelecimentoLogo } from "@/components/lancamentos/shared/estabelecimento-logo";
-import MoneyValues from "@/components/money-values";
-import { Button } from "@/components/ui/button";
-import { CardContent } from "@/components/ui/card";
-import {
-	Dialog,
-	DialogContent,
-	DialogDescription,
-	DialogHeader,
-	DialogTitle,
-	DialogFooter as ModalFooter,
-} from "@/components/ui/dialog";
-import type { DashboardBoleto } from "@/lib/dashboard/boletos";
-import { cn } from "@/lib/utils/ui";
-import { Badge } from "../ui/badge";
-import { WidgetEmptyState } from "../widget-empty-state";
-
-type BoletosWidgetProps = {
-	boletos: DashboardBoleto[];
-};
-
-type ModalState = "idle" | "processing" | "success";
-
-const DATE_FORMATTER = new Intl.DateTimeFormat("pt-BR", {
-	day: "2-digit",
-	month: "short",
-	year: "numeric",
-	timeZone: "UTC",
-});
-
-const buildDateLabel = (value: string | null, prefix?: string) => {
-	if (!value) {
-		return null;
-	}
-
-	const [year, month, day] = value.split("-").map((part) => Number(part));
-	if (!year || !month || !day) {
-		return null;
-	}
-
-	const formatted = DATE_FORMATTER.format(
-		new Date(Date.UTC(year, month - 1, day)),
-	);
-
-	return prefix ? `${prefix} ${formatted}` : formatted;
-};
-
-const buildStatusLabel = (boleto: DashboardBoleto) => {
-	if (boleto.isSettled) {
-		return buildDateLabel(boleto.boletoPaymentDate, "Pago em");
-	}
-
-	return buildDateLabel(boleto.dueDate, "Vence em");
-};
-
-const getTodayDateString = () => {
-	const now = new Date();
-	const year = now.getFullYear();
-	const month = String(now.getMonth() + 1).padStart(2, "0");
-	const day = String(now.getDate()).padStart(2, "0");
-	return `${year}-${month}-${day}`;
-};
-
-export function BoletosWidget({ boletos }: BoletosWidgetProps) {
-	const router = useRouter();
-	const [items, setItems] = useState(boletos);
-	const [selectedId, setSelectedId] = useState<string | null>(null);
-	const [isModalOpen, setIsModalOpen] = useState(false);
-	const [modalState, setModalState] = useState<ModalState>("idle");
-	const [isPending, startTransition] = useTransition();
-
-	useEffect(() => {
-		setItems(boletos);
-	}, [boletos]);
-
-	const selectedBoleto = useMemo(
-		() => items.find((boleto) => boleto.id === selectedId) ?? null,
-		[items, selectedId],
-	);
-
-	const isProcessing = modalState === "processing" || isPending;
-
-	const selectedBoletoDueLabel = selectedBoleto
-		? buildDateLabel(selectedBoleto.dueDate, "Vencimento:")
-		: null;
-
-	const handleOpenModal = (boletoId: string) => {
-		setSelectedId(boletoId);
-		setModalState("idle");
-		setIsModalOpen(true);
-	};
-
-	const resetModalState = () => {
-		setIsModalOpen(false);
-		setSelectedId(null);
-		setModalState("idle");
-	};
-
-	const handleConfirmPayment = () => {
-		if (!selectedBoleto || selectedBoleto.isSettled || isProcessing) {
-			return;
-		}
-
-		setModalState("processing");
-
-		startTransition(async () => {
-			const result = await toggleLancamentoSettlementAction({
-				id: selectedBoleto.id,
-				value: true,
-			});
-
-			if (!result.success) {
-				toast.error(result.error);
-				setModalState("idle");
-				return;
-			}
-
-			setItems((previous) =>
-				previous.map((boleto) =>
-					boleto.id === selectedBoleto.id
-						? {
-								...boleto,
-								isSettled: true,
-								boletoPaymentDate: getTodayDateString(),
-							}
-						: boleto,
-				),
-			);
-			toast.success(result.message);
-			router.refresh();
-			setModalState("success");
-		});
-	};
-
-	const getStatusBadgeVariant = (status: string): "success" | "info" => {
-		const normalizedStatus = status.toLowerCase();
-		if (normalizedStatus === "pendente") {
-			return "info";
-		}
-		return "success";
-	};
-
-	return (
-		<>
-			<CardContent className="flex flex-col gap-4 px-0">
-				{items.length === 0 ? (
-					<WidgetEmptyState
-						icon={<RiBarcodeFill className="size-6 text-muted-foreground" />}
-						title="Nenhum boleto cadastrado para o período selecionado"
-						description="Cadastre boletos para monitorar os pagamentos aqui."
-					/>
-				) : (
-					<ul className="flex flex-col">
-						{items.map((boleto) => {
-							const statusLabel = buildStatusLabel(boleto);
-							const isOverdue = (() => {
-								if (boleto.isSettled || !boleto.dueDate) return false;
-								const [y, m, d] = boleto.dueDate.split("-").map(Number);
-								if (!y || !m || !d) return false;
-								return new Date(Date.UTC(y, m - 1, d)) < new Date();
-							})();
-
-							return (
-								<li
-									key={boleto.id}
-									className="flex items-center justify-between border-b border-dashed last:border-b-0 last:pb-0"
-								>
-									<div className="flex min-w-0 flex-1 items-center gap-3 py-2">
-										<EstabelecimentoLogo name={boleto.name} size={37} />
-
-										<div className="min-w-0">
-											<span className="block truncate text-sm font-medium text-foreground">
-												{boleto.name}
-											</span>
-											<div className="flex flex-wrap items-center gap-2 text-xs text-muted-foreground">
-												<span
-													className={cn(
-														"rounded-full py-0.5",
-														boleto.isSettled && "text-success",
-													)}
-												>
-													{statusLabel}
-												</span>
-											</div>
-										</div>
-									</div>
-
-									<div className="flex shrink-0 flex-col items-end">
-										<MoneyValues amount={boleto.amount} />
-										<Button
-											type="button"
-											size="sm"
-											variant="link"
-											className="h-auto p-0 disabled:opacity-100"
-											disabled={boleto.isSettled}
-											onClick={() => handleOpenModal(boleto.id)}
-										>
-											{boleto.isSettled ? (
-												<span className="flex items-center gap-1 text-success">
-													<RiCheckboxCircleFill className="size-3" /> Pago
-												</span>
-											) : isOverdue ? (
-												<span className="overdue-blink">
-													<span className="overdue-blink-primary text-destructive">
-														Atrasado
-													</span>
-													<span className="overdue-blink-secondary">Pagar</span>
-												</span>
-											) : (
-												"Pagar"
-											)}
-										</Button>
-									</div>
-								</li>
-							);
-						})}
-					</ul>
-				)}
-			</CardContent>
-
-			<Dialog
-				open={isModalOpen}
-				onOpenChange={(open) => {
-					if (!open) {
-						if (isProcessing) {
-							return;
-						}
-						resetModalState();
-						return;
-					}
-					setIsModalOpen(true);
-				}}
-			>
-				<DialogContent
-					className="max-w-[calc(100%-2rem)] sm:max-w-md"
-					onEscapeKeyDown={(event) => {
-						if (isProcessing) {
-							event.preventDefault();
-							return;
-						}
-						resetModalState();
-					}}
-					onPointerDownOutside={(event) => {
-						if (isProcessing) {
-							event.preventDefault();
-						}
-					}}
-				>
-					{modalState === "success" ? (
-						<div className="flex flex-col items-center gap-4 py-6 text-center">
-							<div className="flex size-16 items-center justify-center rounded-full bg-success/10 text-success">
-								<RiCheckboxCircleLine className="size-8" />
-							</div>
-							<div className="space-y-2">
-								<DialogTitle className="text-base">
-									Pagamento registrado!
-								</DialogTitle>
-								<DialogDescription className="text-sm">
-									Atualizamos o status do boleto para pago. Em instantes ele
-									aparecerá como baixado no histórico.
-								</DialogDescription>
-							</div>
-							<ModalFooter className="sm:justify-center">
-								<Button
-									type="button"
-									onClick={resetModalState}
-									className="sm:w-auto"
-								>
-									Fechar
-								</Button>
-							</ModalFooter>
-						</div>
-					) : (
-						<>
-							<DialogHeader>
-								<DialogTitle>Confirmar pagamento do boleto</DialogTitle>
-								<DialogDescription>
-									Confirme os dados para registrar o pagamento. Você poderá
-									editar o lançamento depois, se necessário.
-								</DialogDescription>
-							</DialogHeader>
-
-							{selectedBoleto ? (
-								<div className="space-y-4">
-									<div className="rounded-lg border p-4">
-										<div className="flex items-center justify-between">
-											<div className="flex items-center gap-3">
-												<div className="flex size-10 items-center justify-center rounded-full bg-primary/10">
-													<RiBarcodeFill className="size-5 text-primary" />
-												</div>
-												<div>
-													<p className="text-sm font-medium text-muted-foreground">
-														Boleto
-													</p>
-													<p className="text-lg font-bold text-foreground">
-														{selectedBoleto.name}
-													</p>
-												</div>
-											</div>
-											{selectedBoletoDueLabel ? (
-												<div className="text-right">
-													<p className="text-sm text-muted-foreground">
-														{selectedBoletoDueLabel}
-													</p>
-												</div>
-											) : null}
-										</div>
-									</div>
-
-									<div className="grid gap-3 sm:grid-cols-2">
-										<div className="rounded-lg border p-3">
-											<div className="mb-2 flex items-center gap-2 text-muted-foreground">
-												<RiMoneyDollarCircleLine className="size-4" />
-												<span className="text-xs font-semibold uppercase">
-													Valor do Boleto
-												</span>
-											</div>
-											<MoneyValues
-												amount={selectedBoleto.amount}
-												className="text-lg font-bold"
-											/>
-										</div>
-										<div className="rounded-lg border p-3">
-											<div className="mb-2 flex items-center gap-2 text-muted-foreground">
-												<RiCheckboxCircleLine className="size-4" />
-												<span className="text-xs font-semibold uppercase">
-													Status
-												</span>
-											</div>
-											<Badge
-												variant={getStatusBadgeVariant(
-													selectedBoleto.isSettled ? "Pago" : "Pendente",
-												)}
-											>
-												{selectedBoleto.isSettled ? "Pago" : "Pendente"}
-											</Badge>
-										</div>
-									</div>
-								</div>
-							) : null}
-
-							<ModalFooter className="sm:justify-end">
-								<Button
-									type="button"
-									variant="outline"
-									onClick={resetModalState}
-									disabled={isProcessing}
-								>
-									Cancelar
-								</Button>
-								<Button
-									type="button"
-									onClick={handleConfirmPayment}
-									disabled={
-										isProcessing || !selectedBoleto || selectedBoleto.isSettled
-									}
-									className="relative"
-								>
-									{isProcessing ? (
-										<>
-											<RiLoader4Line className="mr-1.5 size-4 animate-spin" />
-											Processando...
-										</>
-									) : (
-										"Confirmar pagamento"
-									)}
-								</Button>
-							</ModalFooter>
-						</>
-					)}
-				</DialogContent>
-			</Dialog>
-		</>
-	);
-}

components/dashboard/category-history-widget.tsx

@@ -1,467 +0,0 @@
-"use client";
-import {
-	RiArrowDownSLine,
-	RiBarChartBoxLine,
-	RiCloseLine,
-} from "@remixicon/react";
-import { useEffect, useMemo, useRef, useState } from "react";
-import { Area, AreaChart, CartesianGrid, XAxis, YAxis } from "recharts";
-import { Button } from "@/components/ui/button";
-import { Card, CardContent } from "@/components/ui/card";
-import {
-	type ChartConfig,
-	ChartContainer,
-	ChartTooltip,
-} from "@/components/ui/chart";
-import {
-	Command,
-	CommandEmpty,
-	CommandGroup,
-	CommandInput,
-	CommandItem,
-	CommandList,
-} from "@/components/ui/command";
-import {
-	Popover,
-	PopoverContent,
-	PopoverTrigger,
-} from "@/components/ui/popover";
-import { WidgetEmptyState } from "@/components/widget-empty-state";
-import type { CategoryHistoryData } from "@/lib/dashboard/categories/category-history";
-import { CATEGORY_COLORS } from "@/lib/utils/category-colors";
-import { getIconComponent } from "@/lib/utils/icons";
-
-type CategoryHistoryWidgetProps = {
-	data: CategoryHistoryData;
-};
-
-const STORAGE_KEY_SELECTED = "dashboard-category-history-selected";
-
-const CHART_COLORS = CATEGORY_COLORS;
-
-export function CategoryHistoryWidget({ data }: CategoryHistoryWidgetProps) {
-	const [selectedCategories, setSelectedCategories] = useState<string[]>([]);
-	const [isClient, setIsClient] = useState(false);
-	const [open, setOpen] = useState(false);
-	const isFirstRender = useRef(true);
-
-	// Load from sessionStorage on mount and save on changes
-	useEffect(() => {
-		setIsClient(true);
-
-		// Only load from storage on first render
-		if (isFirstRender.current) {
-			const stored = sessionStorage.getItem(STORAGE_KEY_SELECTED);
-			if (stored) {
-				try {
-					const parsed = JSON.parse(stored);
-					if (Array.isArray(parsed)) {
-						const validCategories = parsed.filter((id) =>
-							data.allCategories.some((cat) => cat.id === id),
-						);
-						setSelectedCategories(validCategories.slice(0, 5));
-					}
-				} catch (_e) {
-					// Invalid JSON, ignore
-				}
-			}
-			isFirstRender.current = false;
-		} else {
-			// Save to storage on subsequent changes
-			sessionStorage.setItem(
-				STORAGE_KEY_SELECTED,
-				JSON.stringify(selectedCategories),
-			);
-		}
-	}, [selectedCategories, data.allCategories]);
-
-	// Filter data to show only selected categories with vibrant colors
-	const filteredCategories = useMemo(() => {
-		return selectedCategories
-			.map((id, index) => {
-				const cat = data.categories.find((c) => c.id === id);
-				if (!cat) return null;
-				return {
-					...cat,
-					color: CHART_COLORS[index % CHART_COLORS.length],
-				};
-			})
-			.filter(Boolean) as Array<{
-			id: string;
-			name: string;
-			icon: string | null;
-			color: string;
-			data: Record<string, number>;
-		}>;
-	}, [data.categories, selectedCategories]);
-
-	// Filter chart data to include only selected categories
-	const filteredChartData = useMemo(() => {
-		if (filteredCategories.length === 0) {
-			return data.chartData.map((item) => ({ month: item.month }));
-		}
-
-		return data.chartData.map((item) => {
-			const filtered: Record<string, number | string> = { month: item.month };
-			filteredCategories.forEach((category) => {
-				filtered[category.name] = item[category.name] || 0;
-			});
-			return filtered;
-		});
-	}, [data.chartData, filteredCategories]);
-
-	// Build chart config dynamically from filtered categories
-	const chartConfig = useMemo(() => {
-		const config: ChartConfig = {};
-
-		filteredCategories.forEach((category) => {
-			config[category.name] = {
-				label: category.name,
-				color: category.color,
-			};
-		});
-
-		return config;
-	}, [filteredCategories]);
-
-	const formatCurrency = (value: number) => {
-		return new Intl.NumberFormat("pt-BR", {
-			style: "currency",
-			currency: "BRL",
-			minimumFractionDigits: 2,
-			maximumFractionDigits: 2,
-		}).format(value);
-	};
-
-	const formatCurrencyCompact = (value: number) => {
-		if (value >= 1000) {
-			return new Intl.NumberFormat("pt-BR", {
-				style: "currency",
-				currency: "BRL",
-				minimumFractionDigits: 0,
-				maximumFractionDigits: 0,
-				notation: "compact",
-			}).format(value);
-		}
-		return new Intl.NumberFormat("pt-BR", {
-			style: "currency",
-			currency: "BRL",
-			minimumFractionDigits: 0,
-			maximumFractionDigits: 0,
-		}).format(value);
-	};
-
-	const handleAddCategory = (categoryId: string) => {
-		if (
-			categoryId &&
-			!selectedCategories.includes(categoryId) &&
-			selectedCategories.length < 5
-		) {
-			setSelectedCategories([...selectedCategories, categoryId]);
-			setOpen(false);
-		}
-	};
-
-	const handleRemoveCategory = (categoryId: string) => {
-		setSelectedCategories(selectedCategories.filter((id) => id !== categoryId));
-	};
-
-	const handleClearAll = () => {
-		setSelectedCategories([]);
-	};
-
-	const availableCategories = useMemo(() => {
-		return data.allCategories.filter(
-			(cat) => !selectedCategories.includes(cat.id),
-		);
-	}, [data.allCategories, selectedCategories]);
-
-	const selectedCategoryDetails = useMemo(() => {
-		return selectedCategories
-			.map((id) => data.allCategories.find((cat) => cat.id === id))
-			.filter(Boolean);
-	}, [selectedCategories, data.allCategories]);
-
-	const isEmpty = filteredCategories.length === 0;
-
-	// Group available categories by type
-	const { despesaCategories, receitaCategories } = useMemo(() => {
-		const despesa = availableCategories.filter((cat) => cat.type === "despesa");
-		const receita = availableCategories.filter((cat) => cat.type === "receita");
-		return { despesaCategories: despesa, receitaCategories: receita };
-	}, [availableCategories]);
-
-	if (!isClient) {
-		return null;
-	}
-
-	return (
-		<Card className="h-auto">
-			<CardContent className="space-y-2.5">
-				<div className="space-y-2">
-					{selectedCategoryDetails.length > 0 && (
-						<div className="flex items-start justify-between gap-4 mb-4">
-							<div className="flex flex-wrap gap-2">
-								{selectedCategoryDetails.map((category) => {
-									if (!category) return null;
-									const IconComponent = category.icon
-										? getIconComponent(category.icon)
-										: null;
-									const colorIndex = selectedCategories.indexOf(category.id);
-									const color = CHART_COLORS[colorIndex % CHART_COLORS.length];
-
-									return (
-										<div
-											key={category.id}
-											className="flex items-center gap-2 rounded-md border bg-background px-3 py-1.5 text-sm"
-											style={{ borderColor: color }}
-										>
-											{IconComponent ? (
-												<IconComponent className="size-4" style={{ color }} />
-											) : (
-												<div
-													className="size-3 rounded-sm"
-													style={{ backgroundColor: color }}
-												/>
-											)}
-											<span className="text-foreground">{category.name}</span>
-											<Button
-												variant="ghost"
-												size="sm"
-												className="h-4 w-4 p-0 hover:bg-transparent"
-												onClick={() => handleRemoveCategory(category.id)}
-											>
-												<RiCloseLine className="size-3" />
-											</Button>
-										</div>
-									);
-								})}
-							</div>
-							<div className="flex items-center gap-2 shrink-0 pt-1.5">
-								<span className="text-xs text-muted-foreground whitespace-nowrap">
-									{selectedCategories.length}/5 selecionadas
-								</span>
-								<Button
-									variant="ghost"
-									size="sm"
-									onClick={handleClearAll}
-									className="h-6 px-2 text-xs text-muted-foreground hover:text-foreground"
-								>
-									Limpar
-								</Button>
-							</div>
-						</div>
-					)}
-
-					{selectedCategories.length < 5 && availableCategories.length > 0 && (
-						<Popover open={open} onOpenChange={setOpen} modal>
-							<PopoverTrigger asChild>
-								<Button
-									variant="outline"
-									role="combobox"
-									aria-expanded={open}
-									className="w-full justify-between hover:scale-none"
-								>
-									Selecionar categorias
-									<RiArrowDownSLine className="ml-2 h-4 w-4 shrink-0 opacity-50" />
-								</Button>
-							</PopoverTrigger>
-							<PopoverContent
-								className="w-(--radix-popover-trigger-width) p-0"
-								align="start"
-							>
-								<Command>
-									<CommandInput placeholder="Pesquisar categoria..." />
-									<CommandList>
-										<CommandEmpty>Nenhuma categoria encontrada.</CommandEmpty>
-
-										{despesaCategories.length > 0 && (
-											<CommandGroup heading="Despesas">
-												{despesaCategories.map((category) => {
-													const IconComponent = category.icon
-														? getIconComponent(category.icon)
-														: null;
-													return (
-														<CommandItem
-															key={category.id}
-															value={category.name}
-															onSelect={() => handleAddCategory(category.id)}
-															className="gap-2"
-														>
-															{IconComponent ? (
-																<IconComponent className="size-4 text-destructive" />
-															) : (
-																<div className="size-3 rounded-sm bg-destructive" />
-															)}
-															<span>{category.name}</span>
-														</CommandItem>
-													);
-												})}
-											</CommandGroup>
-										)}
-
-										{receitaCategories.length > 0 && (
-											<CommandGroup heading="Receitas">
-												{receitaCategories.map((category) => {
-													const IconComponent = category.icon
-														? getIconComponent(category.icon)
-														: null;
-													return (
-														<CommandItem
-															key={category.id}
-															value={category.name}
-															onSelect={() => handleAddCategory(category.id)}
-															className="gap-2"
-														>
-															{IconComponent ? (
-																<IconComponent className="size-4 text-success" />
-															) : (
-																<div className="size-3 rounded-sm bg-success" />
-															)}
-															<span>{category.name}</span>
-														</CommandItem>
-													);
-												})}
-											</CommandGroup>
-										)}
-									</CommandList>
-								</Command>
-							</PopoverContent>
-						</Popover>
-					)}
-				</div>
-
-				{isEmpty ? (
-					<div className="h-[450px] flex items-center justify-center">
-						<WidgetEmptyState
-							icon={
-								<RiBarChartBoxLine className="size-6 text-muted-foreground" />
-							}
-							title="Selecione categorias para visualizar"
-							description="Escolha até 5 categorias para acompanhar o histórico dos últimos 8 meses, mês atual e próximo mês."
-						/>
-					</div>
-				) : (
-					<ChartContainer config={chartConfig} className="h-[450px] w-full">
-						<AreaChart
-							data={filteredChartData}
-							margin={{ top: 10, right: 20, left: 10, bottom: 0 }}
-						>
-							<defs>
-								{filteredCategories.map((category) => (
-									<linearGradient
-										key={`gradient-${category.id}`}
-										id={`gradient-${category.id}`}
-										x1="0"
-										y1="0"
-										x2="0"
-										y2="1"
-									>
-										<stop
-											offset="5%"
-											stopColor={category.color}
-											stopOpacity={0.4}
-										/>
-										<stop
-											offset="95%"
-											stopColor={category.color}
-											stopOpacity={0.05}
-										/>
-									</linearGradient>
-								))}
-							</defs>
-							<CartesianGrid strokeDasharray="3 3" vertical={false} />
-							<XAxis
-								dataKey="month"
-								tickLine={false}
-								axisLine={false}
-								tickMargin={8}
-								className="text-xs"
-							/>
-							<YAxis
-								tickLine={false}
-								axisLine={false}
-								tickMargin={8}
-								className="text-xs"
-								tickFormatter={formatCurrencyCompact}
-							/>
-							<ChartTooltip
-								content={({ active, payload }) => {
-									if (!active || !payload || payload.length === 0) {
-										return null;
-									}
-
-									// Sort payload by value (descending)
-									const sortedPayload = [...payload].sort(
-										(a, b) => (b.value as number) - (a.value as number),
-									);
-
-									return (
-										<div className="rounded-lg border bg-background p-3 shadow-lg">
-											<div className="mb-2 text-xs font-medium text-muted-foreground">
-												{payload[0].payload.month}
-											</div>
-											<div className="grid gap-1.5">
-												{sortedPayload
-													.filter((entry) => (entry.value as number) > 0)
-													.map((entry) => {
-														const config =
-															chartConfig[
-																entry.dataKey as keyof typeof chartConfig
-															];
-														const value = entry.value as number;
-
-														return (
-															<div
-																key={entry.dataKey}
-																className="flex items-center justify-between gap-4"
-															>
-																<div className="flex items-center gap-2">
-																	<div
-																		className="h-2.5 w-2.5 rounded-sm shrink-0"
-																		style={{ backgroundColor: config?.color }}
-																	/>
-																	<span className="text-xs text-muted-foreground truncate max-w-[150px]">
-																		{config?.label}
-																	</span>
-																</div>
-																<span className="text-xs font-medium tabular-nums">
-																	{formatCurrency(value)}
-																</span>
-															</div>
-														);
-													})}
-											</div>
-										</div>
-									);
-								}}
-								cursor={{
-									stroke: "hsl(var(--muted-foreground))",
-									strokeWidth: 1,
-								}}
-							/>
-							{filteredCategories.map((category) => (
-								<Area
-									key={category.id}
-									type="monotone"
-									dataKey={category.name}
-									stroke={category.color}
-									strokeWidth={1}
-									fill={`url(#gradient-${category.id})`}
-									fillOpacity={1}
-									dot={false}
-									activeDot={{
-										r: 5,
-										fill: category.color,
-										stroke: "hsl(var(--background))",
-										strokeWidth: 2,
-									}}
-								/>
-							))}
-						</AreaChart>
-					</ChartContainer>
-				)}
-			</CardContent>
-		</Card>
-	);
-}

components/dashboard/dashboard-welcome.tsx

@@ -1,79 +0,0 @@
-"use client";
-
-import MagnetLines from "../magnet-lines";
-import { Card } from "../ui/card";
-
-type DashboardWelcomeProps = {
-	name?: string | null;
-	disableMagnetlines?: boolean;
-};
-
-const capitalizeFirstLetter = (value: string) =>
-	value.length > 0 ? value[0]?.toUpperCase() + value.slice(1) : value;
-
-const formatCurrentDate = (date = new Date()) => {
-	const formatted = new Intl.DateTimeFormat("pt-BR", {
-		weekday: "long",
-		day: "numeric",
-		month: "long",
-		year: "numeric",
-		hour12: false,
-		timeZone: "America/Sao_Paulo",
-	}).format(date);
-
-	return capitalizeFirstLetter(formatted);
-};
-
-const getGreeting = () => {
-	const now = new Date();
-
-	// Get hour in Brasilia timezone
-	const brasiliaHour = new Intl.DateTimeFormat("pt-BR", {
-		hour: "numeric",
-		hour12: false,
-		timeZone: "America/Sao_Paulo",
-	}).format(now);
-
-	const hour = parseInt(brasiliaHour, 10);
-
-	if (hour >= 5 && hour < 12) {
-		return "Bom dia";
-	} else if (hour >= 12 && hour < 18) {
-		return "Boa tarde";
-	} else {
-		return "Boa noite";
-	}
-};
-
-export function DashboardWelcome({
-	name,
-	disableMagnetlines = false,
-}: DashboardWelcomeProps) {
-	const displayName = name && name.trim().length > 0 ? name : "Administrador";
-	const formattedDate = formatCurrentDate();
-	const greeting = getGreeting();
-
-	return (
-		<Card className="relative px-6 py-12 bg-welcome-banner overflow-hidden">
-			<div className="absolute inset-0 flex items-center justify-center opacity-20 pointer-events-none">
-				<MagnetLines
-					rows={8}
-					columns={16}
-					containerSize="100%"
-					lineColor="currentColor"
-					lineWidth="0.4vmin"
-					lineHeight="5vmin"
-					baseAngle={0}
-					className="text-welcome-banner-foreground"
-					disabled={disableMagnetlines}
-				/>
-			</div>
-			<div className="relative tracking-tight text-welcome-banner-foreground">
-				<h1 className="text-xl">
-					{greeting}, {displayName}! <span aria-hidden="true">👋</span>
-				</h1>
-				<p className="mt-2 text-sm opacity-90">{formattedDate}</p>
-			</div>
-		</Card>
-	);
-}

components/dashboard/expenses-by-category-widget-with-chart.tsx

@@ -1,328 +0,0 @@
-"use client";
-
-import {
-	RiArrowDownSFill,
-	RiArrowUpSFill,
-	RiExternalLinkLine,
-	RiListUnordered,
-	RiPieChart2Line,
-	RiPieChartLine,
-	RiWallet3Line,
-} from "@remixicon/react";
-import Link from "next/link";
-import { useMemo, useState } from "react";
-import { Pie, PieChart, Tooltip } from "recharts";
-import { CategoryIconBadge } from "@/components/categorias/category-icon-badge";
-import MoneyValues from "@/components/money-values";
-import { type ChartConfig, ChartContainer } from "@/components/ui/chart";
-import type { ExpensesByCategoryData } from "@/lib/dashboard/categories/expenses-by-category";
-import { formatPeriodForUrl } from "@/lib/utils/period";
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "../ui/tabs";
-import { WidgetEmptyState } from "../widget-empty-state";
-
-type ExpensesByCategoryWidgetWithChartProps = {
-	data: ExpensesByCategoryData;
-	period: string;
-};
-
-const formatPercentage = (value: number) => {
-	return `${Math.abs(value).toFixed(0)}%`;
-};
-
-const formatCurrency = (value: number) =>
-	new Intl.NumberFormat("pt-BR", {
-		style: "currency",
-		currency: "BRL",
-	}).format(value);
-
-export function ExpensesByCategoryWidgetWithChart({
-	data,
-	period,
-}: ExpensesByCategoryWidgetWithChartProps) {
-	const [activeTab, setActiveTab] = useState<"list" | "chart">("list");
-	const periodParam = formatPeriodForUrl(period);
-
-	// Configuração do chart com cores do CSS
-	const chartConfig = useMemo(() => {
-		const config: ChartConfig = {};
-		const colors = [
-			"var(--chart-1)",
-			"var(--chart-2)",
-			"var(--chart-3)",
-			"var(--chart-4)",
-			"var(--chart-5)",
-			"var(--chart-1)",
-			"var(--chart-2)",
-		];
-
-		if (data.categories.length <= 7) {
-			data.categories.forEach((category, index) => {
-				config[category.categoryId] = {
-					label: category.categoryName,
-					color: colors[index % colors.length],
-				};
-			});
-		} else {
-			// Top 7 + Outros
-			const top7 = data.categories.slice(0, 7);
-			top7.forEach((category, index) => {
-				config[category.categoryId] = {
-					label: category.categoryName,
-					color: colors[index % colors.length],
-				};
-			});
-			config.outros = {
-				label: "Outros",
-				color: "var(--chart-6)",
-			};
-		}
-
-		return config;
-	}, [data.categories]);
-
-	// Preparar dados para o gráfico de pizza - Top 7 + Outros
-	const chartData = useMemo(() => {
-		if (data.categories.length <= 7) {
-			return data.categories.map((category) => ({
-				category: category.categoryId,
-				name: category.categoryName,
-				value: category.currentAmount,
-				percentage: category.percentageOfTotal,
-				fill: chartConfig[category.categoryId]?.color,
-			}));
-		}
-
-		// Pegar top 7 categorias
-		const top7 = data.categories.slice(0, 7);
-		const others = data.categories.slice(7);
-
-		// Somar o restante
-		const othersTotal = others.reduce((sum, cat) => sum + cat.currentAmount, 0);
-		const othersPercentage = others.reduce(
-			(sum, cat) => sum + cat.percentageOfTotal,
-			0,
-		);
-
-		const top7Data = top7.map((category) => ({
-			category: category.categoryId,
-			name: category.categoryName,
-			value: category.currentAmount,
-			percentage: category.percentageOfTotal,
-			fill: chartConfig[category.categoryId]?.color,
-		}));
-
-		// Adicionar "Outros" se houver
-		if (others.length > 0) {
-			top7Data.push({
-				category: "outros",
-				name: "Outros",
-				value: othersTotal,
-				percentage: othersPercentage,
-				fill: chartConfig.outros?.color,
-			});
-		}
-
-		return top7Data;
-	}, [data.categories, chartConfig]);
-
-	if (data.categories.length === 0) {
-		return (
-			<WidgetEmptyState
-				icon={<RiPieChartLine className="size-6 text-muted-foreground" />}
-				title="Nenhuma despesa encontrada"
-				description="Quando houver despesas registradas, elas aparecerão aqui."
-			/>
-		);
-	}
-
-	return (
-		<Tabs
-			value={activeTab}
-			onValueChange={(v) => setActiveTab(v as "list" | "chart")}
-			className="w-full"
-		>
-			<div className="flex items-center justify-between">
-				<TabsList className="grid grid-cols-2">
-					<TabsTrigger value="list" className="text-xs">
-						<RiListUnordered className="size-3.5 mr-1" />
-						Lista
-					</TabsTrigger>
-					<TabsTrigger value="chart" className="text-xs">
-						<RiPieChart2Line className="size-3.5 mr-1" />
-						Gráfico
-					</TabsTrigger>
-				</TabsList>
-			</div>
-
-			<TabsContent value="list" className="mt-0">
-				<div className="flex flex-col px-0">
-					{data.categories.map((category, index) => {
-						const hasIncrease =
-							category.percentageChange !== null &&
-							category.percentageChange > 0;
-						const hasDecrease =
-							category.percentageChange !== null &&
-							category.percentageChange < 0;
-						const hasBudget = category.budgetAmount !== null;
-						const budgetExceeded =
-							hasBudget &&
-							category.budgetUsedPercentage !== null &&
-							category.budgetUsedPercentage > 100;
-
-						const exceededAmount =
-							budgetExceeded && category.budgetAmount
-								? category.currentAmount - category.budgetAmount
-								: 0;
-
-						return (
-							<div
-								key={category.categoryId}
-								className="flex flex-col py-2 border-b border-dashed last:border-0"
-							>
-								<div className="flex items-center justify-between gap-3">
-									<div className="flex min-w-0 flex-1 items-center gap-2">
-										<CategoryIconBadge
-											icon={category.categoryIcon}
-											name={category.categoryName}
-											colorIndex={index}
-										/>
-
-										<div className="min-w-0 flex-1">
-											<div className="flex items-center gap-2">
-												<Link
-													href={`/categorias/${category.categoryId}?periodo=${periodParam}`}
-													className="flex max-w-full items-center gap-1 text-sm font-medium text-foreground underline-offset-2 hover:underline"
-												>
-													<span className="truncate">
-														{category.categoryName}
-													</span>
-													<RiExternalLinkLine
-														className="size-3 shrink-0 text-muted-foreground"
-														aria-hidden
-													/>
-												</Link>
-											</div>
-											<div className="flex items-center gap-2 text-xs text-muted-foreground">
-												<span>
-													{formatPercentage(category.percentageOfTotal)} da
-													despesa total
-												</span>
-											</div>
-										</div>
-									</div>
-
-									<div className="flex shrink-0 flex-col items-end gap-0.5">
-										<MoneyValues
-											className="text-foreground"
-											amount={category.currentAmount}
-										/>
-										{category.percentageChange !== null && (
-											<span
-												className={`flex items-center gap-0.5 text-xs ${
-													hasIncrease
-														? "text-destructive"
-														: hasDecrease
-															? "text-success"
-															: "text-muted-foreground"
-												}`}
-											>
-												{hasIncrease && <RiArrowUpSFill className="size-3" />}
-												{hasDecrease && <RiArrowDownSFill className="size-3" />}
-												{formatPercentage(category.percentageChange)}
-											</span>
-										)}
-									</div>
-								</div>
-
-								{hasBudget && category.budgetUsedPercentage !== null && (
-									<div className="ml-11 flex items-center gap-1.5 text-xs">
-										<RiWallet3Line
-											className={`size-3 ${
-												budgetExceeded ? "text-destructive" : "text-info"
-											}`}
-										/>
-										<span
-											className={
-												budgetExceeded ? "text-destructive" : "text-info"
-											}
-										>
-											{budgetExceeded ? (
-												<>
-													{formatPercentage(category.budgetUsedPercentage)} do
-													limite - excedeu em {formatCurrency(exceededAmount)}
-												</>
-											) : (
-												<>
-													{formatPercentage(category.budgetUsedPercentage)} do
-													limite
-												</>
-											)}
-										</span>
-									</div>
-								)}
-							</div>
-						);
-					})}
-				</div>
-			</TabsContent>
-
-			<TabsContent value="chart" className="mt-0">
-				<div className="flex items-center gap-4">
-					<ChartContainer config={chartConfig} className="h-[280px] flex-1">
-						<PieChart>
-							<Pie
-								data={chartData}
-								cx="50%"
-								cy="50%"
-								labelLine={false}
-								label={(entry) => formatPercentage(entry.percentage)}
-								outerRadius={75}
-								dataKey="value"
-								nameKey="category"
-							/>
-							<Tooltip
-								content={({ active, payload }) => {
-									if (active && payload && payload.length) {
-										const data = payload[0].payload;
-										return (
-											<div className="rounded-lg border bg-background p-2 shadow-sm">
-												<div className="grid gap-2">
-													<div className="flex flex-col">
-														<span className="text-[0.70rem] uppercase text-muted-foreground">
-															{data.name}
-														</span>
-														<span className="font-bold text-foreground">
-															{formatCurrency(data.value)}
-														</span>
-														<span className="text-xs text-muted-foreground">
-															{formatPercentage(data.percentage)} do total
-														</span>
-													</div>
-												</div>
-											</div>
-										);
-									}
-									return null;
-								}}
-							/>
-						</PieChart>
-					</ChartContainer>
-
-					<div className="flex flex-col gap-2 min-w-[140px]">
-						{chartData.map((entry, index) => (
-							<div key={`legend-${index}`} className="flex items-center gap-2">
-								<div
-									className="size-3 rounded-sm shrink-0"
-									style={{ backgroundColor: entry.fill }}
-								/>
-								<span className="text-xs text-muted-foreground truncate">
-									{entry.name}
-								</span>
-							</div>
-						))}
-					</div>
-				</div>
-			</TabsContent>
-		</Tabs>
-	);
-}

components/dashboard/goals-progress-widget.tsx

@@ -1,146 +0,0 @@
-"use client";
-
-import { RiFundsLine, RiPencilLine } from "@remixicon/react";
-import { useCallback, useMemo, useState } from "react";
-import { CategoryIconBadge } from "@/components/categorias/category-icon-badge";
-import MoneyValues from "@/components/money-values";
-import { BudgetDialog } from "@/components/orcamentos/budget-dialog";
-import type { Budget, BudgetCategory } from "@/components/orcamentos/types";
-import { Button } from "@/components/ui/button";
-import { Progress } from "@/components/ui/progress";
-import type { GoalsProgressData } from "@/lib/dashboard/goals-progress";
-import { WidgetEmptyState } from "../widget-empty-state";
-
-type GoalsProgressWidgetProps = {
-	data: GoalsProgressData;
-};
-
-const clamp = (value: number, min: number, max: number) =>
-	Math.min(max, Math.max(min, value));
-
-const formatPercentage = (value: number, withSign = false) =>
-	`${new Intl.NumberFormat("pt-BR", {
-		minimumFractionDigits: 0,
-		maximumFractionDigits: 1,
-		...(withSign ? { signDisplay: "always" as const } : {}),
-	}).format(value)}%`;
-
-export function GoalsProgressWidget({ data }: GoalsProgressWidgetProps) {
-	const [editOpen, setEditOpen] = useState(false);
-	const [selectedBudget, setSelectedBudget] = useState<Budget | null>(null);
-
-	const categories = useMemo<BudgetCategory[]>(
-		() =>
-			data.categories.map((category) => ({
-				id: category.id,
-				name: category.name,
-				icon: category.icon,
-			})),
-		[data.categories],
-	);
-
-	const defaultPeriod = data.items[0]?.period ?? "";
-
-	const handleEdit = useCallback((item: GoalsProgressData["items"][number]) => {
-		setSelectedBudget({
-			id: item.id,
-			amount: item.budgetAmount,
-			spent: item.spentAmount,
-			period: item.period,
-			createdAt: item.createdAt,
-			category: item.categoryId
-				? {
-						id: item.categoryId,
-						name: item.categoryName,
-						icon: item.categoryIcon,
-					}
-				: null,
-		});
-		setEditOpen(true);
-	}, []);
-
-	const handleEditOpenChange = useCallback((open: boolean) => {
-		setEditOpen(open);
-		if (!open) {
-			setSelectedBudget(null);
-		}
-	}, []);
-
-	if (data.items.length === 0) {
-		return (
-			<WidgetEmptyState
-				icon={<RiFundsLine className="size-6 text-muted-foreground" />}
-				title="Nenhum orçamento para o período"
-				description="Cadastre orçamentos para acompanhar o progresso das metas."
-			/>
-		);
-	}
-
-	return (
-		<div className="flex flex-col gap-4 px-0">
-			<ul className="flex flex-col">
-				{data.items.map((item, index) => {
-					const statusColor =
-						item.status === "exceeded" ? "text-destructive" : "";
-					const progressValue = clamp(item.usedPercentage, 0, 100);
-					const percentageDelta = item.usedPercentage - 100;
-
-					return (
-						<li
-							key={item.id}
-							className="border-b border-dashed py-2 last:border-b-0 last:pb-0"
-						>
-							<div className="flex items-start justify-between gap-3">
-								<div className="flex min-w-0 flex-1 items-start gap-2">
-									<CategoryIconBadge
-										icon={item.categoryIcon}
-										name={item.categoryName}
-										colorIndex={index}
-										size="md"
-									/>
-									<div className="min-w-0 flex-1">
-										<p className="truncate text-sm font-medium text-foreground">
-											{item.categoryName}
-										</p>
-										<p className="mt-0.5 text-xs text-muted-foreground">
-											<MoneyValues amount={item.spentAmount} /> de{" "}
-											<MoneyValues amount={item.budgetAmount} />
-										</p>
-									</div>
-								</div>
-
-								<div className="flex shrink-0 items-center gap-2">
-									<span className={`text-xs font-medium ${statusColor}`}>
-										{formatPercentage(percentageDelta, true)}
-									</span>
-									<Button
-										type="button"
-										variant="ghost"
-										size="icon-sm"
-										className="size-7 text-muted-foreground hover:text-foreground"
-										onClick={() => handleEdit(item)}
-										aria-label={`Editar orçamento de ${item.categoryName}`}
-									>
-										<RiPencilLine className="size-3.5" />
-									</Button>
-								</div>
-							</div>
-							<div className="mt-1.5 ml-11">
-								<Progress value={progressValue} />
-							</div>
-						</li>
-					);
-				})}
-			</ul>
-
-			<BudgetDialog
-				mode="update"
-				budget={selectedBudget ?? undefined}
-				categories={categories}
-				defaultPeriod={defaultPeriod}
-				open={editOpen && !!selectedBudget}
-				onOpenChange={handleEditOpenChange}
-			/>
-		</div>
-	);
-}

components/dashboard/income-by-category-widget-with-chart.tsx

@@ -1,331 +0,0 @@
-"use client";
-
-import {
-	RiArrowDownSFill,
-	RiArrowUpSFill,
-	RiExternalLinkLine,
-	RiListUnordered,
-	RiPieChart2Line,
-	RiPieChartLine,
-	RiWallet3Line,
-} from "@remixicon/react";
-import Link from "next/link";
-import { useMemo, useState } from "react";
-import { Pie, PieChart, Tooltip } from "recharts";
-import { CategoryIconBadge } from "@/components/categorias/category-icon-badge";
-import MoneyValues from "@/components/money-values";
-import { type ChartConfig, ChartContainer } from "@/components/ui/chart";
-import type { IncomeByCategoryData } from "@/lib/dashboard/categories/income-by-category";
-import { formatPeriodForUrl } from "@/lib/utils/period";
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "../ui/tabs";
-import { WidgetEmptyState } from "../widget-empty-state";
-
-type IncomeByCategoryWidgetWithChartProps = {
-	data: IncomeByCategoryData;
-	period: string;
-};
-
-const formatPercentage = (value: number) => {
-	return `${Math.abs(value).toFixed(1)}%`;
-};
-
-const formatCurrency = (value: number) =>
-	new Intl.NumberFormat("pt-BR", {
-		style: "currency",
-		currency: "BRL",
-	}).format(value);
-
-export function IncomeByCategoryWidgetWithChart({
-	data,
-	period,
-}: IncomeByCategoryWidgetWithChartProps) {
-	const [activeTab, setActiveTab] = useState<"list" | "chart">("list");
-	const periodParam = formatPeriodForUrl(period);
-
-	// Configuração do chart com cores do CSS
-	const chartConfig = useMemo(() => {
-		const config: ChartConfig = {};
-		const colors = [
-			"var(--chart-1)",
-			"var(--chart-2)",
-			"var(--chart-3)",
-			"var(--chart-4)",
-			"var(--chart-5)",
-			"var(--chart-1)",
-			"var(--chart-2)",
-		];
-
-		if (data.categories.length <= 7) {
-			data.categories.forEach((category, index) => {
-				config[category.categoryId] = {
-					label: category.categoryName,
-					color: colors[index % colors.length],
-				};
-			});
-		} else {
-			// Top 7 + Outros
-			const top7 = data.categories.slice(0, 7);
-			top7.forEach((category, index) => {
-				config[category.categoryId] = {
-					label: category.categoryName,
-					color: colors[index % colors.length],
-				};
-			});
-			config.outros = {
-				label: "Outros",
-				color: "var(--chart-6)",
-			};
-		}
-
-		return config;
-	}, [data.categories]);
-
-	// Preparar dados para o gráfico de pizza - Top 7 + Outros
-	const chartData = useMemo(() => {
-		if (data.categories.length <= 7) {
-			return data.categories.map((category) => ({
-				category: category.categoryId,
-				name: category.categoryName,
-				value: category.currentAmount,
-				percentage: category.percentageOfTotal,
-				fill: chartConfig[category.categoryId]?.color,
-			}));
-		}
-
-		// Pegar top 7 categorias
-		const top7 = data.categories.slice(0, 7);
-		const others = data.categories.slice(7);
-
-		// Somar o restante
-		const othersTotal = others.reduce((sum, cat) => sum + cat.currentAmount, 0);
-		const othersPercentage = others.reduce(
-			(sum, cat) => sum + cat.percentageOfTotal,
-			0,
-		);
-
-		const top7Data = top7.map((category) => ({
-			category: category.categoryId,
-			name: category.categoryName,
-			value: category.currentAmount,
-			percentage: category.percentageOfTotal,
-			fill: chartConfig[category.categoryId]?.color,
-		}));
-
-		// Adicionar "Outros" se houver
-		if (others.length > 0) {
-			top7Data.push({
-				category: "outros",
-				name: "Outros",
-				value: othersTotal,
-				percentage: othersPercentage,
-				fill: chartConfig.outros?.color,
-			});
-		}
-
-		return top7Data;
-	}, [data.categories, chartConfig]);
-
-	if (data.categories.length === 0) {
-		return (
-			<WidgetEmptyState
-				icon={<RiPieChartLine className="size-6 text-muted-foreground" />}
-				title="Nenhuma receita encontrada"
-				description="Quando houver receitas registradas, elas aparecerão aqui."
-			/>
-		);
-	}
-
-	return (
-		<Tabs
-			value={activeTab}
-			onValueChange={(v) => setActiveTab(v as "list" | "chart")}
-			className="w-full"
-		>
-			<div className="flex items-center justify-between">
-				<TabsList className="grid grid-cols-2">
-					<TabsTrigger value="list" className="text-xs">
-						<RiListUnordered className="size-3.5 mr-1" />
-						Lista
-					</TabsTrigger>
-					<TabsTrigger value="chart" className="text-xs">
-						<RiPieChart2Line className="size-3.5 mr-1" />
-						Gráfico
-					</TabsTrigger>
-				</TabsList>
-			</div>
-
-			<TabsContent value="list" className="mt-0">
-				<div className="flex flex-col px-0">
-					{data.categories.map((category, index) => {
-						const hasIncrease =
-							category.percentageChange !== null &&
-							category.percentageChange > 0;
-						const hasDecrease =
-							category.percentageChange !== null &&
-							category.percentageChange < 0;
-						const hasBudget = category.budgetAmount !== null;
-						const budgetExceeded =
-							hasBudget &&
-							category.budgetUsedPercentage !== null &&
-							category.budgetUsedPercentage > 100;
-
-						const exceededAmount =
-							budgetExceeded && category.budgetAmount
-								? category.currentAmount - category.budgetAmount
-								: 0;
-
-						return (
-							<div
-								key={category.categoryId}
-								className="flex flex-col gap-1.5 py-2 border-b border-dashed last:border-0"
-							>
-								<div className="flex items-center justify-between gap-3">
-									<div className="flex min-w-0 flex-1 items-center gap-2">
-										<CategoryIconBadge
-											icon={category.categoryIcon}
-											name={category.categoryName}
-											colorIndex={index}
-										/>
-
-										<div className="min-w-0 flex-1">
-											<div className="flex items-center gap-2">
-												<Link
-													href={`/categorias/${category.categoryId}?periodo=${periodParam}`}
-													className="flex max-w-full items-center gap-1 text-sm font-medium text-foreground underline-offset-2 hover:underline"
-												>
-													<span className="truncate">
-														{category.categoryName}
-													</span>
-													<RiExternalLinkLine
-														className="size-3 shrink-0 text-muted-foreground"
-														aria-hidden
-													/>
-												</Link>
-											</div>
-											<div className="flex items-center gap-2 text-xs text-muted-foreground">
-												<span>
-													{formatPercentage(category.percentageOfTotal)} da
-													receita total
-												</span>
-											</div>
-										</div>
-									</div>
-
-									<div className="flex shrink-0 flex-col items-end gap-0.5">
-										<MoneyValues
-											className="text-foreground"
-											amount={category.currentAmount}
-										/>
-										{category.percentageChange !== null && (
-											<span
-												className={`flex items-center gap-0.5 text-xs ${
-													hasIncrease
-														? "text-success"
-														: hasDecrease
-															? "text-destructive"
-															: "text-muted-foreground"
-												}`}
-											>
-												{hasIncrease && <RiArrowUpSFill className="size-3" />}
-												{hasDecrease && <RiArrowDownSFill className="size-3" />}
-												{formatPercentage(category.percentageChange)}
-											</span>
-										)}
-									</div>
-								</div>
-
-								{hasBudget &&
-									category.budgetUsedPercentage !== null &&
-									category.budgetAmount !== null && (
-										<div className="ml-11 flex items-center gap-1.5 text-xs">
-											<RiWallet3Line
-												className={`size-3 ${
-													budgetExceeded ? "text-destructive" : "text-info"
-												}`}
-											/>
-											<span
-												className={
-													budgetExceeded ? "text-destructive" : "text-info"
-												}
-											>
-												{budgetExceeded ? (
-													<>
-														{formatPercentage(category.budgetUsedPercentage)} do
-														limite {formatCurrency(category.budgetAmount)} -
-														excedeu em {formatCurrency(exceededAmount)}
-													</>
-												) : (
-													<>
-														{formatPercentage(category.budgetUsedPercentage)} do
-														limite {formatCurrency(category.budgetAmount)}
-													</>
-												)}
-											</span>
-										</div>
-									)}
-							</div>
-						);
-					})}
-				</div>
-			</TabsContent>
-
-			<TabsContent value="chart" className="mt-0">
-				<div className="flex items-center gap-4">
-					<ChartContainer config={chartConfig} className="h-[280px] flex-1">
-						<PieChart>
-							<Pie
-								data={chartData}
-								cx="50%"
-								cy="50%"
-								labelLine={false}
-								label={(entry) => formatPercentage(entry.percentage)}
-								outerRadius={75}
-								dataKey="value"
-								nameKey="category"
-							/>
-							<Tooltip
-								content={({ active, payload }) => {
-									if (active && payload && payload.length) {
-										const data = payload[0].payload;
-										return (
-											<div className="rounded-lg border bg-background p-2 shadow-sm">
-												<div className="grid gap-2">
-													<div className="flex flex-col">
-														<span className="text-[0.70rem] uppercase text-muted-foreground">
-															{data.name}
-														</span>
-														<span className="font-bold text-foreground">
-															{formatCurrency(data.value)}
-														</span>
-														<span className="text-xs text-muted-foreground">
-															{formatPercentage(data.percentage)} do total
-														</span>
-													</div>
-												</div>
-											</div>
-										);
-									}
-									return null;
-								}}
-							/>
-						</PieChart>
-					</ChartContainer>
-
-					<div className="flex flex-col gap-2 min-w-[140px]">
-						{chartData.map((entry, index) => (
-							<div key={`legend-${index}`} className="flex items-center gap-2">
-								<div
-									className="size-3 rounded-sm shrink-0"
-									style={{ backgroundColor: entry.fill }}
-								/>
-								<span className="text-xs text-muted-foreground truncate">
-									{entry.name}
-								</span>
-							</div>
-						))}
-					</div>
-				</div>
-			</TabsContent>
-		</Tabs>
-	);
-}

components/dashboard/installment-analysis/installment-group-card.tsx

@@ -1,235 +0,0 @@
-"use client";
-
-import {
-	RiArrowDownSLine,
-	RiArrowRightSLine,
-	RiCheckboxCircleFill,
-} from "@remixicon/react";
-import { format } from "date-fns";
-import { ptBR } from "date-fns/locale";
-import { useState } from "react";
-import MoneyValues from "@/components/money-values";
-import { Badge } from "@/components/ui/badge";
-import { Card, CardContent } from "@/components/ui/card";
-import { Checkbox } from "@/components/ui/checkbox";
-import { Progress } from "@/components/ui/progress";
-import { cn } from "@/lib/utils/ui";
-import type { InstallmentGroup } from "./types";
-
-type InstallmentGroupCardProps = {
-	group: InstallmentGroup;
-	selectedInstallments: Set<string>;
-	onToggleGroup: () => void;
-	onToggleInstallment: (installmentId: string) => void;
-};
-
-export function InstallmentGroupCard({
-	group,
-	selectedInstallments,
-	onToggleGroup,
-	onToggleInstallment,
-}: InstallmentGroupCardProps) {
-	const [isExpanded, setIsExpanded] = useState(false);
-
-	const unpaidInstallments = group.pendingInstallments.filter(
-		(i) => !i.isSettled,
-	);
-
-	const unpaidCount = unpaidInstallments.length;
-
-	const isFullySelected =
-		selectedInstallments.size === unpaidInstallments.length &&
-		unpaidInstallments.length > 0;
-
-	const progress =
-		group.totalInstallments > 0
-			? (group.paidInstallments / group.totalInstallments) * 100
-			: 0;
-
-	const selectedAmount = group.pendingInstallments
-		.filter((i) => selectedInstallments.has(i.id) && !i.isSettled)
-		.reduce((sum, i) => sum + Number(i.amount), 0);
-
-	// Calcular valor total de todas as parcelas (pagas + pendentes)
-	const totalAmount = group.pendingInstallments.reduce(
-		(sum, i) => sum + i.amount,
-		0,
-	);
-
-	// Calcular valor pendente (apenas não pagas)
-	const pendingAmount = unpaidInstallments.reduce(
-		(sum, i) => sum + i.amount,
-		0,
-	);
-
-	return (
-		<Card className={cn(isFullySelected && "border-primary/50")}>
-			<CardContent className="flex flex-col gap-2">
-				{/* Header do card */}
-				<div className="flex items-start gap-3">
-					<Checkbox
-						checked={isFullySelected}
-						onCheckedChange={onToggleGroup}
-						className="mt-1"
-						aria-label={`Selecionar todas as parcelas de ${group.name}`}
-					/>
-
-					<div className="min-w-0 flex-1">
-						<div className="flex flex-col gap-1">
-							<div className="flex gap-1 items-center flex-wrap">
-								{group.cartaoLogo && (
-									<img
-										src={`/logos/${group.cartaoLogo}`}
-										alt={group.cartaoName ?? "Cartão"}
-										className="h-6 w-auto object-contain rounded"
-									/>
-								)}
-								<span className="font-medium truncate">{group.name}</span>
-								<span className="text-xs text-muted-foreground">
-									| {group.cartaoName}
-								</span>
-							</div>
-
-							<div className="flex items-center gap-3 flex-wrap">
-								<div className="flex items-center gap-1">
-									<span className="text-xs text-muted-foreground">Total:</span>
-									<MoneyValues
-										amount={totalAmount}
-										className="text-base font-bold"
-									/>
-								</div>
-								<div className="flex items-center gap-1">
-									<span className="text-xs text-muted-foreground">
-										Pendente:
-									</span>
-									<MoneyValues
-										amount={pendingAmount}
-										className="text-sm font-medium text-primary"
-									/>
-								</div>
-							</div>
-						</div>
-
-						{/* Progress bar */}
-						<div className="mt-3">
-							<div className="mb-2 flex flex-wrap items-center px-1 justify-between gap-x-2 gap-y-0.5 text-xs text-muted-foreground">
-								<span>
-									{group.paidInstallments} de {group.totalInstallments} pagas
-								</span>
-								<div className="flex items-center gap-2 flex-wrap">
-									<span>
-										{unpaidCount} {unpaidCount === 1 ? "pendente" : "pendentes"}
-									</span>
-									{selectedInstallments.size > 0 && (
-										<span className="text-primary font-medium">
-											• Selecionado:{" "}
-											<MoneyValues
-												amount={selectedAmount}
-												className="text-xs font-medium text-primary inline"
-											/>
-										</span>
-									)}
-								</div>
-							</div>
-							<Progress value={progress} className="h-2" />
-						</div>
-
-						{/* Botão de expandir */}
-						<button
-							type="button"
-							onClick={() => setIsExpanded(!isExpanded)}
-							className="mt-2 flex items-center gap-1 text-xs font-medium text-primary hover:underline"
-						>
-							{isExpanded ? (
-								<>
-									<RiArrowDownSLine className="size-4" />
-									Ocultar parcelas ({group.pendingInstallments.length})
-								</>
-							) : (
-								<>
-									<RiArrowRightSLine className="size-4" />
-									Ver parcelas ({group.pendingInstallments.length})
-								</>
-							)}
-						</button>
-					</div>
-				</div>
-
-				{/* Lista de parcelas expandida */}
-				{isExpanded && (
-					<div className="px-2 sm:px-8 mt-2 flex flex-col gap-2">
-						{group.pendingInstallments.map((installment) => {
-							const isSelected = selectedInstallments.has(installment.id);
-							const isPaid = installment.isSettled;
-							const dueDate = installment.dueDate
-								? format(installment.dueDate, "dd/MM/yyyy", { locale: ptBR })
-								: format(installment.purchaseDate, "dd/MM/yyyy", {
-										locale: ptBR,
-									});
-
-							return (
-								<div
-									key={installment.id}
-									className={cn(
-										"flex items-center gap-3 rounded-md border p-2 transition-colors",
-										isSelected && !isPaid && "border-primary/50 bg-primary/5",
-										isPaid &&
-											"border-success/40 bg-success/5 dark:border-success/20 dark:bg-success/5",
-									)}
-								>
-									<Checkbox
-										checked={isPaid ? false : isSelected}
-										disabled={isPaid}
-										onCheckedChange={() =>
-											!isPaid && onToggleInstallment(installment.id)
-										}
-										aria-label={`Selecionar parcela ${installment.currentInstallment} de ${group.totalInstallments}`}
-									/>
-
-									<div className="flex min-w-0 flex-1 items-center justify-between gap-3">
-										<div className="min-w-0">
-											<p
-												className={cn(
-													"text-xs font-medium",
-													isPaid &&
-														"text-success line-through decoration-success/50",
-												)}
-											>
-												Parcela {installment.currentInstallment}/
-												{group.totalInstallments}
-												{isPaid && (
-													<Badge
-														variant="outline"
-														className="ml-1 text-xs border-none text-success"
-													>
-														<RiCheckboxCircleFill /> Pago
-													</Badge>
-												)}
-											</p>
-											<p
-												className={cn(
-													"text-xs mt-1",
-													isPaid ? "text-success" : "text-muted-foreground",
-												)}
-											>
-												Vencimento: {dueDate}
-											</p>
-										</div>
-
-										<MoneyValues
-											amount={installment.amount}
-											className={cn(
-												"shrink-0 text-sm",
-												isPaid && "text-success",
-											)}
-										/>
-									</div>
-								</div>
-							);
-						})}
-					</div>
-				)}
-			</CardContent>
-		</Card>
-	);
-}

components/dashboard/installment-expenses-widget.tsx

@@ -1,191 +0,0 @@
-import { RiNumbersLine } from "@remixicon/react";
-import Image from "next/image";
-import MoneyValues from "@/components/money-values";
-import { CardContent } from "@/components/ui/card";
-import {
-	Tooltip,
-	TooltipContent,
-	TooltipTrigger,
-} from "@/components/ui/tooltip";
-import type { InstallmentExpensesData } from "@/lib/dashboard/expenses/installment-expenses";
-import {
-	calculateLastInstallmentDate,
-	formatLastInstallmentDate,
-} from "@/lib/installments/utils";
-import { Progress } from "../ui/progress";
-import { WidgetEmptyState } from "../widget-empty-state";
-
-type InstallmentExpensesWidgetProps = {
-	data: InstallmentExpensesData;
-};
-
-const buildCompactInstallmentLabel = (
-	currentInstallment: number | null,
-	installmentCount: number | null,
-) => {
-	if (currentInstallment && installmentCount) {
-		return `${currentInstallment} de ${installmentCount}`;
-	}
-	return null;
-};
-
-const isLastInstallment = (
-	currentInstallment: number | null,
-	installmentCount: number | null,
-) => {
-	if (!currentInstallment || !installmentCount) return false;
-	return currentInstallment === installmentCount && installmentCount > 1;
-};
-
-const calculateRemainingInstallments = (
-	currentInstallment: number | null,
-	installmentCount: number | null,
-) => {
-	if (!currentInstallment || !installmentCount) return 0;
-	return Math.max(0, installmentCount - currentInstallment);
-};
-
-const calculateRemainingAmount = (
-	amount: number,
-	currentInstallment: number | null,
-	installmentCount: number | null,
-) => {
-	const remaining = calculateRemainingInstallments(
-		currentInstallment,
-		installmentCount,
-	);
-	return amount * remaining;
-};
-
-const formatEndDate = (
-	period: string,
-	currentInstallment: number | null,
-	installmentCount: number | null,
-) => {
-	if (!currentInstallment || !installmentCount) return null;
-
-	const lastDate = calculateLastInstallmentDate(
-		period,
-		currentInstallment,
-		installmentCount,
-	);
-
-	return formatLastInstallmentDate(lastDate);
-};
-
-const buildProgress = (
-	currentInstallment: number | null,
-	installmentCount: number | null,
-) => {
-	if (!currentInstallment || !installmentCount || installmentCount <= 0) {
-		return 0;
-	}
-
-	return Math.min(
-		100,
-		Math.max(0, (currentInstallment / installmentCount) * 100),
-	);
-};
-
-export function InstallmentExpensesWidget({
-	data,
-}: InstallmentExpensesWidgetProps) {
-	if (data.expenses.length === 0) {
-		return (
-			<WidgetEmptyState
-				icon={<RiNumbersLine className="size-6 text-muted-foreground" />}
-				title="Nenhuma despesa parcelada"
-				description="Lançamentos parcelados aparecerão aqui conforme forem registrados."
-			/>
-		);
-	}
-
-	return (
-		<CardContent className="flex flex-col gap-4 px-0">
-			<ul className="flex flex-col gap-2">
-				{data.expenses.map((expense) => {
-					const compactLabel = buildCompactInstallmentLabel(
-						expense.currentInstallment,
-						expense.installmentCount,
-					);
-					const isLast = isLastInstallment(
-						expense.currentInstallment,
-						expense.installmentCount,
-					);
-					const remainingInstallments = calculateRemainingInstallments(
-						expense.currentInstallment,
-						expense.installmentCount,
-					);
-					const remainingAmount = calculateRemainingAmount(
-						expense.amount,
-						expense.currentInstallment,
-						expense.installmentCount,
-					);
-					const endDate = formatEndDate(
-						expense.period,
-						expense.currentInstallment,
-						expense.installmentCount,
-					);
-					const progress = buildProgress(
-						expense.currentInstallment,
-						expense.installmentCount,
-					);
-
-					return (
-						<li
-							key={expense.id}
-							className="flex items-center gap-3 border-b border-dashed pb-3 last:border-b-0 last:pb-0"
-						>
-							<div className="min-w-0 flex-1">
-								<div className="flex items-center justify-between gap-3">
-									<div className="flex min-w-0 items-center gap-2">
-										<p className="truncate text-sm font-medium text-foreground">
-											{expense.name}
-										</p>
-										{compactLabel && (
-											<span className="inline-flex shrink-0 items-center gap-1 text-xs font-medium text-muted-foreground">
-												{compactLabel}
-												{isLast && (
-													<Tooltip>
-														<TooltipTrigger asChild>
-															<span className="inline-flex">
-																<Image
-																	src="/icones/party.svg"
-																	alt="Última parcela"
-																	width={14}
-																	height={14}
-																	className="h-3.5 w-3.5"
-																/>
-																<span className="sr-only">Última parcela</span>
-															</span>
-														</TooltipTrigger>
-														<TooltipContent side="top">
-															Última parcela!
-														</TooltipContent>
-													</Tooltip>
-												)}
-											</span>
-										)}
-									</div>
-									<MoneyValues amount={expense.amount} className="shrink-0" />
-								</div>
-
-								<p className="text-xs text-muted-foreground ">
-									{endDate && `Termina em ${endDate}`}
-									{" | Restante  "}
-									<MoneyValues
-										amount={remainingAmount}
-										className="inline-block font-medium"
-									/>{" "}
-									({remainingInstallments})
-								</p>
-
-								<Progress value={progress} className="h-2 mt-1" />
-							</div>
-						</li>
-					);
-				})}
-			</ul>
-		</CardContent>
-	);
-}

components/dashboard/invoices-widget.tsx

@@ -1,584 +0,0 @@
-"use client";
-import {
-	RiBillLine,
-	RiCheckboxCircleFill,
-	RiCheckboxCircleLine,
-	RiExternalLinkLine,
-	RiLoader4Line,
-	RiMoneyDollarCircleLine,
-} from "@remixicon/react";
-import Image from "next/image";
-import Link from "next/link";
-import { useRouter } from "next/navigation";
-import { useEffect, useMemo, useState, useTransition } from "react";
-import { toast } from "sonner";
-import { updateInvoicePaymentStatusAction } from "@/app/(dashboard)/cartoes/[cartaoId]/fatura/actions";
-import MoneyValues from "@/components/money-values";
-import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
-import { Button } from "@/components/ui/button";
-import { CardContent } from "@/components/ui/card";
-import {
-	Dialog,
-	DialogContent,
-	DialogDescription,
-	DialogHeader,
-	DialogTitle,
-	DialogFooter as ModalFooter,
-} from "@/components/ui/dialog";
-import type { DashboardInvoice } from "@/lib/dashboard/invoices";
-import { INVOICE_PAYMENT_STATUS, INVOICE_STATUS_LABEL } from "@/lib/faturas";
-import { getAvatarSrc } from "@/lib/pagadores/utils";
-import { formatPeriodForUrl } from "@/lib/utils/period";
-import { Badge } from "../ui/badge";
-import {
-	HoverCard,
-	HoverCardContent,
-	HoverCardTrigger,
-} from "../ui/hover-card";
-import { WidgetEmptyState } from "../widget-empty-state";
-
-type InvoicesWidgetProps = {
-	invoices: DashboardInvoice[];
-};
-
-type ModalState = "idle" | "processing" | "success";
-
-const DUE_DATE_FORMATTER = new Intl.DateTimeFormat("pt-BR", {
-	day: "2-digit",
-	month: "short",
-	year: "numeric",
-	timeZone: "UTC",
-});
-
-const resolveLogoPath = (logo: string | null) => {
-	if (!logo) {
-		return null;
-	}
-	if (/^(https?:\/\/|data:)/.test(logo)) {
-		return logo;
-	}
-	return logo.startsWith("/") ? logo : `/logos/${logo}`;
-};
-
-const buildInitials = (value: string) => {
-	const parts = value.trim().split(/\s+/).filter(Boolean);
-	if (parts.length === 0) {
-		return "CC";
-	}
-	if (parts.length === 1) {
-		const firstPart = parts[0];
-		return firstPart ? firstPart.slice(0, 2).toUpperCase() : "CC";
-	}
-	const firstChar = parts[0]?.[0] ?? "";
-	const secondChar = parts[1]?.[0] ?? "";
-	return `${firstChar}${secondChar}`.toUpperCase() || "CC";
-};
-
-const parseDueDate = (period: string, dueDay: string) => {
-	const [yearStr, monthStr] = period.split("-");
-	const dayNumber = Number.parseInt(dueDay, 10);
-	const year = Number.parseInt(yearStr ?? "", 10);
-	const month = Number.parseInt(monthStr ?? "", 10);
-
-	if (
-		Number.isNaN(dayNumber) ||
-		Number.isNaN(year) ||
-		Number.isNaN(month) ||
-		period.length !== 7
-	) {
-		return {
-			label: `Vence dia ${dueDay}`,
-			date: null,
-		};
-	}
-
-	const date = new Date(Date.UTC(year, month - 1, dayNumber));
-	return {
-		label: `Vence em ${DUE_DATE_FORMATTER.format(date)}`,
-		date,
-	};
-};
-
-const formatPaymentDate = (value: string | null) => {
-	if (!value) {
-		return null;
-	}
-
-	const [yearStr, monthStr, dayStr] = value.split("-");
-	const year = Number.parseInt(yearStr ?? "", 10);
-	const month = Number.parseInt(monthStr ?? "", 10);
-	const day = Number.parseInt(dayStr ?? "", 10);
-
-	if (
-		Number.isNaN(year) ||
-		Number.isNaN(month) ||
-		Number.isNaN(day) ||
-		yearStr?.length !== 4 ||
-		monthStr?.length !== 2 ||
-		dayStr?.length !== 2
-	) {
-		return null;
-	}
-
-	const date = new Date(Date.UTC(year, month - 1, day));
-	return {
-		label: `Pago em ${DUE_DATE_FORMATTER.format(date)}`,
-	};
-};
-
-const getTodayDateString = () => {
-	const now = new Date();
-	const year = now.getFullYear();
-	const month = String(now.getMonth() + 1).padStart(2, "0");
-	const day = String(now.getDate()).padStart(2, "0");
-	return `${year}-${month}-${day}`;
-};
-
-const formatSharePercentage = (value: number) => {
-	if (!Number.isFinite(value) || value <= 0) {
-		return "0%";
-	}
-	const digits = value >= 10 ? 0 : value >= 1 ? 1 : 2;
-	return `${value.toLocaleString("pt-BR", {
-		minimumFractionDigits: digits,
-		maximumFractionDigits: digits,
-	})}%`;
-};
-
-const getShareLabel = (amount: number, total: number) => {
-	if (total <= 0) {
-		return "0% do total";
-	}
-	const percentage = (amount / total) * 100;
-	return `${formatSharePercentage(percentage)} do total`;
-};
-
-export function InvoicesWidget({ invoices }: InvoicesWidgetProps) {
-	const router = useRouter();
-	const [isPending, startTransition] = useTransition();
-	const [items, setItems] = useState(invoices);
-	const [isModalOpen, setIsModalOpen] = useState(false);
-	const [selectedId, setSelectedId] = useState<string | null>(null);
-	const [modalState, setModalState] = useState<ModalState>("idle");
-
-	useEffect(() => {
-		setItems(invoices);
-	}, [invoices]);
-
-	const selectedInvoice = useMemo(
-		() => items.find((invoice) => invoice.id === selectedId) ?? null,
-		[items, selectedId],
-	);
-
-	const selectedLogo = useMemo(
-		() => (selectedInvoice ? resolveLogoPath(selectedInvoice.logo) : null),
-		[selectedInvoice],
-	);
-
-	const selectedPaymentInfo = useMemo(
-		() => (selectedInvoice ? formatPaymentDate(selectedInvoice.paidAt) : null),
-		[selectedInvoice],
-	);
-
-	const handleOpenModal = (invoiceId: string) => {
-		setSelectedId(invoiceId);
-		setModalState("idle");
-		setIsModalOpen(true);
-	};
-
-	const handleCloseModal = () => {
-		setIsModalOpen(false);
-		setModalState("idle");
-		setSelectedId(null);
-	};
-
-	const handleConfirmPayment = () => {
-		if (!selectedInvoice) {
-			return;
-		}
-
-		setModalState("processing");
-
-		startTransition(async () => {
-			const result = await updateInvoicePaymentStatusAction({
-				cartaoId: selectedInvoice.cardId,
-				period: selectedInvoice.period,
-				status: INVOICE_PAYMENT_STATUS.PAID,
-			});
-
-			if (result.success) {
-				toast.success(result.message);
-				setItems((previous) =>
-					previous.map((invoice) =>
-						invoice.id === selectedInvoice.id
-							? {
-									...invoice,
-									paymentStatus: INVOICE_PAYMENT_STATUS.PAID,
-									paidAt: getTodayDateString(),
-								}
-							: invoice,
-					),
-				);
-				setModalState("success");
-				router.refresh();
-				return;
-			}
-
-			toast.error(result.error);
-			setModalState("idle");
-		});
-	};
-
-	const getStatusBadgeVariant = (status: string): "success" | "info" => {
-		const normalizedStatus = status.toLowerCase();
-		if (normalizedStatus === "em aberto") {
-			return "info";
-		}
-		return "success";
-	};
-
-	return (
-		<>
-			<CardContent className="flex flex-col gap-4 px-0">
-				{items.length === 0 ? (
-					<WidgetEmptyState
-						icon={<RiBillLine className="size-6 text-muted-foreground" />}
-						title="Nenhuma fatura para o período selecionado"
-						description="Quando houver cartões com compras registradas, eles aparecerão aqui."
-					/>
-				) : (
-					<ul className="flex flex-col">
-						{items.map((invoice) => {
-							const logo = resolveLogoPath(invoice.logo);
-							const initials = buildInitials(invoice.cardName);
-							const dueInfo = parseDueDate(invoice.period, invoice.dueDay);
-							const isPaid =
-								invoice.paymentStatus === INVOICE_PAYMENT_STATUS.PAID;
-							const isOverdue =
-								!isPaid && dueInfo.date !== null && dueInfo.date < new Date();
-							const paymentInfo = formatPaymentDate(invoice.paidAt);
-
-							return (
-								<li
-									key={invoice.id}
-									className="flex items-center justify-between border-b border-dashed last:border-b-0 last:pb-0"
-								>
-									<div className="flex min-w-0 flex-1 items-center gap-2 py-2">
-										<div className="flex size-9.5 shrink-0 items-center justify-center overflow-hidden rounded-full">
-											{logo ? (
-												<Image
-													src={logo}
-													alt={`Logo do cartão ${invoice.cardName}`}
-													width={36}
-													height={36}
-													className="h-full w-full object-contain"
-												/>
-											) : (
-												<span className="text-sm font-semibold uppercase text-muted-foreground">
-													{initials}
-												</span>
-											)}
-										</div>
-
-										<div className="min-w-0">
-											{(() => {
-												const breakdown = invoice.pagadorBreakdown ?? [];
-												const hasBreakdown = breakdown.length > 0;
-												const linkNode = (
-													<Link
-														prefetch
-														href={`/cartoes/${
-															invoice.cardId
-														}/fatura?periodo=${formatPeriodForUrl(
-															invoice.period,
-														)}`}
-														className="inline-flex max-w-full items-center gap-1 text-sm font-medium text-foreground underline-offset-2 hover:text-primary hover:underline"
-													>
-														<span className="truncate">{invoice.cardName}</span>
-														<RiExternalLinkLine
-															className="size-3 shrink-0 text-muted-foreground"
-															aria-hidden
-														/>
-													</Link>
-												);
-
-												if (!hasBreakdown) {
-													return linkNode;
-												}
-
-												const totalForShare = Math.abs(invoice.totalAmount);
-
-												return (
-													<HoverCard openDelay={150}>
-														<HoverCardTrigger asChild>
-															{linkNode}
-														</HoverCardTrigger>
-														<HoverCardContent
-															align="start"
-															className="w-72 space-y-3"
-														>
-															<p className="text-xs font-medium uppercase tracking-wide text-muted-foreground">
-																Distribuição por pagador
-															</p>
-															<ul className="space-y-2">
-																{breakdown.map((share, index) => (
-																	<li
-																		key={`${invoice.id}-${
-																			share.pagadorId ??
-																			share.pagadorName ??
-																			index
-																		}`}
-																		className="flex items-center gap-3"
-																	>
-																		<Avatar className="size-9">
-																			<AvatarImage
-																				src={getAvatarSrc(share.pagadorAvatar)}
-																				alt={`Avatar de ${share.pagadorName}`}
-																			/>
-																			<AvatarFallback>
-																				{buildInitials(share.pagadorName)}
-																			</AvatarFallback>
-																		</Avatar>
-																		<div className="min-w-0 flex-1">
-																			<p className="truncate text-sm font-medium text-foreground">
-																				{share.pagadorName}
-																			</p>
-																			<p className="text-xs text-muted-foreground">
-																				{getShareLabel(
-																					share.amount,
-																					totalForShare,
-																				)}
-																			</p>
-																		</div>
-																		<div className="text-sm font-semibold text-foreground">
-																			<MoneyValues amount={share.amount} />
-																		</div>
-																	</li>
-																))}
-															</ul>
-														</HoverCardContent>
-													</HoverCard>
-												);
-											})()}
-											<div className="flex flex-wrap items-center gap-2 text-xs text-muted-foreground">
-												{!isPaid ? <span>{dueInfo.label}</span> : null}
-												{isPaid && paymentInfo ? (
-													<span className="text-success">
-														{paymentInfo.label}
-													</span>
-												) : null}
-											</div>
-										</div>
-									</div>
-
-									<div className="flex shrink-0 flex-col items-end">
-										<MoneyValues amount={Math.abs(invoice.totalAmount)} />
-										<div className="flex items-center gap-2">
-											<Button
-												type="button"
-												size="sm"
-												disabled={isPaid}
-												onClick={() => handleOpenModal(invoice.id)}
-												variant={"link"}
-												className="p-0 h-auto disabled:opacity-100"
-											>
-												{isPaid ? (
-													<span className="text-success flex items-center gap-1">
-														<RiCheckboxCircleFill className="size-3" /> Pago
-													</span>
-												) : isOverdue ? (
-													<span className="overdue-blink">
-														<span className="overdue-blink-primary text-destructive">
-															Atrasado
-														</span>
-														<span className="overdue-blink-secondary">
-															Pagar
-														</span>
-													</span>
-												) : (
-													<span>Pagar</span>
-												)}
-											</Button>
-										</div>
-									</div>
-								</li>
-							);
-						})}
-					</ul>
-				)}
-			</CardContent>
-
-			<Dialog
-				open={isModalOpen}
-				onOpenChange={(open) => {
-					if (!open) {
-						handleCloseModal();
-						return;
-					}
-					setIsModalOpen(true);
-				}}
-			>
-				<DialogContent
-					className="max-w-[calc(100%-2rem)] sm:max-w-md"
-					onEscapeKeyDown={(event) => {
-						if (modalState === "processing") {
-							event.preventDefault();
-							return;
-						}
-						handleCloseModal();
-					}}
-					onPointerDownOutside={(event) => {
-						if (modalState === "processing") {
-							event.preventDefault();
-						}
-					}}
-				>
-					{modalState === "success" ? (
-						<div className="flex flex-col items-center gap-4 py-6 text-center">
-							<div className="flex size-16 items-center justify-center rounded-full bg-success/10 text-success">
-								<RiCheckboxCircleLine className="size-8" />
-							</div>
-							<div className="space-y-2">
-								<DialogTitle className="text-base">
-									Pagamento confirmado!
-								</DialogTitle>
-								<DialogDescription className="text-sm">
-									Atualizamos o status da fatura. O lançamento do pagamento
-									aparecerá no extrato em instantes.
-								</DialogDescription>
-							</div>
-							<ModalFooter className="sm:justify-center">
-								<Button
-									type="button"
-									onClick={handleCloseModal}
-									className="sm:w-auto"
-								>
-									Fechar
-								</Button>
-							</ModalFooter>
-						</div>
-					) : (
-						<>
-							<DialogHeader>
-								<DialogTitle>Confirmar pagamento</DialogTitle>
-								<DialogDescription>
-									Revise os dados antes de confirmar. Vamos registrar a fatura
-									como paga.
-								</DialogDescription>
-							</DialogHeader>
-
-							{selectedInvoice ? (
-								<div className="space-y-4">
-									<div className="rounded-lg border p-4">
-										<div className="flex items-center justify-between">
-											<div className="flex items-center gap-3">
-												<div className="flex size-10 shrink-0 items-center justify-center overflow-hidden rounded-full bg-primary/10">
-													{selectedLogo ? (
-														<Image
-															src={selectedLogo}
-															alt={`Logo do cartão ${selectedInvoice.cardName}`}
-															width={40}
-															height={40}
-															className="h-full w-full object-contain"
-														/>
-													) : (
-														<span className="text-xs font-semibold uppercase text-primary">
-															{buildInitials(selectedInvoice.cardName)}
-														</span>
-													)}
-												</div>
-												<div>
-													<p className="text-sm font-medium text-muted-foreground">
-														Cartão
-													</p>
-													<p className="text-lg font-bold text-foreground">
-														{selectedInvoice.cardName}
-													</p>
-												</div>
-											</div>
-											<div className="text-right">
-												{selectedInvoice.paymentStatus !==
-												INVOICE_PAYMENT_STATUS.PAID ? (
-													<p className="text-sm text-muted-foreground">
-														{
-															parseDueDate(
-																selectedInvoice.period,
-																selectedInvoice.dueDay,
-															).label
-														}
-													</p>
-												) : null}
-												{selectedInvoice.paymentStatus ===
-													INVOICE_PAYMENT_STATUS.PAID && selectedPaymentInfo ? (
-													<p className="text-sm text-success">
-														{selectedPaymentInfo.label}
-													</p>
-												) : null}
-											</div>
-										</div>
-									</div>
-
-									<div className="grid gap-3 sm:grid-cols-2">
-										<div className="rounded-lg border p-3">
-											<div className="mb-2 flex items-center gap-2 text-muted-foreground">
-												<RiMoneyDollarCircleLine className="size-4" />
-												<span className="text-xs font-semibold uppercase">
-													Valor da Fatura
-												</span>
-											</div>
-											<MoneyValues
-												amount={Math.abs(selectedInvoice.totalAmount)}
-												className="text-lg font-bold"
-											/>
-										</div>
-										<div className="rounded-lg border p-3">
-											<div className="mb-2 flex items-center gap-2 text-muted-foreground">
-												<RiCheckboxCircleLine className="size-4" />
-												<span className="text-xs font-semibold uppercase">
-													Status
-												</span>
-											</div>
-											<Badge
-												variant={getStatusBadgeVariant(
-													INVOICE_STATUS_LABEL[selectedInvoice.paymentStatus],
-												)}
-											>
-												{INVOICE_STATUS_LABEL[selectedInvoice.paymentStatus]}
-											</Badge>
-										</div>
-									</div>
-								</div>
-							) : null}
-
-							<ModalFooter className="sm:justify-end">
-								<Button
-									type="button"
-									variant="outline"
-									onClick={handleCloseModal}
-									disabled={modalState === "processing"}
-								>
-									Cancelar
-								</Button>
-								<Button
-									type="button"
-									onClick={handleConfirmPayment}
-									disabled={modalState === "processing" || isPending}
-									className="relative"
-								>
-									{modalState === "processing" || isPending ? (
-										<>
-											<RiLoader4Line className="mr-1.5 size-4 animate-spin" />
-											Processando...
-										</>
-									) : (
-										"Confirmar pagamento"
-									)}
-								</Button>
-							</ModalFooter>
-						</>
-					)}
-				</DialogContent>
-			</Dialog>
-		</>
-	);
-}

components/dashboard/my-accounts-widget.tsx

@@ -1,134 +0,0 @@
-import { RiBarChartBoxLine, RiExternalLinkLine } from "@remixicon/react";
-import Image from "next/image";
-import Link from "next/link";
-import {
-	CardContent,
-	CardDescription,
-	CardFooter,
-	CardHeader,
-} from "@/components/ui/card";
-import type { DashboardAccount } from "@/lib/dashboard/accounts";
-import { formatPeriodForUrl } from "@/lib/utils/period";
-import MoneyValues from "../money-values";
-import { WidgetEmptyState } from "../widget-empty-state";
-
-type MyAccountsWidgetProps = {
-	accounts: DashboardAccount[];
-	totalBalance: number;
-	maxVisible?: number;
-	period: string;
-};
-
-const resolveLogoSrc = (logo: string | null) => {
-	if (!logo) {
-		return null;
-	}
-
-	const fileName = logo.split("/").filter(Boolean).pop() ?? logo;
-	return `/logos/${fileName}`;
-};
-
-const buildInitials = (name: string) => {
-	const parts = name.trim().split(/\s+/).filter(Boolean);
-	if (parts.length === 0) return "CC";
-	if (parts.length === 1) return parts[0].slice(0, 2).toUpperCase();
-	return `${parts[0][0] ?? ""}${parts[1][0] ?? ""}`.toUpperCase();
-};
-
-export function MyAccountsWidget({
-	accounts,
-	totalBalance,
-	maxVisible = 5,
-	period,
-}: MyAccountsWidgetProps) {
-	const visibleAccounts = accounts.filter(
-		(account) => !account.excludeFromBalance,
-	);
-	const displayedAccounts = visibleAccounts.slice(0, maxVisible);
-	const remainingCount = visibleAccounts.length - displayedAccounts.length;
-
-	return (
-		<>
-			<CardHeader className="pb-4 px-0">
-				<CardDescription>Saldo Total</CardDescription>
-				<div className="text-2xl text-foreground">
-					<MoneyValues amount={totalBalance} />
-				</div>
-			</CardHeader>
-
-			<CardContent className="py-2 px-0">
-				{displayedAccounts.length === 0 ? (
-					<div className="-mt-10">
-						<WidgetEmptyState
-							icon={
-								<RiBarChartBoxLine className="size-6 text-muted-foreground" />
-							}
-							title="Você ainda não adicionou nenhuma conta"
-							description="Cadastre suas contas bancárias para acompanhar os saldos e movimentações."
-						/>
-					</div>
-				) : (
-					<ul className="flex flex-col">
-						{displayedAccounts.map((account) => {
-							const logoSrc = resolveLogoSrc(account.logo);
-							const initials = buildInitials(account.name);
-
-							return (
-								<li
-									key={account.id}
-									className="flex items-center justify-between gap-2 border-b border-dashed py-2 last:border-0"
-								>
-									<div className="flex min-w-0 flex-1 items-center gap-3">
-										{logoSrc ? (
-											<div className="relative size-10 overflow-hidden">
-												<Image
-													src={logoSrc}
-													alt={`Logo da conta ${account.name}`}
-													fill
-													className="object-contain rounded-full"
-												/>
-											</div>
-										) : (
-											<div className="flex h-10 w-10 items-center justify-center rounded-full bg-secondary text-sm font-semibold uppercase text-secondary-foreground">
-												{initials}
-											</div>
-										)}
-
-										<div className="min-w-0">
-											<Link
-												prefetch
-												href={`/contas/${
-													account.id
-												}/extrato?periodo=${formatPeriodForUrl(period)}`}
-												className="inline-flex max-w-full items-center gap-1 text-sm font-medium text-foreground underline-offset-2 hover:text-primary hover:underline"
-											>
-												<span className="truncate">{account.name}</span>
-												<RiExternalLinkLine
-													className="size-3 shrink-0 text-muted-foreground"
-													aria-hidden
-												/>
-											</Link>
-											<div className="flex flex-wrap items-center gap-2 text-xs text-muted-foreground">
-												<span className="truncate">{account.accountType}</span>
-											</div>
-										</div>
-									</div>
-
-									<div className="flex flex-col items-end gap-0.5 text-right">
-										<MoneyValues amount={account.balance} />
-									</div>
-								</li>
-							);
-						})}
-					</ul>
-				)}
-			</CardContent>
-
-			{visibleAccounts.length > displayedAccounts.length ? (
-				<CardFooter className="border-border/60 border-t pt-4 text-sm text-muted-foreground">
-					+{remainingCount} contas não exibidas
-				</CardFooter>
-			) : null}
-		</>
-	);
-}

components/dashboard/notes-widget.tsx

@@ -1,154 +0,0 @@
-"use client";
-
-import { RiFileList2Line, RiPencilLine, RiTodoLine } from "@remixicon/react";
-import { useCallback, useMemo, useState } from "react";
-import { NoteDetailsDialog } from "@/components/anotacoes/note-details-dialog";
-import { NoteDialog } from "@/components/anotacoes/note-dialog";
-import type { Note } from "@/components/anotacoes/types";
-import { Button } from "@/components/ui/button";
-import { CardContent } from "@/components/ui/card";
-import type { DashboardNote } from "@/lib/dashboard/notes";
-import { Badge } from "../ui/badge";
-import { WidgetEmptyState } from "../widget-empty-state";
-
-type NotesWidgetProps = {
-	notes: DashboardNote[];
-};
-
-const DATE_FORMATTER = new Intl.DateTimeFormat("pt-BR", {
-	day: "2-digit",
-	month: "short",
-	year: "numeric",
-	timeZone: "UTC",
-});
-
-const buildDisplayTitle = (value: string) => {
-	const trimmed = value.trim();
-	return trimmed.length ? trimmed : "Anotação sem título";
-};
-
-const mapDashboardNoteToNote = (note: DashboardNote): Note => ({
-	id: note.id,
-	title: note.title,
-	description: note.description,
-	type: note.type,
-	tasks: note.tasks,
-	arquivada: note.arquivada,
-	createdAt: note.createdAt,
-});
-
-const getTasksSummary = (note: DashboardNote) => {
-	if (note.type !== "tarefa") {
-		return "Nota";
-	}
-
-	const tasks = note.tasks ?? [];
-	const completed = tasks.filter((task) => task.completed).length;
-	return `${completed}/${tasks.length} concluídas`;
-};
-
-export function NotesWidget({ notes }: NotesWidgetProps) {
-	const [noteToEdit, setNoteToEdit] = useState<Note | null>(null);
-	const [isEditOpen, setIsEditOpen] = useState(false);
-	const [noteDetails, setNoteDetails] = useState<Note | null>(null);
-	const [isDetailsOpen, setIsDetailsOpen] = useState(false);
-
-	const mappedNotes = useMemo(() => notes.map(mapDashboardNoteToNote), [notes]);
-
-	const handleOpenEdit = useCallback((note: Note) => {
-		setNoteToEdit(note);
-		setIsEditOpen(true);
-	}, []);
-
-	const handleOpenDetails = useCallback((note: Note) => {
-		setNoteDetails(note);
-		setIsDetailsOpen(true);
-	}, []);
-
-	const handleEditOpenChange = useCallback((open: boolean) => {
-		setIsEditOpen(open);
-		if (!open) {
-			setNoteToEdit(null);
-		}
-	}, []);
-
-	const handleDetailsOpenChange = useCallback((open: boolean) => {
-		setIsDetailsOpen(open);
-		if (!open) {
-			setNoteDetails(null);
-		}
-	}, []);
-
-	return (
-		<>
-			<CardContent className="flex flex-col gap-4 px-0">
-				{mappedNotes.length === 0 ? (
-					<WidgetEmptyState
-						icon={<RiTodoLine className="size-6 text-muted-foreground" />}
-						title="Nenhuma anotação ativa"
-						description="Crie anotações para acompanhar lembretes e tarefas financeiras."
-					/>
-				) : (
-					<ul className="flex flex-col">
-						{mappedNotes.map((note) => (
-							<li
-								key={note.id}
-								className="flex items-center justify-between gap-2 border-b border-dashed py-2 last:border-b-0 last:pb-0"
-							>
-								<div className="min-w-0 flex-1">
-									<p className="truncate text-sm font-medium text-foreground">
-										{buildDisplayTitle(note.title)}
-									</p>
-									<div className="mt-1 flex items-center gap-2">
-										<Badge variant="outline" className="h-5 px-1.5 text-[10px]">
-											{getTasksSummary(note)}
-										</Badge>
-										<p className="truncate text-[11px] text-muted-foreground">
-											{DATE_FORMATTER.format(new Date(note.createdAt))}
-										</p>
-									</div>
-								</div>
-
-								<div className="flex shrink-0 items-center">
-									<Button
-										variant="ghost"
-										size="icon-sm"
-										className="text-muted-foreground hover:text-foreground"
-										onClick={() => handleOpenEdit(note)}
-										aria-label={`Editar anotação ${buildDisplayTitle(note.title)}`}
-									>
-										<RiPencilLine className="size-4" />
-									</Button>
-									<Button
-										variant="ghost"
-										size="icon-sm"
-										className="text-muted-foreground hover:text-foreground"
-										onClick={() => handleOpenDetails(note)}
-										aria-label={`Ver detalhes da anotação ${buildDisplayTitle(
-											note.title,
-										)}`}
-									>
-										<RiFileList2Line className="size-4" />
-									</Button>
-								</div>
-							</li>
-						))}
-					</ul>
-				)}
-			</CardContent>
-
-			<NoteDialog
-				mode="update"
-				note={noteToEdit ?? undefined}
-				open={isEditOpen}
-				onOpenChange={handleEditOpenChange}
-			/>
-
-			<NoteDetailsDialog
-				note={noteDetails}
-				open={isDetailsOpen}
-				onOpenChange={handleDetailsOpenChange}
-			/>
-		</>
-	);
-}

components/dashboard/pagadores-widget.tsx

@@ -1,129 +0,0 @@
-"use client";
-
-import {
-	RiArrowDownSFill,
-	RiArrowUpSFill,
-	RiExternalLinkLine,
-	RiGroupLine,
-	RiVerifiedBadgeFill,
-} from "@remixicon/react";
-import Link from "next/link";
-import MoneyValues from "@/components/money-values";
-import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
-import { CardContent } from "@/components/ui/card";
-import type { DashboardPagador } from "@/lib/dashboard/pagadores";
-import { getAvatarSrc } from "@/lib/pagadores/utils";
-import { WidgetEmptyState } from "../widget-empty-state";
-
-type PagadoresWidgetProps = {
-	pagadores: DashboardPagador[];
-};
-
-const formatPercentage = (value: number) => {
-	return `${Math.abs(value).toFixed(0)}%`;
-};
-
-const buildInitials = (value: string) => {
-	const parts = value.trim().split(/\s+/).filter(Boolean);
-	if (parts.length === 0) {
-		return "??";
-	}
-	if (parts.length === 1) {
-		const firstPart = parts[0];
-		return firstPart ? firstPart.slice(0, 2).toUpperCase() : "??";
-	}
-	const firstChar = parts[0]?.[0] ?? "";
-	const secondChar = parts[1]?.[0] ?? "";
-	return `${firstChar}${secondChar}`.toUpperCase() || "??";
-};
-
-export function PagadoresWidget({ pagadores }: PagadoresWidgetProps) {
-	return (
-		<CardContent className="flex flex-col gap-4 px-0">
-			{pagadores.length === 0 ? (
-				<WidgetEmptyState
-					icon={<RiGroupLine className="size-6 text-muted-foreground" />}
-					title="Nenhum pagador para o período"
-					description="Quando houver despesas associadas a pagadores, eles aparecerão aqui."
-				/>
-			) : (
-				<ul className="flex flex-col">
-					{pagadores.map((pagador) => {
-						const initials = buildInitials(pagador.name);
-						const hasValidPercentageChange =
-							typeof pagador.percentageChange === "number" &&
-							Number.isFinite(pagador.percentageChange);
-						const percentageChange = hasValidPercentageChange
-							? pagador.percentageChange
-							: null;
-
-						return (
-							<li
-								key={pagador.id}
-								className="flex items-center justify-between border-b border-dashed last:border-b-0 last:pb-0"
-							>
-								<div className="flex min-w-0 flex-1 items-center gap-2 py-2">
-									<Avatar className="size-10 shrink-0">
-										<AvatarImage
-											src={getAvatarSrc(pagador.avatarUrl)}
-											alt={`Avatar de ${pagador.name}`}
-										/>
-										<AvatarFallback>{initials}</AvatarFallback>
-									</Avatar>
-
-									<div className="min-w-0">
-										<Link
-											prefetch
-											href={`/pagadores/${pagador.id}`}
-											className="inline-flex max-w-full items-center gap-1 text-sm text-foreground underline-offset-2 hover:text-primary hover:underline"
-										>
-											<span className="truncate font-medium">
-												{pagador.name}
-											</span>
-											{pagador.isAdmin && (
-												<RiVerifiedBadgeFill
-													className="size-4 shrink-0 text-blue-500"
-													aria-hidden
-												/>
-											)}
-											<RiExternalLinkLine
-												className="size-3 shrink-0 text-muted-foreground"
-												aria-hidden
-											/>
-										</Link>
-										<p className="truncate text-xs text-muted-foreground">
-											{pagador.email ?? "Sem email cadastrado"}
-										</p>
-									</div>
-								</div>
-
-								<div className="flex shrink-0 flex-col items-end">
-									<MoneyValues amount={pagador.totalExpenses} />
-									{percentageChange !== null && (
-										<span
-											className={`flex items-center gap-0.5 text-xs ${
-												percentageChange > 0
-													? "text-destructive"
-													: percentageChange < 0
-														? "text-success"
-														: "text-muted-foreground"
-											}`}
-										>
-											{percentageChange > 0 && (
-												<RiArrowUpSFill className="size-3" />
-											)}
-											{percentageChange < 0 && (
-												<RiArrowDownSFill className="size-3" />
-											)}
-											{formatPercentage(percentageChange)}
-										</span>
-									)}
-								</div>
-							</li>
-						);
-					})}
-				</ul>
-			)}
-		</CardContent>
-	);
-}

components/dashboard/payment-conditions-widget.tsx

@@ -1,88 +0,0 @@
-import {
-	RiCheckLine,
-	RiLoader2Fill,
-	RiRefreshLine,
-	RiSlideshowLine,
-} from "@remixicon/react";
-import type { ReactNode } from "react";
-import MoneyValues from "@/components/money-values";
-import type { PaymentConditionsData } from "@/lib/dashboard/payments/payment-conditions";
-import { Progress } from "../ui/progress";
-import { WidgetEmptyState } from "../widget-empty-state";
-
-type PaymentConditionsWidgetProps = {
-	data: PaymentConditionsData;
-};
-
-const CONDITION_ICON_CLASSES =
-	"flex size-9.5 shrink-0 items-center justify-center rounded-full bg-muted text-foreground";
-
-const CONDITION_ICONS: Record<string, ReactNode> = {
-	"À vista": <RiCheckLine className="size-5" aria-hidden />,
-	Parcelado: <RiLoader2Fill className="size-5" aria-hidden />,
-	Recorrente: <RiRefreshLine className="size-5" aria-hidden />,
-};
-
-const formatPercentage = (value: number) =>
-	new Intl.NumberFormat("pt-BR", {
-		minimumFractionDigits: 0,
-		maximumFractionDigits: 1,
-	}).format(value);
-
-export function PaymentConditionsWidget({
-	data,
-}: PaymentConditionsWidgetProps) {
-	if (data.conditions.length === 0) {
-		return (
-			<WidgetEmptyState
-				icon={<RiSlideshowLine className="size-6 text-muted-foreground" />}
-				title="Nenhuma despesa encontrada"
-				description="As distribuições por condição aparecerão conforme novos lançamentos."
-			/>
-		);
-	}
-
-	return (
-		<div className="flex flex-col gap-4 px-0">
-			<ul className="flex flex-col gap-2">
-				{data.conditions.map((condition) => {
-					const Icon =
-						CONDITION_ICONS[condition.condition] ?? CONDITION_ICONS["À vista"];
-					const percentageLabel = formatPercentage(condition.percentage);
-
-					return (
-						<li
-							key={condition.condition}
-							className="flex items-center gap-3 border-b border-dashed pb-3 last:border-b-0 last:pb-0"
-						>
-							<div className={CONDITION_ICON_CLASSES}>{Icon}</div>
-
-							<div className="min-w-0 flex-1">
-								<div className="flex items-center justify-between">
-									<p className="font-medium text-foreground text-sm">
-										{condition.condition}
-									</p>
-									<MoneyValues amount={condition.amount} />
-								</div>
-
-								<div className="flex items-center justify-between text-xs text-muted-foreground">
-									<span>
-										{condition.transactions}{" "}
-										{condition.transactions === 1
-											? "lançamento"
-											: "lançamentos"}
-									</span>
-									<span>{percentageLabel}%</span>
-								</div>
-
-								<div className="mt-1">
-									<Progress value={condition.percentage} />
-								</div>
-							</div>
-						</li>
-					);
-				})}
-			</ul>
-		</div>
-	);
-}