chore(monorepo): put back docs

docs/User Guide/User Guide/Basic Concepts and Features/UI Elements/Floating buttons.md

@@ -0,0 +1,13 @@
+# Floating buttons
+<figure class="image image-style-align-center"><img style="aspect-ratio:893/144;" src="Floating buttons_image.png" width="893" height="144"></figure>
+
+Depending on the current note, a panel will appear near the top-right of the note, right underneath the <a class="reference-link" href="Ribbon.md">Ribbon</a>. These buttons offer additional interaction that is specific to that particular note.
+
+For example:
+
+*   For <a class="reference-link" href="../../Note%20Types/Mermaid%20Diagrams.md">Mermaid Diagrams</a> and <a class="reference-link" href="../../Note%20Types/Canvas.md">Canvas</a>, there are buttons to download the SVG representation of the note, or to copy a reference to the note for pasting it a <a class="reference-link" href="../../Note%20Types/Text.md">Text</a> note.
+*   For [read-only notes](../Notes/Read-Only%20Notes.md), there is a button to temporarily edit the note for quick modifications.
+
+## Interaction
+
+The floating button area can be collapsed by pressing the two right arrows at the end of the section.

docs/User Guide/User Guide/Basic Concepts and Features/UI Elements/Global menu.md

@@ -0,0 +1,8 @@
+# Global menu
+The global menu configures the current window (zoom, keeping the window on top) and offers access to some more advanced options.
+
+![](Global%20menu_image.png)
+
+## Accessing the global menu
+
+See [Vertical and horizontal layout](Vertical%20and%20horizontal%20layout.md) since the position of the global menu is changed based on which layout has been selected.

docs/User Guide/User Guide/Basic Concepts and Features/UI Elements/Launch Bar.md

@@ -0,0 +1,63 @@
+# Launch Bar
+## Position of the Launch bar
+
+Depending on the layout selected, the launcher bar will either be on the left side of the screen with buttons displayed vertically or at the top of the screen. See [Vertical and horizontal layout](Vertical%20and%20horizontal%20layout.md) for more information.
+
+## Terminology
+
+*   **Launcher**: a button that can be (or is) displayed on the launch bar.
+*   **Available Launcher**: a launcher that is not displayed on the launch bar, but can be added.
+*   **Visible Launcher**: a launcher that is currently displayed on the launch bar.
+
+## Configuring the Launch bar
+
+There are two ways to configure the launch bar:
+
+*   Right click in the empty space between launchers on the launch bar and select _Configure Launchbar._
+*   Click on the [Global menu](Global%20menu.md) and select _Configure Launchbar_.
+
+This will open a new tab with the [Note Tree](Note%20Tree.md) listing the launchers.
+
+![](Launch%20Bar_image.png)
+
+Expanding _Available Launchers_ section will show the list of launchers that are not displayed on the launch bar. The _Visible Launchers_ will show the ones that are currently displayed.
+
+### Adding/removing and reordering launchers
+
+To display a new launcher in the launch bar, first look for it in the _Available Launchers_ section. Then right click it and select _Move to visible launchers_. It is also possible to drag and drop the item manually.
+
+Similarly, to remove it from the launch bar, simply look for it in _Visible Launchers_ then right click it and select _Move to available launchers_ or use drag-and-drop.
+
+Drag-and-drop the items in the tree in order to change their order. See [Note Tree](Note%20Tree.md) for more interaction options, including using keyboard shortcuts.
+
+## Customizing the launcher
+
+*   The icon of a launcher can be changed just like a normal note. See [Note Icons](../Notes/Note%20Icons.md) for more information.
+*   The title of the launcher can also be changed.
+
+### Resetting
+
+Resetting allows restoring the original configuration of Trilium for the launcher bar, or for a portion of it. Simply right click a launcher (or even the entire _Launch Bar_ section) and select _Reset_ to bring it back to the original state.
+
+### Creating new launchers / types of launchers
+
+Right click either the _Available launchers_ or _Visible launchers_ sections and select one of the options:
+
+1.  **Note Launcher**  
+    A note launcher will simply navigate to a specified note.
+    
+    1.  Set the `target` promoted attribute to the note to navigate to.
+    2.  Optionally, set `hoistedNote` to hoist a particular note. See [Note Hoisting](../Navigation/Note%20Hoisting.md) for more information.
+    3.  Optionally, set a `keyboardShortcut` to trigger the launcher.
+2.  **Script Launcher**  
+    An advanced launcher which will run a script upon pressing. See [Scripts](../../Scripting.md) for more information.
+    
+    1.  Set `script` to point to the desired script to run.
+    2.  Optionally, set a `keyboardShortcut` to trigger the launcher.
+3.  **Custom Widget**
+    
+    Allows defining a custom widget to be rendered inside the launcher. See [Widget Basics](../../Scripting/Custom%20Widgets/Widget%20Basics.md) for more information.
+4.  **Spacers**  
+    Launchers that create some distance between other launchers for better visual distinction.
+
+Launchers are configured via predefined [Promoted Attributes](../../Advanced%20Usage/Attributes/Promoted%20Attributes.md).

