'explorer' button similar to VSCode

[songxian1688]

Describe feature

Is there a 'explorer' button similar to VSCode that displays all my notes when I click on it. That is to say, displaying the content of the current root.
Because when I use VSCode, I have a habit of clicking the first button in the upper left corner to view all the code files. So every time I use TriliumNext, I habitually click on the first button in the upper left corner, but in reality it's' New Note '. This makes me create a new note every time, which is not what I want. So I need to delete this note every time.

Additional Information

No response

[dosubot[bot]]

Hi @songxian1688! I'm Dosu and I’m helping the Trilium team.

TriliumNext does not have an 'explorer' button like VSCode that displays all notes or the current root with a single click. The first button in the upper left is always 'New Note', and this cannot be changed or removed through the UI—it's a fixed element in the codebase source.

The left sidebar in Trilium acts as the note tree, similar to VSCode's Explorer, and is always visible for navigation. For quick navigation, you can use keyboard shortcuts like CTRL+J for the "Jump to" dialog to search and open notes, or CTRL+. to scroll to the current note in the tree source. There are no recent changes or feature requests adding an explorer-like button or changing the launchbar behavior source.

If you want more VSCode-like navigation, you might explore custom widgets or scripts, but there is no built-in toggle or button for this at the moment.

To reply, just mention @dosu.

---

^{How did I do? Good | Irrelevant | Incorrect | Verbose | Hallucination | Report 🐛 | Other}    

[SiriusXT]

Trilium does not have a built-in 'explorer' button.
However, you can add one yourself as follows:

1. Right-click on an empty spot in the launcher pane and click ‘Configure Launch pane’.
2. Under the ‘Visible Launchers’ note, add a script launcher that links to a JS code note. The note content should be:

api.triggerCommand("toggleLeftPane");
const hasVisible = document.querySelector('#left-pane')?.classList.contains('visible');
if (hasVisible){
    api.triggerCommand("scrollToActiveNote");
}

You can adjust the position of the launch button and customize its icon style.

3. You can then click this button to achieve functionality similar to the 'explorer' button.