The Files page displays your application's full source code. Every application built with Aha! Builder is a TypeScript application backed by a PostgreSQL database, and the code is fully visible to you.
Use the code inspector to:
Browse your application's file structure, including backend logic, frontend templates, and the database schema
Review the code Elle (the AI assistant) has written in response to your prompts
Understand how specific features and workflows are implemented
Most builders will rely on Elle and the design tools to make changes to their applications. However, if you are comfortable working with code, you can use the code inspector as a reference to understand how your application works under the hood. You can even adjust the code directly here and click Save changes to implement it.
After you click Save changes, your updates apply in Preview when the app reloads. They will also be included the next time you deploy your application.
To do this:
From your application, navigate to Implement -> Code.
From the Files tab, scroll or search through your application's codebase.
From here, you can edit the code manually, Copy a file, or click Download ZIP to export your application's code.
Any file you select will be added automatically to the Elle chat window. Include it as context in any prompts you have for Elle.