How do I add folders in the Flatlogic online IDE

User profile image
Robin Mwesigye

I'm trying to add/create a folder and some files to my flatlogic app. This is what the AI Engineer advised,

"In the Flatlogic IDE (in your browser), the Explorer panel is the left-hand sidebar. To open it:

  1. Look at the very left edge of your screen for a thin gray bar.
  2. Click the folder icon at the top of that bar—it’s usually the first icon. This expands the Explorer.
  3. In the Explorer, navigate to “frontend” → “src” → “pages.”
  4. Right-click on the “pages” folder and choose “New Folder.” Name it exactly search-wizard.
  5. Then right-click on your new search-wizard folder, choose “New File,” and create two files: index.tsx and place.tsx. "

I've tried doing this in multiple browsers but I cannot see the Explorer panel in the left-hand sidebar. Can someone please send me a screenshot of this if they know how to access it. Thanks!!

User profile image

Hi Robin,

Quick clarification: the current web editor doesn’t let you create folders by hand, but you can still get the AI to do it for you.

How to ask the AI to add the folder and files: 1 - Open your project’s Editor and chat window with AI Engineer. 2 - Paste a prompt like: "Create a folder “search-wizard” inside work folder". That should help to create new folder and files to the app.

If you hit any hiccups, just send us the desired folder name and path, we’ll try to add them.

I have passed this to our dev team, so the AI will stop suggesting such unsupported action, and so we can add folder-creation to the browser editor in a future releases.

Thanks for your patience!