Add Search, move Add/Upload File, delete directory & "copy path" functionality to the repo's tree view UI

[brymut]

/claim #35898
Resolves #35898

Summary of key changes:

1. Add search functionality to tree view
2. Add backend functionality to delete directory
3. Add context menu for directories with functionality to copy path & delete a directory
4. Move Add/Upload file dropdown to right for parity with Github UI
5. Add tree view to the edit/upload & patch UI
6. Move "Commit changes" button to above the editor and the commit form into a modal for parity with Github's UX.
7. Move Delete file commit UI into a modal.
8. Remove redundant "Cancel" and repo name from Apply Patch breadcrumb UI

Detailed breakdown:

1. Add search functionality to tree view

Added search to tree view using existing searchfilterRepoFilesWeighted, with new modal to display the search results. User can navigate through search results using keyboard to scroll, select and escape the search on top of using mouse. No matches found notice when no results are found.

Screen.Recording.2025-11-11.at.09.51.16.mov

2. Add backend functionality to delete directory

Modified the DeleteFilePost endpoint to also allow for deletion of whole directories to support the "Delete directory" menu option added to the context menu.

3. Add context menu for directories with functionality to copy path & delete a directory

Added context menu for "Copy path", "Copy Permalink" & "Delete directory" supported by backend change listed above.

Screen.Recording.2025-11-11.at.10.10.41.mov

4. Move Add/Upload file dropdown to right for parity with Github UI

Minor change to move this option to the right since already existed.

5. Add tree view to the edit/upload & patch UI

6. Move "Commit changes" button to above the editor and the commit form into a modal for parity with Github's UX.

Screen.Recording.2025-11-13.at.14.04.46.mov

7. Move Delete file commit UI into a modal.

Screen.Recording.2025-11-15.at.12.57.06.mov

8. Remove redundant "Cancel" and repo name from Apply Patch breadcrumb UI

[lunny]

1. When creating a new file, it currently redirects to the classic “new file” page. Instead, it should open an inline editor similar to GitHub’s implementation, keeping the left tree view visible. The same behavior should apply to Upload Files and Apply Patch actions.
2. There is no way to add a new file for the root directory in the tree view UI.

[brymut]

2. There is no way to add a new file for the root directory in the tree view UI.

You can do so in the main repo page in the code tab, same as to how its done on Github. Since I'm not aware of a way to view the root directory except for in the main repo page on the code tab (same on Github). Or perhaps I'm not understanding what you mean.

[brymut]

1. When creating a new file, it currently redirects to the classic “new file” page. Instead, it should open an inline editor similar to GitHub’s implementation, keeping the left tree view visible. The same behavior should apply to Upload Files and Apply Patch actions.

Added

[lunny]

• It seems there is a bug that the icon to show/hide tree view will always be hidden.

• And maybe the commit box should be move to up right corner like what github did after the tree view introduced to the editor page.

[brymut]

• It seems there is a bug that the icon to show/hide tree view will always be hidden.

Fixed

• And maybe the commit box should be move to up right corner like what github did after the tree view introduced to the editor page.

Moved. Should be more like Github's UX now:

Screen.Recording.2025-11-13.at.14.04.46.mov

[lunny]

Great work!

• It seems the Delete File UI needs some improvements? The close button in the top-right corner doesn’t seem to work either. Perhaps converting this into a popup dialog would provide a better experience than open in a new page.

• The Apply Patch UI seems to need some improvements. There are two “Cancel” buttons and the repository name appears twice. I don’t think this issue is caused by this PR, but since it’s related, it would be better to address them together.

• Creating a new file under the root folder is inconvenient because I have to return to the repository’s home page each time. I understand this behavior is inherited from GitHub, but it doesn’t seem like the best design. Could you also add buttons for Create File / Upload File / Apply Patch directly in the file view, so that new items can be created under the same folder as the currently viewed file?

[brymut]

Ok, attempting the changes requested but concerned that PR is starting to go beyond scope.

[brymut]

• It seems the Delete File UI needs some improvements? The close button in the top-right corner doesn’t seem to work either. Perhaps converting this into a popup dialog would provide a better experience than open in a new page.

Moved to popup modal

Screen.Recording.2025-11-15.at.12.57.06.mov

• The Apply Patch UI seems to need some improvements. There are two “Cancel” buttons and the repository name appears twice. I don’t think this issue is caused by this PR, but since it’s related, it would be better to address them together.

• Creating a new file under the root folder is inconvenient because I have to return to the repository’s home page each time. I understand this behavior is inherited from GitHub, but it doesn’t seem like the best design. Could you also add buttons for Create File / Upload File / Apply Patch directly in the file view, so that new items can be created under the same folder as the currently viewed file?

Added