> ## Documentation Index
> Fetch the complete documentation index at: https://vibewax.be/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Variantes

> Teste outra direção para um projeto sem perder a versão atual

Uma variante é outra versão do seu projeto, com seu próprio código e sua própria conversa com o agente. Use-a para testar um design mais ousado, experimentar outro layout ou preparar mudanças maiores enquanto a versão atual continua como está. Quando uma variante se mostra melhor, publique-a e ela substitui seu site atual.

## Como as variantes funcionam

Todo projeto começa com uma variante. Quando você cria outra, o Vibewax copia o código da variante em que você está e abre um chat novo para ela. A partir daí, as duas evoluem separadamente:

- **Código e conversa são separados.** Cada variante tem seus próprios arquivos, seu próprio histórico de chat e sua própria prévia. As alterações em uma nunca passam para a outra.
- **Dados e arquivos são compartilhados.** Todas as variantes usam o mesmo banco de dados e trabalham com os mesmos arquivos enviados. Uma variante é uma versão diferente do seu app, não uma cópia dos seus usuários.
- **O endereço publicado também é compartilhado.** Publicar qualquer variante a coloca no seu endereço publicado, seja o subdomínio do Vibewax ou um domínio personalizado.

<Note>
  As variantes estão disponíveis em projetos com Git. Se o seletor de variantes não aparece na barra superior do seu projeto, ele ainda não usa Git.
</Note>

## Criar uma variante

Clique no nome da variante na barra superior do chat para abrir o seletor e escolha **Criar variante**. O Vibewax copia a variante em que você está e abre a nova com um chat vazio. Escreva o que você quer mudar e o agente começa a trabalhar.

<img src="https://vibewax.be/docs/images/variants-selector.png" alt="O seletor de variantes aberto na barra superior, listando Main e Dark mode com a opção Criar variante logo abaixo" width="1500" height="1000" />

Para criar uma variante a partir de outra, abra o seletor e escolha **Criar variante a partir desta** na que você quer copiar.

As variantes se chamam **Variante 1**, **Variante 2** e assim por diante. Use **Renomear variante** para dar a elas um nome seu, como "Tema escuro" ou "Nova página de preços".

## Trabalhar com o agente

Você também pode gerenciar as variantes na conversa. Peça ao agente para testar algo como uma variante, por exemplo: "Crie uma variante com um layout de página única e coloque os preços mais acima na página." O agente descreve o que vai fazer e mostra um botão. Clique nele para criar a variante e iniciar o trabalho no chat dela.

O mesmo vale para trocar, renomear e excluir: peça, e o agente oferece a ação como um botão. Nada muda até você clicar.

## Alternar entre variantes

Abra o seletor e clique na variante que você quer abrir. O Vibewax carrega a conversa e a prévia dela, o que pode levar um instante se a variante não é aberta há algum tempo. O seletor mostra qual variante está ativa e quando foi a última publicação.

Cada aba do navegador trabalha em uma variante por vez. Se você abrir o mesmo projeto em uma segunda aba e trocar de variante lá, a primeira aba avisa que outra aba está trabalhando em uma variante diferente, e sua conversa permanece onde estava.

**Copiar link da variante** no seletor dá a você um link que abre o projeto diretamente nessa variante. Use-o, por exemplo, para enviar a colegas o link de uma versão específica.

## Publicar uma variante

Clique em **Publicar** com uma variante ativa e ela vai ao ar no seu endereço. Os visitantes veem a variante publicada, não importa em qual delas você esteja trabalhando no momento.

## Excluir uma variante

Abra o seletor e escolha **Excluir variante**. O Vibewax exclui o código e a conversa da variante e pede uma confirmação. Os dados e arquivos compartilhados do app são mantidos, já que as outras variantes ainda os usam.

A variante publicada não pode ser excluída. Publique outra variante primeiro e depois exclua a original.


This page is part of the [Vibewax documentation](https://vibewax.be/docs/pt-BR/welcome/overview).
