Collapse and expand the code file tree

How it works

How Collapse and expand the code file tree works, drawn only from its official release notes.

1. 01

   What it does

   The new feature for collapsing and expanding all folders in the code file tree at once allows for easier navigation of large projects.

2. 02

   What the release notes list

   Collapsible file structure; Improved project management; Enhanced user experience; Faster navigation for large projects.

3. 03

   Who gets it

   Plan availability per the source: All plans.

Example workflows

Starting points built from this record, not transcripts of a run. Each prompt is written the way it should be sent, as one paragraph, and each is worth editing before you send it.

1. 01

   Stand it up from scratch

   You have read the record and want Collapse and expand the code file tree working in a real project rather than a sandbox.

   Set up Collapse and expand the code file tree in this project — improved project file navigation. Walk it end to end, tell me exactly what you changed, and flag anything I have to switch on myself before it works.

   Expected outcome

   A working setup, a plain list of what changed, and a short list of anything left for you to switch on. Check that list before assuming it is done.

2. 02

   Review it before you publish

   Collapse and expand the code file tree is wired in and you are about to put it in front of people. This is the pass that catches the half-configured version.

   Review how this project uses Collapse and expand the code file tree before I publish. Check collapsible file structure and improved project management, list anything that is missing, misconfigured, or only half wired, fix what is safe to fix, and tell me what you left alone and why.

   Expected outcome

   A findings list split into what was fixed and what was left, with a reason for each. Anything left alone is yours to decide on.

3. 03

   Decide whether it fits your project

   Worth five minutes before you wire anything in. Collapse and expand the code file tree sits in Editor, and not every project needs it.

   I am building the project in this workspace. Given that Collapse and expand the code file tree improved project file navigation, tell me honestly whether it fits what I am building, including the cases where I should not use it. If it does fit, give me the single smallest first step.

   Expected outcome

   A direct yes or no with the reasoning, the cases against it, and one first step. Treat a hedged answer as a no.

Frequently asked

• What is Collapse and expand the code file tree?

  Collapse and expand the code file tree is Lovable's Editor feature: Improved project file navigation. The new feature for collapsing and expanding all folders in the code file tree at once allows for easier navigation of large projects.

• Is Collapse and expand the code file tree GA or in beta?

  Collapse and expand the code file tree is generally available (GA) on Lovable.

• What Lovable plan includes Collapse and expand the code file tree?

  Collapse and expand the code file tree is available on all Lovable plans.

• When did Collapse and expand the code file tree launch?

  Collapse and expand the code file tree launched on Jul 1, 2026.