What is App Viewer
Once the Agents complete their task, the App Viewer Block will appear at the top of the page. This tool allows you to preview the live application and modify visual elements directly.
Note:
Agent interactions may take a moment to process. Please be patient while the preview loads.
To monitor detailed progress, check the Terminal.
You can click the Refresh icon at any time to reload the App Viewer.
How to modify your app
Method One - Select to edit
Use this method if you want to manually adjust visual properties.
Step 1: Click on any visual element you want to change. A visual editor will appear on the left side.
Step 2: Click "Library" to check for more assets
Step 3: You can now manually adjust the styling of the chosen element by chatting with AI.
Console
Check the Console for Errors and Info. If you see errors, simply click "Resolve" to have the Agents automatically resolve the bugs.
FAQ
Why does my App Viewer show a loading screen?
Why does my App Viewer show a loading screen?
The loading display means the website is loading. The App Viewer is functioning normally. Wait a moment for the preview to load properly.
Why does my App Viewer show red Error messages?
Why does my App Viewer show red Error messages?
Agents may encounter issues during the building process, which can occasionally cause webpage errors. Click "Resolve," and the Agents will repair the error for you. Once fixed, App Viewer will preview normally, so there's no need to worry about red error messages appearing.
Why can't I remove the badge from my published webpage?
Why can't I remove the badge from my published webpage?
Badge removal requires upgrading to Pro20 or higher plans.