move hide & center to view

website/src/lib/components/Menu.svelte

@@ -293,19 +293,6 @@
                         <PaintBucket size="16" />
                         {i18n._('menu.style.button')}
                     </Menubar.Item>
-                    <Menubar.Item
-                        onclick={() => engine.setSelectionHidden(!$allHidden)}
-                        disabled={selectionCount == 0}
-                    >
-                        {#if $allHidden}
-                            <Eye size="16" />
-                            {i18n._('menu.unhide')}
-                        {:else}
-                            <EyeOff size="16" />
-                            {i18n._('menu.hide')}
-                        {/if}
-                        <Shortcut key="H" ctrl={true} />
-                    </Menubar.Item>
                     {#if $treeFileView}
                         {#if $selection.type === 'file'}
                             <Menubar.Separator />
@@ -353,18 +340,6 @@
                         {i18n._('menu.select_all')}
                         <Shortcut key="A" ctrl={true} />
                     </Menubar.Item>
-                    <Menubar.Item
-                        onclick={() => {
-                            if (selectionCount > 0) {
-                                boundsManager.centerMapOnSelection();
-                            }
-                        }}
-                        disabled={selectionCount == 0}
-                    >
-                        <Maximize size="16" />
-                        {i18n._('menu.center')}
-                        <Shortcut key="⏎" ctrl={true} />
-                    </Menubar.Item>
                     {#if $treeFileView}
                         <Menubar.Separator />
                         <Menubar.Item onclick={() => engine.copy()} disabled={selectionCount === 0}>
@@ -429,6 +404,34 @@
                         />
                     </Menubar.CheckboxItem>
                     <Menubar.Separator />
+                    <Menubar.Item
+                        inset
+                        onclick={() => engine.setSelectionHidden(!$allHidden)}
+                        disabled={selectionCount == 0}
+                    >
+                        {#if $allHidden}
+                            <Eye size="16" />
+                            {i18n._('menu.unhide')}
+                        {:else}
+                            <EyeOff size="16" />
+                            {i18n._('menu.hide')}
+                        {/if}
+                        <Shortcut key="H" ctrl={true} />
+                    </Menubar.Item>
+                    <Menubar.Item
+                        inset
+                        onclick={() => {
+                            if (selectionCount > 0) {
+                                boundsManager.centerMapOnSelection();
+                            }
+                        }}
+                        disabled={selectionCount == 0}
+                    >
+                        <Maximize size="16" />
+                        {i18n._('menu.center')}
+                        <Shortcut key="⏎" ctrl={true} />
+                    </Menubar.Item>
+                    <Menubar.Separator />
                     <Menubar.Item inset onclick={() => map.toggle3D()}>
                         <Box size="16" />
                         {i18n._('menu.toggle_3d')}

website/src/lib/components/file-list/FileListNodeLabel.svelte

@@ -259,18 +259,8 @@
                 <PaintBucket size="16" />
                 {i18n._('menu.style.button')}
             </ContextMenu.Item>
-        {/if}
-        <ContextMenu.Item onclick={() => engine.setSelectionHidden(!$allHidden)}>
-            {#if $allHidden}
-                <Eye size="16" />
-                {i18n._('menu.unhide')}
-            {:else}
-                <EyeOff size="16" />
-                {i18n._('menu.hide')}
-            {/if}
-            <Shortcut key="H" ctrl={true} />
-        </ContextMenu.Item>
             <ContextMenu.Separator />
+        {/if}
         {#if orientation === 'vertical'}
             {#if node.type === 'file'}
                 <ContextMenu.Item disabled={!singleSelection} onclick={() => engine.newTrack()}>
@@ -301,18 +291,29 @@
                 <ContextMenu.Separator />
             {/if}
         {/if}
+        <ContextMenu.Item onclick={() => engine.setSelectionHidden(!$allHidden)}>
+            {#if $allHidden}
+                <Eye size="16" />
+                {i18n._('menu.unhide')}
+            {:else}
+                <EyeOff size="16" />
+                {i18n._('menu.hide')}
+            {/if}
+            <Shortcut key="H" ctrl={true} />
+        </ContextMenu.Item>
+        <ContextMenu.Item onclick={() => boundsManager.centerMapOnSelection()}>
+            <Maximize size="16" />
+            {i18n._('menu.center')}
+            <Shortcut key="⏎" ctrl={true} />
+        </ContextMenu.Item>
         {#if level !== 'waypoints'}
+            <ContextMenu.Separator />
             <ContextMenu.Item onclick={() => engine.selectAll()}>
                 <FileStack size="16" />
                 {i18n._('menu.select_all')}
                 <Shortcut key="A" ctrl={true} />
             </ContextMenu.Item>
         {/if}
-        <ContextMenu.Item onclick={() => boundsManager.centerMapOnSelection()}>
-            <Maximize size="16" />
-            {i18n._('menu.center')}
-            <Shortcut key="⏎" ctrl={true} />
-        </ContextMenu.Item>
         <ContextMenu.Separator />
         <ContextMenu.Item onclick={() => engine.duplicate()}>
             <Copy size="16" />

website/src/lib/docs/en/menu/edit.mdx

@@ -3,7 +3,7 @@ title: Edit actions
 ---
 
 <script lang="ts">
-    import { Undo2, Redo2, Info, PaintBucket, EyeOff, FileStack, ClipboardCopy, Scissors, ClipboardPaste, Trash2, Maximize, Plus } from '@lucide/svelte';
+    import { Undo2, Redo2, Info, PaintBucket, FileStack, ClipboardCopy, Scissors, ClipboardPaste, Trash2, Plus } from '@lucide/svelte';
     import DocsNote from '$lib/components/docs/DocsNote.svelte';
 </script>
 
@@ -27,10 +27,6 @@ Open the information dialog of the currently selected file item, where you can s
 
 Open the appearance dialog, where you can change the color, opacity, and width of the selected file items on the map.
 
-### <EyeOff size="16" class="inline-block" style="margin-bottom: 2px" /> Hide/unhide
-
-Toggle the visibility of the selected file items on the map.
-
 ### <Plus size="16" class="inline-block" style="margin-bottom: 2px" /> New track
 
 Create a new track in the selected file.
@@ -57,10 +53,6 @@ Additionally, the selection must be a single track.
 
 Add all file items in the current hierarchy level to the selection.
 
-### <Maximize size="16" class="inline-block" style="margin-bottom: 2px" /> Center
-
-Center the map on the selected file items.
-
 ### <ClipboardCopy size="16" class="inline-block" style="margin-bottom: 2px" /> Copy
 
 Copy the selected file items to the clipboard.

website/src/lib/docs/en/menu/view.mdx

@@ -3,7 +3,7 @@ title: View options
 ---
 
 <script lang="ts">
-    import { ChartArea, ListTree, Map, Layers2, Coins, Milestone, Box, Maximize2 } from '@lucide/svelte';
+    import { ChartArea, ListTree, Map, Layers2, Coins, Milestone, EyeOff, Maximize, Box, Maximize2 } from '@lucide/svelte';
     import DocsNote from '$lib/components/docs/DocsNote.svelte';
 </script>
 
@@ -38,6 +38,14 @@ They are displayed for the current selection, like the [elevation profile](../fi
 
 Toggle the visibility of direction arrows on the map.
 
+### <EyeOff size="16" class="inline-block" style="margin-bottom: 2px" /> Hide/unhide
+
+Toggle the visibility of the selected file items on the map.
+
+### <Maximize size="16" class="inline-block" style="margin-bottom: 2px" /> Center
+
+Center the map on the selected file items.
+
 ### <Box size="16" class="inline-block" style="margin-bottom: 2px" /> Toggle 3D
 
 Enter or exit the 3D map view.