Editor de blocos — como funciona
O editor de propostas funciona como uma página construída por blocos. Você arrasta, organiza e edita cada bloco até a proposta ficar do jeito.
Layout em 3 colunas
| Coluna | Conteúdo |
|---|---|
| Esquerda | Biblioteca de blocos (arrasta para o canvas) |
| Centro | Canvas com a proposta empilhada |
| Direita | Propriedades do bloco selecionado |
No mobile, as laterais viram drawers (botão hamburguer).
Tipos de bloco
| Bloco | Uso |
|---|---|
| Capa | Primeira página: título, subtítulo, logos cliente/empresa |
| Texto | Parágrafo livre com formatação (negrito, itálico, links) |
| Escopo | Lista de itens / entregas / responsabilidades |
| Tabela de preços | Itens com qtd, valor, recorrência. Total automático. |
| Termos | Cláusulas, condições comerciais (HTML) |
| Assinatura | Quem precisa assinar (cliente, vendedor, ambos) |
| Imagem | Imagens com legenda |
| Separador | Quebra visual entre seções |
Drag & drop
- Da biblioteca para o canvas: arraste o card do bloco. Solte onde quiser inserir.
- Reordenar no canvas: arraste pelo grip à esquerda do bloco.
- Duplicar: ícone de cópia no hover do bloco (ou
Ctrl+Dcom bloco selecionado). - Remover: ícone de lixeira ou
Del.
Atalhos de teclado
| Atalho | Ação |
|---|---|
Ctrl+S |
Salvar (sempre auto-salva, isso força um sync) |
Ctrl+P |
Visualizar PDF |
Ctrl+D |
Duplicar bloco selecionado |
Del |
Remover bloco selecionado |
Esc |
Fechar modais / desfocar |
Auto-save
Você não precisa apertar salvar — toda mudança é salva automaticamente em ~1 segundo. O indicador "Salvo há 2 min" no topo confirma.
Se a internet cair, o salvamento entra em retry. Mensagem "Salvando…" continua até voltar.
Pesquisa na biblioteca
Use o campo "Buscar bloco…" no topo da biblioteca. Funciona por nome ou categoria.
Estado do bloco
Bloco selecionado fica com borda destacada (cor primária da marca). Clicar fora desfoca.
Quando não dá pra editar
Após enviar a proposta, ela vira read-only. Para editar, use o botão "Duplicar e editar" que aparece — cria uma nova proposta como rascunho mantendo o original intacto. Isso preserva o histórico e a auditoria.