Las vistas previas en Windsurf te permiten ver el despliegue local de tu aplicación en el IDE o en el navegador (optimizadas para Google Chrome, Arc y navegadores basados en Chromium), con listeners que te permiten iterar rápidamente al enviar elementos y errores de vuelta a Cascade como contexto. Las vistas previas se abren mediante una llamada de herramienta: simplemente pídele a Cascade que haga una vista previa de tu aplicación para comenzar. También puedes hacer clic en el icono Web en la barra de herramientas de Cascade para propagar automáticamente el prompt en lenguaje natural e ingresar al proxy.

​
Enviar elementos a Cascade

En la vista previa, puedes seleccionar y enviar elementos/componentes y errores directamente a Cascade. Solo haz clic en el botón “Send element” en la parte inferior derecha y luego selecciona el elemento que deseas enviar. El elemento seleccionado se insertará en tu prompt actual de Cascade como una @mención. Puedes añadir tantos elementos como quieras en el prompt.

​
Vista previa en el IDE

Windsurf puede abrir una Vista previa como una nueva pestaña en tu editor. Es una vista web sencilla que te permite ver la aplicación web junto a tu panel de Cascade. Como estas Vistas previas se alojan localmente, también puedes abrirlas en el navegador de tu sistema, con todos los listeners y la capacidad de seleccionar y enviar elementos y errores de consola a Cascade.
Los listeners y la capacidad de enviar elementos y errores están optimizados para Google Chrome, Arc y navegadores basados en Chromium.

​
Cómo desactivar

Al hacer clic en el ícono Web, verás la opción “Disable previews”. También puedes hacerlo desde Windsurf - Settings. Esto evitará que Cascade haga esta llamada de herramienta.