Manual / O painel do app e as versões

O painel do app e as versões

Ao abrir um app, o painel da direita reúne tudo: ver o app rodando, ler o código, publicar e conferir problemas.

Os separadores do painel

Com um app aberto, o painel da direita tem sete separadores: Pré-visualização, Código, Publicar, Configurar, Problemas, Segurança e Testes. O chat fica à esquerda; o botão do canto superior do painel o expande ou recolhe.

A pré-visualização

Chat à esquerda e, à direita, o separador Pré-visualização mostrando o app em branco que acabou de ser criado — O separador **Pré-visualização** mostra o app rodando de verdade, no seu computador.

A barra acima da pré-visualização tem voltar, avançar, tamanho de ecrã, o endereço (só o caminho, por exemplo /contacto), recarregar, Abrir no navegador e o botão de ligar/desligar para reiniciar o app. O menu ⋮ traz também Reconstruir, que reinstala as dependências.
O primeiro botão da barra seleciona um elemento da página para pedir uma mudança nele.
Em Mensagens do Sistema, no rodapé, aparecem os registos do app rodando.
Cada app usa um endereço próprio (app-N.localhost) e os cookies de início de sessão de um app não vazam para outro. Se quiser ajustar, vá em Definições > Experimentos > Isolar cookies de início de sessão da pré-visualização e reinicie o Monad.

Código e commits

Separador Código com a lista de ficheiros do app, a pesquisa por conteúdo e o botão Fazer commit — O separador **Código**: a árvore de ficheiros do app, a pesquisa por conteúdo e o botão **Fazer commit**.

Você pode ler qualquer ficheiro e pesquisar por conteúdo. Cada app é uma pasta com Git: toda alteração da IA vira uma versão, e o botão Versão acima do chat mostra o histórico, de onde você pode desfazer alterações.

Verificar antes de publicar

Peça à IA: "execute o build de produção". O build executa numa cópia isolada do projeto, então você pode seguir conversando e editando enquanto ele trabalha. O resultado vale para a cópia tirada no início.

Segurança e testes

Separador Segurança com o botão Executar revisão e a mensagem de que nenhuma revisão foi encontrada — O separador **Segurança**: **Executar revisão** procura vulnerabilidades no código do app.

A revisão de segurança lista os achados por gravidade e permite pedir a correção. Trate o resultado como apoio, não como auditoria completa.

Separador Testes marcada como experimental, com o botão Ativar testes neste app — O separador **Testes** (experimental): o Monad escreve e executa testes de ponta a ponta que usam o app como um utilizador de verdade.

Cuidado com dados reais. Os testes podem criar, alterar ou apagar dados reais. Ative os backups de dados antes de executar testes num app com banco de dados.

Proteja o seu trabalho

O Monad guarda cópias de segurança do banco de dados local. Se ele for danificado, é recuperado da cópia mais recente ao abrir.
Feche o Monad pelo botão normal antes de desligar o computador. Encerrar à força pode danificar o banco.
Faça também a sua própria cópia da pasta de apps de tempos em tempos (por padrão, a pasta monad-apps na sua pasta de utilizador; dá para mudar em Definições > Geral > Personalizar a pasta de apps).

Uso de CPU e memória

Em Definições > Geral, a opção Mostrar uso de recursos do sistema controla os pequenos gráficos de CPU e RAM no canto da barra de título. Clique neles para ver gráficos maiores do computador inteiro.

Seção Geral dos Definições com tema, idioma, uso de recursos do sistema, zoom e modo de execução — Em Definições, Geral: tema, idioma, uso de recursos do sistema, zoom, modo de execução e a configuração do Node.js.