# O Canvas

O canvas é o coração do Maestri — um espaço 2D infinito onde você organiza seus terminais, notas, árvores de arquivos e outros nós da forma que parecer mais natural. Não existe layout certo ou errado; o canvas se adapta ao seu raciocínio, não o contrário.

## Inserindo nós

Selecione uma ferramenta na barra de ferramentas superior, depois **clique e arraste** no canvas para desenhar um retângulo. O nó aparece no tamanho e posição que você desenhou.

Tipos de nós disponíveis: **Terminal**, **Nota**, **Texto**, **Desenho** e **Árvore de Arquivos**.

## Mover e redimensionar

- **Mover** — Clique e arraste em uma área vazia dentro do nó (geralmente o cabeçalho no topo).
- **Redimensionar** — Posicione o cursor em um canto ou borda e arraste até o tamanho desejado.

## Ações com nós

- **Duplicar** — Segure `` enquanto arrasta, ou clique com o botão direito → Duplicar
- **Excluir** — `` `W`, ou clique com o botão direito → Excluir
- **Focar no viewport** — ```\` com o nó selecionado

## Navegação no canvas

A navegação do canvas do Maestri segue as convenções de ferramentas de design como o Figma, então deve parecer familiar imediatamente.

### Trackpad

- **Mover** — Deslize com dois dedos em qualquer direção
- **Zoom** — Gesto de pinça para dentro ou para fora

### Mouse

- **Mover** — Clique e segure a roda de rolagem, depois arraste
- **Mover + zoom simultaneamente** — Segure a roda e role
- **Zoom** — Segure `` e role
- **Mover (alternativo)** — Segure `Space` e clique e arraste

### Teclado

- **Zoom in / out** — `` `+` / ```-`

## Controles de zoom e minimapa

Os controles de zoom ficam no **canto inferior direito** do app. Ao lado deles há um **minimapa** que mostra sua posição atual no canvas — útil quando o espaço de trabalho cresceu e você perdeu o fio da meada.

## Encaixe magnético de tiles

Segure `` enquanto arrasta um nó e ele se encaixa em layouts estilo mosaico, alinhando paredes automaticamente e preenchendo espaços para um workspace organizado.

- **Alinhamento de paredes** — Os nós se alinham à borda mais próxima dos nós adjacentes.
- **Preenchimento de espaços** — Arraste um nó para um espaço vazio entre outros e ele se posiciona para preencher o espaço de forma organizada.
- **Sem grade fixa** — O encaixe se adapta ao layout real dos seus nós em vez de prendê-lo a tamanhos fixos.

Solte `` a qualquer momento para voltar ao arraste livre.

Dica

Quando um nó está selecionado, uma borda tracejada aparece ao redor dele indicando a seleção ativa. Clique em uma área vazia do canvas para desselecionar.