Os Previews no Windsurf 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, o que permite iterar rapidamente ao enviar elementos e erros de volta ao Cascade como contexto. Os Previews são abertos via chamada de ferramenta; basta pedir ao Cascade para fazer o preview do seu app para 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 entrar no proxy.

Enviar elementos para o Cascade

Na Pré-visualização, você pode selecionar e enviar elementos/componentes e erros diretamente para o Cascade. Basta clicar no botão “Send element” no canto inferior direito e, em seguida, selecionar o elemento que deseja enviar. O elemento selecionado será inserido no seu prompt atual do Cascade como uma @ menção. Você pode adicionar quantos elementos quiser no prompt.

Preview no IDE

O Windsurf pode abrir um Preview como uma nova aba no seu editor. É uma visualização web simples que permite ver o app web ao lado do painel do Cascade. Como esses Previews são hospedados localmente, você também pode abri-los no navegador do sistema, com todos os listeners e a capacidade de selecionar e enviar elementos e erros de console para o Cascade.
Os listeners e a capacidade de enviar elementos e erros são otimizados para o Google Chrome, o Arc e navegadores baseados no Chromium.

Como desativar

Ao clicar no ícone da Web, será exibida a opção “Disable previews”. Você também pode fazer isso em Windsurf > Settings. Isso impedirá que o Cascade faça essa chamada de ferramenta.