The Admin panel gives you access to advanced tools for validating, debugging, and managing your project. To open it, click the lock icon in the top toolbar to the left of the Upgrade button.
The panel shows the current app builder version and version number of your project and includes the following options:
Click Validate Project to run a check on your project files. The tool will report any issues found so you can address them before publishing.
Click View Logs to see a log of activity and events related to your project and AI chat. This is useful for tracking what has happened in your project and diagnosing unexpected behavior.
Click Debug to open the debugging tools for your project. This helps you identify and investigate errors or issues in your website's functionality.
Click Linting to run a code quality check on your project. Linting identifies code style issues, potential errors, and areas that do not follow best practices.
Edit Code gives you direct access to your website's source files - HTML, CSS, and JavaScript. This is intended for users comfortable with web code.
Click Edit Code to replace the visual editor with a full code editing interface.
Navigating files - The left panel shows a file tree with all your project source files organized into folders: css/ (stylesheets), global/ (shared templates like header and footer), js/ (JavaScript files), and sections/ (page section templates). Click any file to open it in the editor. Multiple files can be open at once and appear as tabs at the top of the editor.
Editing code - Click directly in the center editor panel and type to make your changes. Syntax highlighting is applied automatically based on the file type.
Saving changes - Click the SAVE button in the bottom toolbar to save your edits. A dot next to the filename tab indicates unsaved changes. Use the COPY button to copy the file's code to your clipboard, and the WRAP toggle to enable or disable line wrapping.
Returning to the visual editor - Click Back to editor in the top bar. The AI builder reopens and your saved code changes are applied.
This tool copies your App Builder project from the environment you are currently working in into a site on your local environment. Enter the Source site number, which is pre-filled with your current site ID, and the Destination site number of the site on your local environment where the project should be copied. Then click Copy project to start the copy.
