feat: folder navigator revamp #200
Description
Overview
Replace the existing tree-style folder viewer in the sidebar with a new "flat" navigation style inspired by iOS Files-style drill-down browsing. The goal is to simplify the visual hierarchy and make folder navigation feel more focused and direct.
Current Behavior
The sidebar currently shows a collapsible tree view where folders can be expanded in-place to reveal their children at indented levels. All levels of the hierarchy are potentially visible at once.
Desired Behavior
Flat Folder Navigation
- The file/folder pane displays one directory level at a time.
- Each folder row spans the full width of the pane (no indentation).
- Tapping/clicking a folder navigates into it, replacing the current view with that folder's contents.
- A Back button appears at the top of the pane when inside a subfolder, showing the name of the current folder (not the full path). Clicking it navigates up one level.
- Files are shown alongside folders at the current level.
Pinned Folders as Drop Targets
- Folders in the Pinned section become drop targets: a file can be dragged and dropped onto a pinned folder to move it there.
- This mirrors the existing drag-to-folder behavior in the file/folder pane, but extended to pinned folders.
Drag-and-Drop Enhancements
- Users can still drag files within the flat pane to move them into sibling folders.
- When dragging a file, hovering over the Back button (momentarily) causes the pane to navigate up one level, allowing the user to drop into a parent folder — same hover-to-navigate pattern as the existing folder auto-expand on hover.
- Files can be dragged onto Pinned folders as drop targets, consistent with how drops work on regular folders.
Scope / Out of Scope
- In scope: flat navigator UI, back button, pinned folder drop targets, drag-over-back-button navigation, drag-to-pinned-folder support.
- Out of scope: changes to the flat file list mode (all-files sorted view), tag/calendar/graph panes, or the overall sidebar layout.