I recently met with a community user and they told me that the web template editor (this page) could use some changes and should align more with VSCode's UI/UX since that is what most template admins are used to.

The main ones were:

• Add the ability to resize the file selector on the left hand side (image)
• Use "inline" file editing (like VSCode) instead of opening a modal
• We should prefill the current file's name when renaming (image) as it makes it so that you have to retype the full file name when only editing a single character (e.g because of a typo).

I would also like to add these:

• We should add more icons for common files (e.g .hcl, .json, .sh, Makefile) in the file selector (image)
• Could we use another icon for folders? it isn't really clear to me that this icon represents a folder (see "usr" folder in the previous screenshot).

I will open sub-issues for each of these but I wanted to create this umbrella issue first to discuss what we should keep or remove, and if there's any other improvements that come to mind.

(cc: @matifali @BrunoQuaresma for feedback)