Preview

Preview, test and build your app

The Preview panel displays a live, interactive version of your app as you build it. Changes are reflected in real-time as the AI agent or you make updates.

How to access: The Preview is visible by default in the main workspace view, displaying your app in an iframe.

Key features:

• Real-time updates: See changes immediately as code is updated

• Full interactivity: Click, navigate, and test features just like end users would

• Open in new tab: Click the button above the preview to open your app in a separate browser window (useful for OAuth flows and full-screen testing)

• View logs: Access console logs and error messages using the logs button above the preview

Tips:

• Open preview in a new tab when testing OAuth integrations (Google, GitHub, etc.) as they may be blocked in iframe view

• Use the preview to verify changes before deployment

• The preview shows your development environment - deployment is separate