Devin Desktop Previews allow you to view the local deployment of your app either in the IDE or in the browser (optimized for Google Chrome, Arc, and Chromium based browsers) with listeners, allowing you to iterate rapidly by easily sending elements and errors back to the agent as context.
Devin Desktop Previews are opened via tool call, so just ask the agent to preview your site to get started. Alternatively, you can also click the Web icon in the agent toolbar to automatically propagate the natural language prompt to enter the proxy.
Send Elements to the Agent
In the Preview, you can select and send elements/components and errors directly to the agent. Simply click on the “Send element” button on the bottom right and then proceed to select the element you want to send.
The selected element will be inserted into your current agent prompt as an @ mention. You can add as many elements as you want in the prompt.
Supported agents
Previews are not limited to Cascade. Remote agents and ACP agents can open a browser preview through the same workflow: the agent proxies your local dev server, and the elements and console errors you capture land in that agent’s message box as pending context. In Devin Desktop the preview opens in the built-in browser pane next to the agent.
In-IDE Preview
Devin Desktop can open up a Preview as a new tab in your editor. This is a simple web view that enables you to view web app alongside your agent panel.
Because these Previews are hosted locally, you can open them in your system browser as well, complete with all the listeners and ability to select and send elements and console errors to the agent.
The listeners and the abilities to send elements and errors are optimized for Google Chrome, Arc, and Chromium based browsers.
How to Disable
You can disable Devin Desktop Previews from Devin - Settings. This will prevent the agent from making this tool call. 
