Manually edit app code

View and edit the code for your app.

The new app building experience Availability
Cloud	Closed beta	Available on all plans

While the primary development experience for apps is through natural language in the Chat tab, it is sometimes necessary to make small code changes yourself. Simple changes that you might want to perform manually could include text changes or layout tweaks.

To manually edit your app code, navigate to the Code tab in the left panel. The Code tab includes an outline of all files that are included in your app.

Edits locked

There are certain scenarios in which code editing is prevented:

• Code edits are locked while the agent is working to prevent editing conflicts.
• Some files, designated by a icon, are view-only to help protect your app. These files are used by the agent, and changing them could cause your app to stop working correctly. You can still open view-only files and view the contents.

Keyboard shortcuts

The following table shows the supported keyboard shortcuts while in the Code tab.

Keystrokes	Action
/ +	Open a search bar at the top of the code editor. If the file is editable, you can also click to expand the search bar and view options for replacing search terms.
/ +	Undo changes.
/ + +	Redo changes.
/ + +	Close a code file.
/ + +	Close all code files.