docs/User Guide/User Guide/Basic Concepts and Features/UI Elements/Note Tree.md

@@ -0,0 +1,25 @@
+# Note Tree
+This page explains how to manipulate the note tree in TriliumNext, focusing on moving notes.
+
+![](Note%20Tree_image.png)
+
+## Drag and Drop
+
+![Drag and drop example](Note%20Tree_drag-and-drop.gif)
+
+You can easily rearrange the note tree by dragging and dropping notes, as demonstrated in the example above.
+
+## Keyboard Manipulation
+
+![Example of using keyboard keys to move a note](Note%20Tree_move-note-with-k.gif)Trilium offers efficient keyboard-based manipulation using the following [shortcuts](../Keyboard%20Shortcuts.md):
+
+*   <kbd>Ctrl</kbd> + <kbd><span>↑</span></kbd> and <kbd>Ctrl</kbd> +<kbd><span>↓</span></kbd>: Move the note up or down in the order.
+*   <kbd>Ctrl</kbd>+<kbd><span>←</span></kbd>: Move the note up in the hierarchy by changing its parent to the note's grandparent.
+*   <kbd>Ctrl</kbd>+<kbd><span>→</span></kbd>: Move the note down in the hierarchy by setting its parent to the note currently above it (this action is best understood through a demo or hands-on experience).
+*   <kbd><span>←</span></kbd> and <kbd><span>→</span></kbd>: Expand and collapse a sub-tree.
+
+## Context Menu
+
+You can also move notes using the familiar cut and paste functions available in the context menu, or with the associated keyboard [shortcuts](../Keyboard%20Shortcuts.md): `CTRL-C` ( [copy](../Notes/Cloning%20Notes.md)), <kbd>Ctrl</kbd> + <kbd>X</kbd> (cut) and <kbd>Ctrl</kbd> + <kbd>V</kbd> (paste).
+
+See <a class="reference-link" href="Note%20Tree/Note%20tree%20contextual%20menu.md">Note Tree Menu</a> for more information.

docs/User Guide/User Guide/Basic Concepts and Features/UI Elements/Note Tree/Multiple selection.md

@@ -0,0 +1,8 @@
+# Multiple selection
+It is possible to select multiple notes at one time.
+
+To do so, first select the note to start the selection with. Then hold Shift and click on the note to end the selection with. All the notes between the start and the end note will be selected as well.
+
+![](Multiple%20selection_image.png)
+
+In the right-click menu, operations such as Cut, Copy, Move to, Clone to or Delete will apply to all the selected notes. It is also possible to apply <a class="reference-link" href="../../../Advanced%20Usage/Bulk%20Actions.md">Bulk Actions</a> to them. The rest of the options will not be available and will appear disabled in the menu.

docs/User Guide/User Guide/Basic Concepts and Features/UI Elements/Note Tree/Note tree contextual menu.md

