# Preview

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.

<div data-with-frame="true"><figure><img src="https://4203676568-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fmj3x7kCuQ8vAs0u0uIPo%2Fuploads%2FDIOlG4DEpXXsiTl8I62r%2Fimage.png?alt=media&#x26;token=d8ab2275-4673-4e6b-859f-c6902bedc316" alt=""><figcaption></figcaption></figure></div>

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