Pedalboard Planner

RELATÓRIO DE ATUALIZAÇÕES

Todas as novas funcionalidades, melhorias visuais e otimizações de performance implementadas na plataforma.

ABRIL 2026 · VERSÃO 2.0

01

VISÃO GERAL

Resumo das atualizações implementadas em Abril de 2026.

16
Novas Funções
9
Melhorias
5
Performance
10
Correções

O QUE MUDOU?

Esta atualização foca em três pilares: integração com a loja Nuvemshop para compra direta de cabos, navegação completa por teclado com atalhos em todos os menus, e otimizações visuais e de velocidade para uma experiência mais fluida.

IDIOMAS

Todas as novas funcionalidades foram traduzidas para os 3 idiomas suportados pela plataforma:

  • Português (Brasil)
  • English
  • Español
02

COMPRA INTEGRADA COM A LOJA

O cliente agora compra os cabos sem sair do planejador.

Novo

BOTÃO COMPRAR NA BARRA LATERAL

Após conectar os cabos entre os pedais no board, o usuário verá um resumo na barra lateral com a contagem de cabos conectados e um botão "COMPRAR". Ao clicar, o carrinho é montado automaticamente com todos os cabos do projeto e o usuário é redirecionado diretamente para o checkout da loja cabosrivus.com.br.

  • Cabos agrupados por tipo e comprimento automaticamente
  • Carrinho criado instantaneamente no servidor
  • Redirecionamento direto para o checkout da Nuvemshop
  • Compatível com todos os navegadores e dispositivos
Novo

RODAPÉ SEMPRE VISÍVEL

O rodapé com a contagem de cabos e o botão de compra agora aparece sempre, mesmo quando não há cabos conectados. Quando desabilitado, um aviso guia o usuário a conectar cabos primeiro.

Novo

TELA DE CARREGAMENTO

Ao clicar em "COMPRAR", uma tela com a logo Rivus e uma animação de sinal percorrendo um cabo é exibida enquanto o carrinho é preparado. Após concluído, redireciona automaticamente.

Melhoria

AVISO INTERATIVO NO BOTÃO

Quando o botão "COMPRAR" está desabilitado (sem cabos conectados), ao passar o mouse aparece um aviso vermelho explicando: "Conecte cabos entre os pedais para iniciar sua compra". O aviso é responsivo e se adapta a qualquer tamanho de tela.

03

NAVEGAÇÃO POR TECLADO

Controle total dos pedais sem precisar do mouse.

Novo

MOVER PEDAIS COM AS SETAS

Agora é possível selecionar um pedal e movê-lo com precisão usando apenas o teclado. Ideal para posicionamento fino sem depender do arraste com mouse.

  • ← ↑ → ↓ — Move o pedal selecionado 1 cm por vez
  • Shift + setas — Move 5 cm de uma vez (rápido)
  • Ctrl + setas — Move 0,5 cm (precisão fina)
Novo

TROCAR SELEÇÃO DE PEDAL POR DIREÇÃO

Segurando a Barra de Espaço e pressionando uma seta direcional, a seleção muda automaticamente para o pedal mais próximo naquela direção. Isso permite navegar entre os pedais do board inteiramente pelo teclado, sem clicar.

  • Espaço + — Seleciona o pedal à direita
  • Espaço + — Seleciona o pedal à esquerda
  • Espaço + / — Seleciona acima ou abaixo
Melhoria

PAINEL DE ATALHOS

Foi adicionado um novo card "Atalhos de Teclado" na tela "Sobre" do aplicativo, listando todos os atalhos disponíveis de forma clara e organizada com formatação bold, separadores visuais e alinhamento preciso. Traduzido nos 3 idiomas.

Novo

ATALHOS DE AÇÃO RÁPIDA

Novas teclas de atalho para controle direto sem precisar usar o menu:

  • G — Gira o pedal selecionado em 180°
  • R — Abre / fecha o riser do board
  • P — Abre o catálogo de pedais
  • C — Alterna entre modo posicionamento e cabos
  • Delete — Remove o pedal, conector ou riser selecionado
Novo

MOVIMENTO COM RISER INTELIGENTE