@@ -0,0 +1,94 @@
+# Note tree contextual menu
+<figure class="image image-style-align-right"><img style="aspect-ratio:372/760;" src="1_Note tree contextual menu_.png" width="372" height="760"></figure>
+
+The _note tree menu_ can be accessed by right-clicking in the <a class="reference-link" href="../Note%20Tree.md">Note Tree</a>.
+
+## Interaction
+
+The contextual menu can operate:
+
+*   On a single note, by right clicking it in the note tree.
+*   On multiple notes, by selecting them first. See <a class="reference-link" href="Multiple%20selection.md">Multiple selection</a> on how to do so.
+    *   When right clicking, do note that usually the note being right clicked is also included in the affected notes, regardless of whether it was selected or not.
+
+## Available options
+
+> [!NOTE]
+> When multiple notes are selected, only a subset of notes will be active. The ones that do support multiple notes will mention this in the list below.
+
+*   **Open in a new tab**
+    *   Will open a single note in a new [tab](../Tabs.md).
+*   **Open in a new split**
+    *   Will open a split to the right with the given note within the current tab.
+*   **Hoist note**
+    *   Will focus the note tree on this note. See <a class="reference-link" href="../../Navigation/Note%20Hoisting.md">Note Hoisting</a> for more information.
+*   **Insert note after**
+    *   Allows easy creation of a note with a specified [note type](../../../Note%20Types.md).
+    *   <a class="reference-link" href="../../../Advanced%20Usage/Templates.md">Templates</a> will also be present (if any) at the end of the list.
+    *   The note will be added on the same level of hierarchy as the note selected.
+*   **Insert child note**
+    *   Same as _Insert note after_, but the note will be created as a child of the selected note.
+*   **Protect subtree**
+    *   Will mark this note and all of its descendents as protected. See <a class="reference-link" href="../../Notes/Protected%20Notes.md">Protected Notes</a> for more information.
+*   **Unprotect subtree**
+    *   Will unprotect this note and all of its descendents.
+*   **Cut**
+    *   Will place the given notes in clipboard.
+    *   Use one of the two paste functions (or the keyboard shortcuts) to move them to the desired location.
+*   **Copy / clone**
+    *   Will place the given notes in clipboard.
+    *   Use one of the two paste functions (or the keyboard shortcuts) to copy them to the desired location.
+    *   Note that the copy function here works according to the <a class="reference-link" href="../../Notes/Cloning%20Notes.md">Cloning Notes</a> functionality (i.e. the note itself will be present in two locations at once, and editing it in one place will edit it everywhere).
+    *   To simply create a duplicate note that can be modified independently, look for _Duplicate subtree_.
+*   **Paste into**
+    *   If there are any notes in clipboard, they will be pasted as child notes to the right-clicked one.
+*   **Paste after**
+    *   If there are any notes in clipboard, they will be pasted underneath the right-clicked one.
+*   **Move to…**
+    *   Will display a modal to specify where to move the desired notes.
+*   **Clone to…**
+    *   Will display a modal to specify where to [clone](../../Notes/Cloning%20Notes.md) the desired notes.
+*   **Delete**
+    *   Will delete the given notes, asking for confirmation first.
+    *   In the dialog, the following options can be configured:
+        *   _Delete also all clones_ to ensure that the note will be deleted everywhere if it has been placed into multiple locations (see <a class="reference-link" href="../../Notes/Cloning%20Notes.md">Cloning Notes</a>).
+        *   _Erase notes permanently_ will ensure that the note cannot be recovered from <a class="reference-link" href="../Recent%20Changes.md">Recent Changes</a>.
+*   **Import into note**
+    *   Opens the [import](../../Import%20%26%20Export) dialog and places the imported notes as child notes of the selected one.
+*   **Export**
+    *   Opens the [export](../../Import%20%26%20Export) dialog for the selected notes.
+*   **Search in subtree**
+    *   Opens a full <a class="reference-link" href="../../Navigation/Search.md">Search</a> with it preconfigured to only look into this note and its descendants (the _Ancestor_ field).
+
+## Advanced options
+
+<figure class="image image-style-align-right"><img style="aspect-ratio:289/355;" src="Note tree contextual menu_.png" width="289" height="355"></figure>
+
+The advanced options menu offers some of the less frequently used actions for notes.
+
+To access these options, first look for the _Advanced_ option in the contextual menu to reveal a sub-menu with:
+
+*   **Apply bulk actions**
+    *   Opens the <a class="reference-link" href="../../../Advanced%20Usage/Bulk%20Actions.md">Bulk Actions</a> dialog, to apply actions such as adding labels or moving notes to multiple notes at once (see <a class="reference-link" href="Multiple%20selection.md">Multiple selection</a>).
+*   **Edit branch prefix**
+    *   Opens a dialog to assign a name to be able to distinguish [clones](../../Notes/Cloning%20Notes.md), see <a class="reference-link" href="../../Notes/Cloning%20Notes/Branch%20prefix.md">Branch prefix</a> for more information.
+*   **Convert to attachment**
+    *   Converts the selected notes to <a class="reference-link" href="../../Notes/Attachments.md">Attachments</a> of their parent notes.
+    *   This functional is most useful when dealing with image <a class="reference-link" href="../../../Note%20Types/File.md">File</a> notes that were imported from an external source or an older version of Trilium.
+*   **Duplicate subtree**
+    *   Creates a copy of the note and its descendants.
+    *   This process is different from <a class="reference-link" href="../../Notes/Cloning%20Notes.md">Cloning Notes</a> since the duplicated note can be edited independently from the original.
+    *   An alternative to this, if done regularly, would be <a class="reference-link" href="../../../Advanced%20Usage/Templates.md">Templates</a>.
+*   **Expand subtree**
+    *   Expands all the child notes in the <a class="reference-link" href="../Note%20Tree.md">Note Tree</a>.
+*   **Collapse subtree**
+    *   Collapses all the child notes in the note tree.
+*   **Sort by…**
+    *   Opens a dialog to sort all the child notes of the selected note.
+    *   The sorting is done only once, there is an automatic sorting mechanism as well that can be set using <a class="reference-link" href="../../../Advanced%20Usage/Attributes.md">Attributes</a>.
+    *   See <a class="reference-link" href="../../Notes/Sorting%20Notes.md">Sorting Notes</a> for more information.
+*   **Copy note path to clipboard**
+    *   Copies a URL fragment representing the full path to this branch for a note, such as `#root/Hb2E70L7HPuf/4sRFgMZhYFts/2IVuShedRJ3U/LJVMvKXOFv7n`.
+    *   The URL to manually create <a class="reference-link" href="../../../Note%20Types/Text/Links.md">Links</a> within notes, or for note <a class="reference-link" href="../../Navigation">Navigation</a>.
+*   **Recent changes in subtree**
+    *   This will open <a class="reference-link" href="../Recent%20Changes.md">Recent Changes</a>, but filtered to only the changes related to this note or one of its descendants.

