> ## Documentation Index
> Fetch the complete documentation index at: https://hyperframes-codex-docs-human-first-refactor.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Edit project files

> Browse the file tree and make direct source changes when visual controls are not enough.

The **Code** tab exposes the project files behind the visual editor.

Use it when you understand the requested change and Studio does not provide the needed direct control. For larger or unfamiliar edits, ask the agent.

## Work safely

1. Open **Code** and select the exact file in the tree.
2. Make one focused change. The editor saves source changes automatically.
3. Wait for the preview to refresh.
4. Play the affected moment.
5. Undo or restore the file if the result is wrong.

File operations such as creating, renaming, moving, and deleting can affect references elsewhere in the project. Search for the old path or ask the agent to update references when needed.

## When to ask the agent

Ask the agent when:

* the change crosses several files;
* you need a new scene;
* an animation is generated or difficult to trace;
* a lint error is unfamiliar;
* media paths or nested compositions need restructuring.

The visual editor and Code editor are two views of the same project. Avoid making competing changes in both at the same time.