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

# Prévias do Devin Desktop

> Veja seu app web localmente no IDE do Devin Desktop ou no navegador, com seleção de elementos, captura de erros e integração direta com o Cascade para iterar rapidamente.

As prévias do Devin Desktop permitem visualizar a implantação local do seu app no IDE ou no navegador (otimizado para Google Chrome, Arc e navegadores baseados em Chromium), com listeners que facilitam a iteração rápida ao enviar elementos e erros de volta ao Cascade como contexto.

<video autoPlay muted loop playsInline className="w-full aspect-video" src="https://mintcdn.com/cognitionai/WE51TvKjsiyk1ZHl/desktop/assets/windsurf/previews/browser-preview-demo.mp4?fit=max&auto=format&n=WE51TvKjsiyk1ZHl&q=85&s=8d897d836dd00fde868330509dcc1260" data-path="desktop/assets/windsurf/previews/browser-preview-demo.mp4" />

As prévias do Devin Desktop são abertas por meio de uma chamada de ferramenta, então basta pedir ao Cascade para ver uma prévia do seu site e começar. Como alternativa, você também pode clicar no ícone Web na barra de ferramentas do Cascade para propagar automaticamente o prompt em linguagem natural e acessar o proxy.

<Frame style={{ border: 'none', background: 'none' }}>
  <img src="https://mintcdn.com/cognitionai/WE51TvKjsiyk1ZHl/desktop/assets/windsurf/previews/website-tools-icon.png?fit=max&auto=format&n=WE51TvKjsiyk1ZHl&q=85&s=19ad5badf781a838024d1e5813dc4cf1" width="392" height="216" data-path="desktop/assets/windsurf/previews/website-tools-icon.png" />
</Frame>

<div id="send-elements-to-cascade">
  # Enviar elementos para o Cascade
</div>

Na prévia, você pode selecionar e enviar elementos/componentes e erros diretamente para o Cascade. Basta clicar no botão "Enviar elemento", no canto inferior direito, e selecionar o elemento que deseja enviar.

O elemento selecionado será inserido no seu prompt atual no Cascade como uma menção `@`. Você pode adicionar quantos elementos quiser ao prompt.

<div id="in-ide-preview">
  # Prévia na IDE
</div>

O Devin Desktop pode abrir uma prévia como uma nova aba no seu editor. Esta é uma visualização web simples que permite visualizar o app web ao lado do painel Cascade.

Como essas prévias são hospedadas localmente, você também pode abri-las no navegador do sistema, com todos os listeners e com a capacidade de selecionar e enviar elementos e erros do console para o Cascade.

<Warning>Os listeners e a capacidade de enviar elementos e erros são otimizados para Google Chrome, Arc e navegadores baseados em Chromium.</Warning>

<div id="how-to-disable">
  # Como desativar
</div>

Você pode desativar o recurso Pré-visualização do Devin Desktop em Devin - Configurações. Isso impedirá que o Cascade faça essa chamada da ferramenta.