docs/User Guide/User Guide/Basic Concepts and Features/UI Elements/Note buttons.md

@@ -0,0 +1,5 @@
+# Note buttons
+To the right of the [Ribbon](Ribbon.md) there are a few more buttons: ![](Note%20buttons_image.png)
+
+*   The Note Revisions button displays the [Note Revisions](../Notes/Note%20Revisions.md) for that particular note.
+*   The contextual menu offers commands for the note or its subtree, such as import, export, viewing the [Note source code](../../Advanced%20Usage/Note%20source.md) or [Attachments](../Notes/Attachments.md).

docs/User Guide/User Guide/Basic Concepts and Features/UI Elements/Options.md

@@ -0,0 +1,25 @@
+# Options
+<figure class="image image-style-align-center"><img style="aspect-ratio:1189/709;" src="Options_image.png" width="1189" height="709"></figure>
+
+The Options section allows the configuration of the TriliumNext client and server.
+
+## Entering options
+
+The Options can be accessed via:
+
+*   The [Global menu](Global%20menu.md), by selecting the _Options_ item.
+*   The ![](1_Options_image.png) button in the [Launch Bar](Launch%20Bar.md) which can optionally be hidden if not desirable.
+*   Optionally, a keyboard shortcut can be defined, but it is not assigned by default.
+*   By clicking on this link: <a class="reference-link" href="#root/_hidden/_options">Options</a>.
+
+Once in the options section, simply select one of the option categories using the <a class="reference-link" href="Note%20Tree.md">Note Tree</a>.
+
+## Exiting options
+
+When entering the options, they are opened in a new [tab](Tabs.md). To close them, simply close the tab.
+
+## Options when using sync
+
+When using <a class="reference-link" href="../../Installation%20%26%20Setup/Synchronization.md">Synchronization</a>, some of the options will be kept in sync across all the devices while others can be changed independently.
+
+Generally, the options that relate to appearance are intentionally kept not synced in order to allow per-client customization (layout orientation, theme, vertical/horizontal layout, code block themes).

docs/User Guide/User Guide/Basic Concepts and Features/UI Elements/Recent Changes.md

