Um Espaço de Trabalho Privado e uma Pré-visualização em Direto para Cada Projeto

Cada projeto da Mythex tem o seu próprio espaço de trabalho privado na nuvem: ficheiros, processos em execução, uma pré-visualização e um terminal, separados dos de todos os outros. O lado direito do espaço de trabalho mostra a tua app a correr em direto enquanto conversas, para que possas navegar nela, vê-la com tamanho de telemóvel e partilhar uma ligação antes de publicar seja o que for.

O que faz

Um espaço de trabalho por projeto

Quando a Mythex constrói a tua app, não escreve código no vazio. Trabalha dentro de um espaço de trabalho privado que pertence apenas a esse projeto. É ali que são instalados os pacotes, que corre o servidor da app e que se abre o terminal quando mudas para Código.

Como cada projeto tem o seu, decorrem três coisas:

• As tuas instalações e servidores nunca entram em conflito com os de outra pessoa.
• A Mythex pode instalar pacotes e executar a tua app com segurança, para esse projeto.
• A pré-visualização e o terminal apontam sempre para o teu projeto.

Uma pré-visualização em direto ao lado do chat

O lado direito do espaço de trabalho alterna entre Pré-visualização e Código. A pré-visualização mostra a tua app a correr: não é uma captura de ecrã nem uma maquete. Podes percorrer fluxos reais, preencher formulários, seguir a navegação e detetar problemas antes de publicar.

O separador Código oferece a árvore de ficheiros, um editor e um terminal interativo no mesmo espaço de trabalho privado, para quando queres precisão ou quando um programador se junta ao projeto.

Porque é importante

Um construtor de apps que só te mostra código obriga-te a imaginar o resultado. Um que só te mostra uma imagem esconde se os botões funcionam de facto. Uma app a correr no seu próprio espaço responde à pergunta que realmente tens: isto faz o que pedi?

Manter o espaço de trabalho privado é importante pela mesma razão. Quando o agente instala algo ou reinicia um servidor, isso afeta o teu projeto e mais nada, e nada do que outra pessoa faça pode estragar o teu.

Pausar e acordar

Um espaço de trabalho que não estás a usar entra em pausa por si. Volta no momento em que precisas: abrir o projeto, conversar, editar ou carregar a pré-visualização acorda-o. Os processos em execução são restaurados com ele, por isso não há nada para reiniciar.

Acordar demora alguns segundos. Enquanto isso acontece, o painel de pré-visualização indica em que ponto está (a preparar o sandbox e depois a aguardar o servidor da app) e mostra dicas sobre o que a Mythex pode fazer enquanto esperas. Podes ver A iniciar o teu espaço de trabalho…, A iniciar a tua app… ou A preparar a tua app…. É normal.

O que sobrevive a uma pausa:

• Os ficheiros e o histórico do projeto
• As definições e os segredos do projeto
• As apps publicadas, que correm separadamente do espaço de trabalho privado

Como usar a pré-visualização

1. Abre um projeto. A pré-visualização arranca sozinha à medida que o espaço de trabalho acorda.
2. Navega nela como um visitante faria. Experimenta os formulários e a navegação.
3. Vai a uma página específica escrevendo um caminho como /sobre na barra de endereços e carregando em Enter. Anterior e Seguinte percorrem as páginas que abriste nesta sessão.
4. Verifica o tamanho de telemóvel. Clica no ícone de telemóvel (Mudar para Telemóvel) para veres a tua app numa moldura do tamanho de um telemóvel, e arrasta a margem esquerda ou direita para mudar a largura. Arrasta quase até à largura total e solta para voltar ao modo de computador.
5. Redimensiona os painéis arrastando o divisor entre o chat e a pré-visualização. O ícone do painel oculta ou repõe o chat.
6. Abre noutro separador ou Atualizar a partir da mesma barra quando precisares.

Se o teu projeto tiver mais do que um serviço, um menu pendente na barra permite mudar o serviço que estás a pré-visualizar.

No telemóvel, o construtor mostra um painel de cada vez (o chat ou a tua app), e deslizas ou tocas para passar de um para o outro. A pré-visualização já ocupa a largura total nesse modo; para ver a tua app com tamanho de telemóvel, usa um portátil e Mudar para Telemóvel.

Partilhar uma ligação de pré-visualização

Partilhar, ao lado de Publicar, cria uma ligação que abre a pré-visualização em direto do teu projeto para alguém sem conta na Mythex. Serve para mostrar trabalho em curso (a um cliente, a um colega ou a um grupo de conversa) sem publicar algo que ainda não está pronto.

• Criar nova ligação de pré-visualização pede-te um nome e depois copia a ligação para a área de transferência. O nome só é mostrado a ti, por isso uma lista de ligações lê-se como uma lista de públicos.
• Copiar copia a ligação outra vez mais tarde.
• Eliminar deixa a ligação de funcionar em poucos segundos, em todo o lado.

Quem tem a ligação vê a tua app exatamente como a Pré-visualização a mostra, e nada mais: sem chat, sem código, sem terminal, sem definições e sem forma de editar. Cria uma ligação por público, para que eliminar uma seja uma decisão sobre esse público apenas.

Limites a conhecer

• A primeira abertura de uma ligação partilhada pode demorar até um minuto, enquanto o projeto acorda e o servidor da app arranca a frio. O visitante vê uma página que se recarrega sozinha até a app responder. Se fizeres uma demonstração em direto, abre tu a ligação um minuto antes.
• Uma ligação partilhada mostra o sandbox em direto, incluindo as alterações feitas a meio de uma construção.
• Acordar um projeto consome os créditos e os limites de sandbox do teu plano, quer o abras tu quer alguém com a ligação. Elimina as ligações de que já não precisas.
• A moldura de tamanho de telemóvel serve para o layout responsivo da web. Desde 22 de outubro de 2026, o plano Pro também pode empacotar a tua app web como app para Android e iPhone (apps móveis).
• Se a pré-visualização estiver em branco ou desatualizada, verifica se a app está a correr no terminal, clica em Atualizar ou usa /fix. Se o espaço de trabalho não acordar, atualiza e tenta de novo, e contacta o suporte com o ID do projeto se o problema persistir.

Quando quiseres que um agente percorra a pré-visualização por ti, vê Testes da app. Para perceber porque compensa experimentar as alterações noutro sítio que não o teu site em produção, vê o nosso guia sobre ambientes de staging.

Os detalhes completos estão na documentação: Espaço de trabalho privado e Pré-visualização e Código.