Visão geral do dashboard
Encontre seus projetos, entenda o que está no ar, visualize seu trabalho e acesse os lugares que você mais usa.
O dashboard é sua base principal no Atoms. É nele que você começa algo novo, reabre um projeto, alterna espaços de trabalho, explora ideias, conecta ferramentas e verifica os Créditos disponíveis para o seu Espaço de Trabalho.

O dashboard inicial do Atoms. Seu Espaço de Trabalho e seus projetos ficam à esquerda; um novo trabalho começa a partir do prompt no centro.
Comece pela Home
A grande caixa de prompt no meio da Home é a forma mais rápida de iniciar um novo projeto. Descreva o que você quer criar, adicione arquivos ou referências úteis e, em seguida, envie a solicitação para o Atoms.
- Use o botão + quando quiser anexar arquivos, pastas, imagens ou outro contexto.
- Use o controle Web / App mostrado na área do prompt quando ele for relevante para o projeto que você está iniciando.
- Use Conecte suas ferramentas ao Atoms quando o projeto precisar de um serviço externo ou conector.
Encontre seus projetos
Você tem dois caminhos fáceis para voltar ao trabalho que já começou: My Projects na barra lateral esquerda e a aba My Projects na seção inferior da Home.
Na captura de tela acima, este Espaço de Trabalho ainda está vazio, então a barra lateral mostra “No projects yet.” Depois que você criar um projeto, use My Projects para reabri-lo e continuar no mesmo espaço de trabalho do projeto.
O Espaço de Trabalho importa: Os projetos pertencem ao Espaço de Trabalho que você está usando no momento. Se um projeto parecer estar faltando, primeiro verifique o nome do Espaço de Trabalho no canto superior esquerdo e alterne de Espaço de Trabalho, se necessário.
Pontos de entrada comuns do dashboard
As posições abaixo descrevem o dashboard Home no desktop. Em telas menores, os mesmos destinos podem aparecer em um layout diferente. Você não precisa memorizar toda a interface; estes são os lugares aos quais você voltará com mais frequência.
| Seletor de Espaço de Trabalho | Canto superior esquerdo. Alterne entre Espaços de Trabalho. Cada Espaço de Trabalho tem seus próprios projetos e recursos compartilhados do espaço de trabalho. |
|---|---|
| Home | Volte ao dashboard principal e inicie uma nova solicitação a partir do prompt central. |
| Recursos | Abra a área de Recursos pela barra lateral esquerda. |
| My Projects | Veja e reabra os projetos no Espaço de Trabalho atual. |
| Discover | Navegue por ideias e projetos públicos quando quiser inspiração ou algo para explorar. |
| Templates | Navegue por pontos de partida quando preferir começar a partir de uma estrutura existente em vez de um prompt em branco. |
| Connect tools | Conecte serviços externos compatíveis quando seu projeto precisar deles. |
| Créditos | Verifique o saldo de créditos do Espaço de Trabalho atual no canto superior direito do dashboard. |
| Barra lateral inferior | Use os cartões da comunidade e de créditos gratuitos acima dos controles do rodapé; use os controles do rodapé para acessar conta/configurações e notificações. |
Trabalhe dentro de um projeto
As orientações abaixo descrevem o espaço de trabalho do projeto no desktop. Os controles podem variar de acordo com seu nível de acesso, tipo de projeto, status da build e se você está visualizando ou editando o projeto.
O menu Project oferece caminhos rápidos como Ir para o Dashboard, Créditos, Configurações, Conectores, Renomear Projeto e Detalhes.
Um hábito útil: Use o dashboard para escolher em que trabalhar. Depois de entrar em um projeto, permaneça nele para criar, conversar, visualizar, editar e publicar até estar pronto para trocar de projeto.
Publicar e atualizar um projeto
A forma mais fácil de pensar sobre o status do projeto é separar a Versão em que você está trabalhando dentro do Atoms da Versão que as pessoas podem abrir na web pública.
| Antes de publicar | Você pode criar, editar e visualizar o projeto dentro do Atoms. Ele ainda não está disponível por meio de um link público estável do app. |
|---|---|
| Publicado | Publicar cria um link público estável. Essa é a Versão que outras pessoas podem abrir e usar. |
| Depois de mais alterações | Quando um projeto está no ar, Publicar se torna Atualizar. Use Atualizar quando quiser que a Versão pública receba suas alterações mais recentes. |
A publicação exige permissão para gerenciar o projeto público. Para um projeto web qualificado, Publicar coloca a build mais recente no ar na URL pública. Depois que uma build mais nova estiver pronta, use Atualizar, depois abra a URL pública e confirme que a Versão pretendida está no ar. As opções de publicação podem ser diferentes para Atoms Cloud e projetos mobile, então siga os controles exibidos para o seu projeto.
Visualização não é o mesmo que estar no ar: Ver o resultado mais recente no Visualizador de App não significa necessariamente que o link público mudou. Depois de editar um projeto publicado, verifique se você precisa clicar em Atualizar e depois confirme o link público.
Visualizar um projeto
Abra um projeto e deixe o Agente concluir a build atual. O Visualizador de App então oferece uma visualização funcional do app sem sair do Atoms.
- Use o alternador de visualização para desktop e mobile para verificar como o layout se adapta. Para testar um layout de tamanho tablet, abra a visualização em uma aba do navegador e redimensione a janela do navegador.
- Use Recarregar Visualizador de App se a visualização precisar ser recarregada.
- Abra a visualização em uma nova aba do navegador quando quiser mais espaço ou quando a visualização incorporada não estiver respondendo.
- Se Design estiver disponível, selecione-o primeiro e depois escolha o elemento visual que você quer alterar. Design exige acesso de proprietário ou editor e pode ficar indisponível até a build terminar ou em alguns tipos ou estados de projeto.
- Se a visualização estiver com problema, verifique as informações do Console / Terminal em busca de erros e use o fluxo Resolve disponível quando um problema for detectado.
Verificação rápida: Antes de publicar, clique nos botões, links, menus, formulários e outras interações importantes na visualização. Uma página que parece correta ainda pode ter uma interação com problema.