@@ -0,0 +1,14 @@
+# Recent Changes
+<figure class="image image-style-align-center image_resized" style="width:50%;"><img style="aspect-ratio:988/572;" src="1_Recent Changes_image.png" width="988" height="572"></figure>
+
+## Accessing the recent changes
+
+*   For an overview of the changes across all documents, press the <img src="Recent Changes_image.png" width="25" height="21"> button in the <a class="reference-link" href="Launch%20Bar.md">Launch Bar</a>.
+    *   If there is a [hoisted note](../Navigation/Note%20Hoisting.md) or a [workspace](../Navigation/Workspaces.md), the list of recent changes will be limited to the descendents of the hoisted note, or the workspace.
+*   To limit the list of recent changes to a note and its descendants, look for the corresponding option in the <a class="reference-link" href="Note%20Tree/Note%20tree%20contextual%20menu.md">Note tree contextual menu</a> → Advanced.
+
+## Interaction
+
+*   Notes which were changed will appear in reverse chronological order (latest update first).
+*   The title of the note is displayed, as well as the note path. Clicking on the note title will dismiss the dialog and navigate to that particular note.
+*   Deleted notes will also be listed here, at their time of deletion. Press the _Undelete_ link next to them in order to recover them.

docs/User Guide/User Guide/Basic Concepts and Features/UI Elements/Ribbon.md

@@ -0,0 +1,66 @@
+# Ribbon
+![](Ribbon_image.png)
+
+The ribbon allows changing options, attributes and viewing information about the current note.
+
+## Settings
+
+It is possible to change whether some ribbon items will be automatically open when navigating to a new note. To do so, in [Settings](Options.md), go to _Appearance_ and look for the _Ribbon widgets_ section.
+
+## Formatting
+
+If you are using the _Fixed_ formatting toolbar, all the formatting buttons for text notes will appear here. See [Formatting toolbar](../../Note%20Types/Text/Formatting%20toolbar.md) for more information.
+
+## Tabs
+
+### Basic Properties
+
+*   _**Note type**_ allows changing the [note type](../../Note%20Types.md) of a note.
+    *   Generally this is desirable only if the note is empty.
+    *   As a more advanced use, it's possible to change the note type in order to modify the [source code](../../Advanced%20Usage/Note%20source.md) of a note.
+*   _**Protect the note**_ toggles whether the current note is encrypted and accessible only by entering the protected session. See [Protected Notes](../Notes/Protected%20Notes.md) for more information.
+*   _**Editable**_ changes whether the current note:
+    *   Enters [read-only mode](../Notes/Read-Only%20Notes.md) automatically if the note is too big (default behaviour).
+    *   Is always in read-only mode (however it can still be edited temporarily).
+    *   Is always editable, regardless of its size.
+*   _**Bookmark**_ toggles the display of the current note into the [Launch Bar](Launch%20Bar.md) for easy access. See [Bookmarks](../Navigation/Bookmarks.md) for more information.
+*   _**Shared**_ toggles whether the current note is publicly accessible if you have a [server instance](../../Installation%20%26%20Setup/Server%20Installation.md) set up. See [Sharing](../../Advanced%20Usage/Sharing.md) for more information.
+*   _**Template**_ toggles whether the current note is considered a template and can be used to easily create notes with the same content. See [Template](../../Advanced%20Usage/Templates.md) for more information.
+*   _**Language**_ changes the main language of the current note, mostly useful for spell checking or right-to-left support. See [Content language & Right-to-left support](../../Note%20Types/Text/Content%20language%20%26%20Right-to-le.md) for more information.
+
+### Owned Attributes
+
+This section allows editing the labels and relations of a note. For more information, see [Attributes](../../Advanced%20Usage/Attributes.md).
+
+The plus button to the right offers a simplified way to insert labels and relations, via a graphical input. From this menu, it's also possible to define label and relation definitions (see [Promoted Attributes](../../Advanced%20Usage/Attributes/Promoted%20Attributes.md)).
+
+### Inherited Attributes
+
+This section displays the attributes which are applied to this note via [Attribute Inheritance](../../Advanced%20Usage/Attributes/Attribute%20Inheritance.md). It is not possible to alter the attributes from this section.
+
+### Note Paths
+
+This section displays all the places where the current note has been cloned to. Here the current note can also be cloned to a new location (similar to the [Note Tree](Note%20Tree.md)) See [Cloning Notes](../Notes/Cloning%20Notes.md) for more information.
+
+### Note Map
+
+The note map displays all the relations of the current note to other notes, as well as the subtree structure. See [Note Tree](Note%20Tree.md) for more information.
+
+### Similar Notes
+
+This section lists all the notes that are similar to the current one. See [Similar Notes](../Navigation/Similar%20Notes.md) for more information.
+
+### Note Info
+
+This section displays information about the current note:
+
+*   The [internal ID](../../Advanced%20Usage/Note%20ID.md) of the note.
+*   The [type of the note](../../Note%20Types.md), as well as its MIME type (used mostly for exporting notes).
+*   The created and modification dates.
+*   The estimated size of the note in the [Database](../../Advanced%20Usage/Database.md), as well as its children count and size.
+
+### Edited notes
+
+This section pops automatically when entering a [day note](../../Advanced%20Usage/Advanced%20Showcases/Day%20Notes.md) and shows the notes that were edited that day.
+
+It is possible to disable this behavior from settings, by going to <a class="reference-link" href="#root/_hidden/_options/_optionsAppearance">Appearance</a> settings and looking for the _Ribbon widgets_ section.

