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 you can see all of it.
Click any of the following links to skip ahead:
Browse your code
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
To open it:
From your application, navigate to Implement -> Code.
From the Files tab, scroll or search through your application's codebase.
Select any file to open it in the code editor.
The Aha! Builder technical reference explains the capabilities behind what you are reading — the database, authentication, background work, and the rest.
Edit code directly
Most builders will rely on Elle and the design tools to make changes to their applications. 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, and you can adjust the code directly.
Select a file from the Files tab.
Edit the code in place.
Click Save changes.
Your updates apply in Preview when the application reloads. They also go out the next time you deploy your application.
Hand off your code
From the Files tab, you can export your codebase to someone else in three ways:
One file: Open the file, then click the copy icon in the file header to copy its contents.
The full codebase, as a file: Click Download ZIP.
The full codebase, as a link: Click Share to generate a link you can copy or email. Your recipient opens a page where they can download the code and follow setup guidance.
Use a file as Elle context
Select any file and Elle adds it to the chat window automatically. Include it as context in any prompts you have for Elle — for example, ask Elle to explain what the file does, or to change it.