Ao mover pedais pelo teclado, o sistema agora detecta automaticamente se o pedal está sobre o riser e ajusta o nível:

  • Pedal movido para cima do riser → vai para o nível correto
  • Pedal movido para fora do riser → volta para a base
  • Seleção por Espaço + setas filtra pedais ocultos pelo riser
Novo

ATALHOS VISÍVEIS NO MENU DE AÇÕES

No desktop, o menu de ações (dropdown) agora exibe a tecla de atalho correspondente a cada item, alinhada à direita em cinza discreto. Inclui atalhos para R (riser), G (girar), Del (excluir), ⌘Z (desfazer) e ⌘⇧Z (refazer). No mobile, os atalhos ficam ocultos para economizar espaço.

04

INTERFACE E VISUAL

Ajustes de design, cores e layout para maior consistência.

Visual

EXPORTAÇÃO EM VERMELHO

A seção de Exportação PDF na tela "Sobre" agora utiliza a cor vermelha (#E1251B) em vez de verde, alinhada com o ícone do botão PDF da toolbar. O card de exportação agora exibe o mesmo ícone PDF usado na barra de ferramentas.

Visual

BOTÃO ADD PEDALBOARD VERDE

O botão "ADD PEDALBOARD" no modal de criação de board foi alterado de âmbar para verde, criando melhor hierarquia visual e contraste com as cores do painel.

Correção

LAYOUT CABOS CONECTADOS

A barra lateral com a contagem de "CABOS CONECTADOS" e o botão "COMPRAR" tinha um problema em que os elementos quebravam de linha em telas estreitas. O layout foi corrigido removendo o flexWrap e largura fixa, mantendo tudo sempre alinhado em uma única linha.

Melhoria

ABOUT MODAL REORGANIZADO

A lista de atalhos de teclado na tela "Sobre" foi reorganizada visualmente: ordem lógica (navegação → ações → modos), atalhos em bold branco para melhor legibilidade, e separadores visuais entre os itens.

05

BUSCA DE PEDAIS APRIMORADA

Resultados mais precisos ao buscar pedais no catálogo.

Melhoria

BUSCA MAIS PRECISA

A busca no catálogo de pedais foi refinada para mostrar apenas resultados relevantes. Antes, buscar por "Timeline" poderia retornar pedais sem relação. Agora o sistema:

  • Primeiro tenta encontrar o nome exato dentro dos resultados
  • Só usa busca aproximada como último recurso
  • Exige correspondência mínima de 3 caracteres
  • Resultados muito distantes do texto buscado são filtrados
06

VELOCIDADE E PERFORMANCE

Imagens carregam mais rápido. A experiência ficou mais fluida.

Performance

CARREGAMENTO INTELIGENTE

As imagens dos pedais no catálogo agora carregam de forma priorizada: os primeiros 12 pedais visíveis carregam imediatamente, enquanto os demais são carregados sob demanda conforme o usuário navega.

Performance

PRÉ-CARREGAMENTO

Ao trocar de página ou buscar no catálogo, as imagens da próxima visualização já começam a ser pré-carregadas em segundo plano, eliminando o tempo de espera ao rolar.

Performance

CACHE DE 30 DIAS

As imagens de pedais ficam armazenadas no navegador do usuário por até 30 dias. Visitas subsequentes ao planejador usam as imagens em cache, carregando quase instantaneamente.

Performance

CONEXÃO ANTECIPADA

O navegador agora se prepara antecipadamente para buscar imagens, estabelecendo a conexão com o servidor antes mesmo de precisar das imagens, reduzindo o tempo de exibição.

07

CORREÇÕES E ESTABILIDADE

Bugs encontrados por testes automatizados e corrigidos.

Correção

TESTES COM INTELIGÊNCIA ARTIFICIAL

O aplicativo foi testado por 6 agentes de IA simulando diferentes perfis de usuários — guitarristas iniciantes, profissionais, produtores musicais, entre outros. Cada agente explorou o app de forma independente e identificou problemas reais.

  • Botão "COMPRAR" não mais ativo sem cabos conectados
  • Cabos agora são clicáveis para serem removidos
  • Corrigido comportamento ao arrastar pedais sem soltar
  • Ícones da barra de ferramentas não se sobrepõem mais em telas menores
  • Estado do board preservado corretamente após operações
  • Modal de Riser agora preserva os valores do último riser adicionado, em vez de sempre resetar para o padrão
  • Tecla R para riser agora usa o estado correto (isOpen) e funciona mesmo com cabo selecionado
  • Seleção por Espaço + setas agora filtra pedais ocultos pelo riser (nível -1 ou 1)
  • Seleção por Espaço + setas funciona corretamente com apenas 1 pedal no board
  • Erros de build no Vercel corrigidos (referência Buffer em img-proxy e import @vercel/node)
08

LINHA DO TEMPO

Ordem cronológica das entregas.

ABRIL 2026

INTEGRAÇÃO NUVEMSHOP

Sistema de carrinho de compras conectado à loja virtual, com redirecionamento automático para checkout.

ABRIL 2026

TELA DE LOADING + PLUGS P10

Página de carregamento animada com a identidade visual Rivus. Redesign completo dos plugs para formato P10 realista.

ABRIL 2026

TESTES E CORREÇÕES

6 agentes de IA testaram a aplicação. 5 bugs identificados e corrigidos em duas rodadas.

ABRIL 2026

RODAPÉ + TOOLTIP + TOOLBAR

Footer sempre visível, tooltip de orientação no botão comprar, e correção de sobreposição de ícones na toolbar.

ABRIL 2026

NAVEGAÇÃO POR TECLADO

Mover pedais com setas, 3 velocidades (normal, rápido, preciso). Painel de atalhos no "Sobre".

ABRIL 2026

BUSCA APRIMORADA + PERFORMANCE

Resultados de busca mais precisos. Imagens carregam 3–5× mais rápido com preload inteligente e cache de 30 dias.

ABRIL 2026

SELEÇÃO DIRECIONAL DE PEDAIS

Espaço + setas para trocar entre pedais pelo teclado, navegando na direção mais próxima.

ABRIL 2026

RISER — VALORES PRESERVADOS

Ao adicionar um novo riser, o modal agora lembra os valores do último riser criado, facilitando a criação de risers com medidas semelhantes.

ABRIL 2026

ATALHOS DE AÇÃO RÁPIDA

Teclas G (girar), R (riser), P (catálogo), C (modo cabos), Delete (excluir). Atalhos visíveis no menu de ações do desktop.

ABRIL 2026

RISER INTELIGENTE POR TECLADO

Pedais movidos pelo teclado detectam automaticamente o riser e ajustam o nível. Seleção direcional filtra pedais ocultos.

ABRIL 2026

AJUSTES VISUAIS E LAYOUT

Exportação PDF em vermelho, botão ADD verde, layout Sidebar corrigido, About modal reorganizado com bold e separadores.

ABRIL 2026

CORREÇÕES DE BUILD E DEPLOY

Erros de TypeScript no Vercel corrigidos: Buffer em img-proxy, import @vercel/node removido. Tecla R e seleção com 1 pedal corrigidos.

🚀

PRÓXIMAS FEATURES

O que está planejado para as próximas atualizações.

Em planejamento

API PRÓPRIA DE PEDAIS

Vamos importar todo o catálogo de pedais da API do Pedal Playground e criar uma API interna exclusiva para o Rivus Board Planner. Isso significa que as imagens dos pedais — tanto no catálogo quanto no pedalboard — serão servidas diretamente dos nossos servidores, eliminando a dependência externa e garantindo um carregamento muito mais rápido.

Imagens servidas pelo nosso CDN
🗄️ Catálogo completo armazenado internamente
🔒 Sem dependência de APIs externas
🚀 Carregamento até 10× mais rápido
💳
Investimento

VALOR PARA DEPLOY DAS ATUALIZAÇÕES
PARA O AMBIENTE DE PRODUÇÃO

R$:
?

VALOR A COMBINAR

16 Novas Funções Loja, teclado, atalhos, visual e mais
10 Correções Bugs identificados e corrigidos
5 Otimizações Performance e velocidade
Deploy em Produção Publicação no ambiente ao vivo