docs/User Guide/User Guide/Basic Concepts and Features/UI Elements/Right Sidebar.md

@@ -0,0 +1,19 @@
+# Right Sidebar
+<figure class="image"><img style="aspect-ratio:1036/372;" src="Right Sidebar_image.png" width="1036" height="372"></figure>
+
+The right sidebar displays specific content for the current note. Currently it includes:
+
+*   <a class="reference-link" href="../../Note%20Types/Text/Table%20of%20contents.md">Table of contents</a>
+*   <a class="reference-link" href="../../Note%20Types/Text/Highlights%20list.md">Highlights list</a>
+
+Note that the sidebar is not displayed if it would otherwise be empty, for example if there are too few headings and there are no highlights.
+
+## Toggling the right sidebar
+
+The sidebar can be hidden or shown by using the `toggleRightPane` keyboard shortcut, which is not assigned by default.
+
+## Relation with splits
+
+When using <a class="reference-link" href="Split%20View.md">Split View</a>, there is a single sidebar serving all the open splits for the current [tab](Tabs.md).
+
+Clicking on a note within the split view will display the sidebar for that note. If there are no items to display in the sidebar, it will remain closed.

docs/User Guide/User Guide/Basic Concepts and Features/UI Elements/Split View.md

@@ -0,0 +1,24 @@
+# Split View
+In Trilium, is possible to work with two or more notes side-by-side.
+
+<figure class="image image-style-align-center"><img style="aspect-ratio:1398/1015;" src="Split View_2_Split View_im.png" width="1398" height="1015"></figure>
+
+## **Interactions**
+
+*   Press the ![](Split%20View_Split%20View_imag.png) button to the right of a note's title to open a new split to the right of it.
+    *   It is possible to have as many splits as desired, simply press again the button.
+    *   Only horizontal splits are possible, vertical or drag & dropping is not supported.
+*   When at least one split is open, press the ![](Split%20View_3_Split%20View_im.png) button next to it to close it.
+*   Use the ![](Split%20View_4_Split%20View_im.png) or the ![](Split%20View_1_Split%20View_im.png) button to move around the splits.
+*   Each [tab](Tabs.md) has its own split view configuration (e.g. one tab can have two notes in a split view, whereas the others are one-note views).
+    *   The tab will indicate only the title of the main note (the first one in the list).
+
+## Splits and the note tree & hoisting
+
+Clicking on the content of a split will focus that split. While focused, the <a class="reference-link" href="Note%20Tree.md">Note Tree</a> will also indicate the note that is being edited.
+
+It is possible for each of the splits to have their own <a class="reference-link" href="../Navigation/Note%20Hoisting.md">Note Hoisting</a>.
+
+When a new split is created, it will share the same note hoisting as the previous one. An easy solution to this is to simply hoist the notes after the split is created.
+
+This is generally quite useful for reorganizing notes from one place to the other, by hoisting the old place in the first split and hoisting the new place to the second one. This will allow easy cut and paste without the tree jumping around from switching between notes.

docs/User Guide/User Guide/Basic Concepts and Features/UI Elements/Tabs.md

