Preciso de uma reformulação grande da interface do FinanceOS. Vou dividir em partes: estrutura geral, dashboard com cards clicáveis, aba de comandos, aba de dados brutos, e direção visual.

1. Estrutura geral (navegação)

Quero o app organizado em abas/seções, com navegação pensada PRIMEIRO PRA CELULAR (uso principal é no celular; o desktop pode reaproveitar o mesmo layout, só com mais espaço). Sugestão de navegação: barra fixa embaixo da tela (bottom nav), com ícones + texto curto, estilo app mobile nativo — não um menu no topo cheio de itens (isso funciona mal em tela pequena).

Abas:

  1. Lançar — a tela que já existe hoje (formulário de texto livre + atalhos de comando)
  2. Dashboard — nova, ver seção 2
  3. Comandos — nova, ver seção 3
  4. Dados — nova, ver seção 4

2. Dashboard (a parte mais importante dessa atualização)

Visão geral em CARDS (não texto corrido), do ciclo atual. Cada card mostra um resumo, e ao TOCAR/CLICAR nele, abre a lista detalhada dos lançamentos daquele grupo específico. Cards que preciso:

  • Card "Recebido no mês" — total de receitas recebidas no ciclo atual. Ao clicar, mostra a lista de receitas (pode agrupar por pessoa/origem se fizer sentido visualmente, tipo um mini-gráfico ou lista com nome + valor de cada uma)
  • Card "Visa Signature Elite" — total gasto nesse cartão no ciclo. Ao clicar, mostra só os lançamentos desse cartão
  • Card "Master Elite" — total gasto nesse cartão no ciclo. Ao clicar, mostra só os lançamentos desse cartão
  • Card "Pix" — total gasto em Pix no ciclo. Ao clicar, mostra só os lançamentos em Pix
  • Card "Saldo Final" — em destaque maior que os outros (é a métrica mais importante), com a cor variando conforme positivo/negativo
  • Se fizer sentido visualmente, pode incluir um gráfico de rosca (donut) mostrando a distribuição do gasto por categoria, e/ou um gráfico de linha comparando ciclo atual com o anterior — mas isso é bônus, não é obrigatório, só se ficar limpo no mobile

Esse dashboard deve fazer sentido junto com a funcionalidade de histórico de ciclos que já pedi antes (se ainda não foi implementada, pode desenvolver junto) — dá pra reaproveitar a mesma lógica de "olhar os dados de um ciclo específico" tanto pro dashboard atual quanto pro histórico.

3. Aba "Comandos"

Uma lista simples e organizada de todos os comandos disponíveis, pensada pra eu copiar e colar rapidinho quando precisar (mesmo já tendo o dashboard, é útil pra comandos mais específicos que não têm botão de atalho). Cada linha: o comando de exemplo + uma frase curta explicando o que faz. Pode agrupar por categoria (Lançamentos, Receitas, Parcelamentos, Consultas, Exclusão). Um botão de "copiar" ao lado de cada comando seria ótimo, se for simples de implementar.

4. Aba "Dados" (dados brutos)

Como não uso mais Google Sheets como fonte principal (os dados ficam no banco do Val Town), quero uma aba dentro do próprio app que mostra os dados em formato de tabela (tipo uma planilha), pra eu conseguir consultar/ conferir tudo bruto quando precisar, sem precisar sair do app.

Importante: já existe um mecanismo de exportação em CSV (/export/lancamentos.csv, /export/receitas.csv, /export/parcelamentos.csv, /export/resumo.csv, /export/metas.csv). Por favor REAPROVEITA esse mecanismo como fonte de dados da aba "Dados" (em vez de construir a leitura da tabela do zero) — a aba deve mostrar esses mesmos dados em formato de tabela visual dentro do app, com um seletor pra trocar entre Lançamentos, Receitas, Parcelamentos (e Resumo/Metas também, se fizer sentido).

5. Direção visual (redesign)

Estou anexando várias referências visuais nessa conversa — aqui vai a direção que eu quero, sintetizada a partir delas:

  • Cards brancos com cantos arredondados e sombra sutil (não cartões cheios de cor forte de fundo — a cor entra como destaque pontual, não como fundo)
  • Uma cor de destaque (accent) — pode escolher entre verde ou outra cor que combine com "finanças", usada nos números principais, ícones, e botão de ação principal
  • Números grandes e legíveis pros valores principais (saldo, total recebido), com indicador visual de variação quando fizer sentido (seta pra cima/baixo, verde/vermelho)
  • Gráfico de rosca (donut) pra mostrar distribuição por categoria ou por cartão — um elemento visual, não só texto
  • Saudação simples no topo (tipo "Olá, Guilherme") ao abrir o dashboard
  • Tipografia limpa, moderna, sem serifa
  • Espaçamento generoso, nada espremido — mas sempre priorizando a versão mobile funcionar bem primeiro
  • Navegação inferior fixa (bottom nav) com as 4 abas da seção 1

Mantém a filosofia que já gostei antes: minimalista, sem exagero de cor, mas agora com mais elementos visuais (cards, gráficos) em vez de só texto corrido como era a versão anterior.

O que testar antes de me entregar

  • Cada card do dashboard, ao clicar, mostra a lista certa de lançamentos filtrados (testar os 4 cards de cartão/pix)
  • A aba Comandos lista os comandos reais que existem no sistema hoje (não comandos antigos que não existem mais)
  • A aba Dados mostra os dados reais das tabelas, atualizados
  • Tudo funciona bem numa tela de celular (viewport estreito) antes de qualquer ajuste pra desktop