@@ -0,0 +1,30 @@
+# Tabs
+<figure class="image image-style-align-center"><img style="aspect-ratio:1119/43;" src="2_Tabs_image.png" width="1119" height="43"></figure>
+
+In Trilium, tabs allow easy switching between notes.
+
+## Layout
+
+Depending on the <a class="reference-link" href="Vertical%20and%20horizontal%20layout.md">Vertical and horizontal layout</a>:
+
+*   For the vertical layout, the tabs will be placed at the top but to the right of the <a class="reference-link" href="Note%20Tree.md">Note Tree</a>.
+*   For the horizontal layout, the tabs will be placed at the top in full-width, above the [note tree](Note%20Tree.md), allowing for more tabs to be comfortably displayed.
+
+## Interaction
+
+*   To create a new tab, press the ![](1_Tabs_image.png) button that is to the right of the last tab.
+*   To close a tab, press the corresponding ![](Tabs_image.png) button.
+*   For multitasking, tabs can be used alongside <a class="reference-link" href="Split%20View.md">Split View</a>. Each tab can have one or more notes, displayed horizontally.
+*   Tabs can be reordered by drag-and-dropping it into a new position.
+*   An existing tab can be displayed in a new window by dragging the tab upwards or downwards. It is not possible to combine tabs back into another window.
+
+## Keyboard interaction
+
+Since tabs are a commonly used feature, there are multiple keyboard shortcuts that can be used:
+
+*   <kbd>Ctrl</kbd>+<kbd>T</kbd> to open a new tab.
+*   <kbd>Ctrl</kbd>+<kbd>W</kbd> to close the current tab.
+*   <kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>T</kbd> to reopen the last closed tab.
+*   <kbd>Ctrl</kbd>+<kbd>Tab</kbd> and <kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>Tab</kbd> to go to the next or previous tab.
+*   <kbd>Ctrl</kbd>+<kbd>1</kbd>, <kbd>Ctrl</kbd>+<kbd>2</kbd>, up to <kbd>Ctrl</kbd>+<kbd>9</kbd> to activate the first, second and up til ninth tab.
+*   There is also a shortcut to go to the last tab, but it is not assigned a key by default.

docs/User Guide/User Guide/Basic Concepts and Features/UI Elements/Vertical and horizontal layout.md

@@ -0,0 +1,34 @@
+# Vertical and horizontal layout
+## Layouts
+
+Trilium supports two different layouts, based on your preference.
+
+### Vertical layout
+
+The vertical layout is Trilium's original layout:
+
+*   The <a class="reference-link" href="Launch%20Bar.md">Launch Bar</a> is positioned on the left side of the screen, with buttons being laid out vertically.
+*   The tab bar is at the top, but to the right of the <a class="reference-link" href="Note%20Tree.md">Note Tree</a>.
+*   The <a class="reference-link" href="../Navigation/Quick%20search.md">Quick search</a> is at the top of the <a class="reference-link" href="Note%20Tree.md">Note Tree</a>.
+*   The <a class="reference-link" href="Note%20Tree.md">Note Tree</a> can be collapsed by pressing the ![](5_Vertical%20and%20horizontal%20la.png) button at the bottom of the <a class="reference-link" href="Launch%20Bar.md">Launch Bar</a>.
+*   The <a class="reference-link" href="Global%20menu.md">Global menu</a> can be accessed via the ![](4_Vertical%20and%20horizontal%20la.png) icon at the top of the <a class="reference-link" href="Launch%20Bar.md">Launch Bar</a>.
+
+![](3_Vertical%20and%20horizontal%20la.png)
+
+### Horizontal layout
+
+The horizontal layout is a more traditional layout, since it bears similarity with other applications. In this mode:
+
+*   The <a class="reference-link" href="Launch%20Bar.md">Launch Bar</a> is at the top of the screen, with the buttons laid horizontally.
+*   The tab bar is at the top of the screen, but now covers the entirety of the width, allowing for more tabs to be displayed at once.
+*   The <a class="reference-link" href="../Navigation/Quick%20search.md">Quick search</a> is now part of the <a class="reference-link" href="Launch%20Bar.md">Launch Bar</a>. It can be moved around according to preference and even removed if needed.
+*   The <a class="reference-link" href="Note%20Tree.md">Note Tree</a> can be collapsed by pressing the small ![](1_Vertical%20and%20horizontal%20la.png) button to the left of the first tab.
+*   The <a class="reference-link" href="Global%20menu.md">Global menu</a> can be accessed via the ![](Vertical%20and%20horizontal%20la.png) button at the end of the <a class="reference-link" href="Launch%20Bar.md">Launch Bar</a>.
+
+![](2_Vertical%20and%20horizontal%20la.png)
+
+## Changing the layout
+
+Go to <a class="reference-link" href="Options.md">Options</a> and look for the _Appearance_ option on the left. Then look for the _Layout_ section, where there is the possibility to switch between the two available layouts.
+
+Selecting an option will immediately apply the new layout by reloading the window.