Redesign "Refresh network hosts" function

- Remove button that didn't match the app design
- Add ⌘R shortcut
- Add nice footer

Author: vdavid

apps/desktop/src/lib/commands/command-registry.ts

@@ -303,7 +303,7 @@ export const commands: Command[] = [
         name: 'Refresh network hosts',
         scope: 'Main window/Network',
         showInPalette: true,
-        shortcuts: [],
+        shortcuts: ['⌘R'],
     },
 
     // ============================================================================

apps/desktop/src/lib/file-explorer/network/NetworkBrowser.svelte

@@ -137,15 +137,32 @@
         scrollToIndex(cursorIndex)
     }
 
+    /** Refresh all shares (used by ⌘R shortcut). */
+    export function refresh() {
+        handleRefreshClick()
+    }
+
     /** Find a host by name, returns its index or -1. */
     // noinspection JSUnusedGlobalSymbols -- used dynamically
     export function findItemIndex(name: string): number {
         return hosts.findIndex((h) => h.name.toLowerCase() === name.toLowerCase())
     }
 
+    /** Check for ⌘R refresh shortcut */
+    function isRefreshShortcut(e: KeyboardEvent): boolean {
+        return e.key === 'r' && e.metaKey && !e.shiftKey && !e.altKey && !e.ctrlKey
+    }
+
     // Handle keyboard navigation
     // noinspection JSUnusedGlobalSymbols -- used dynamically
     export function handleKeyDown(e: KeyboardEvent): boolean {
+        // ⌘R to refresh — works regardless of host count
+        if (isRefreshShortcut(e)) {
+            e.preventDefault()
+            handleRefreshClick()
+            return true
+        }
+
         if (hosts.length === 0) return false
 
         // Try centralized navigation shortcuts first (PageUp, PageDown, Home, End, Option+arrows)
@@ -408,9 +425,10 @@
     </div>
 
     {#if hosts.length > 0}
-        <div class="refresh-section">
-            <Button variant="secondary" onclick={handleRefreshClick}>🔄 Refresh</Button>
-        </div>
+        <button class="network-status-bar" onclick={handleRefreshClick} aria-label="Refresh network hosts">
+            <span class="status-text">{hosts.length} {hosts.length === 1 ? 'host' : 'hosts'}</span>
+            <span class="refresh-hint">Press ⌘R or click here to refresh</span>
+        </button>
     {/if}
 </div>
 
@@ -549,10 +567,35 @@
         cursor: help;
     }
 
-    .refresh-section {
+    .network-status-bar {
         display: flex;
-        justify-content: center;
-        padding: var(--spacing-lg) var(--spacing-sm);
-        border-top: 1px solid var(--color-border-subtle);
+        align-items: center;
+        gap: 8px;
+        width: 100%;
+        padding: var(--spacing-xs) var(--spacing-sm);
+        font-family: var(--font-system), sans-serif;
+        font-size: calc(var(--font-size-sm) * 0.95);
+        color: var(--color-text-secondary);
+        background-color: var(--color-bg-secondary);
+        border: none;
+        border-top: 1px solid var(--color-border-strong);
+        min-height: 1.5em;
+        text-align: left;
+    }
+
+    .status-text {
+        flex: 1 1 0;
+        min-width: 0;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }
+
+    .refresh-hint {
+        flex-shrink: 0;
+        margin-left: auto;
+        padding-left: var(--spacing-md);
+        color: var(--color-text-tertiary);
+        white-space: nowrap;
     }
 </style>

apps/desktop/src/lib/file-explorer/pane/DualPaneExplorer.svelte

@@ -1808,6 +1808,13 @@
         paneRef?.refreshView?.()
     }
 
+    /** Refresh network hosts in the focused pane (used by ⌘R shortcut). */
+    export function refreshNetworkHosts() {
+        const paneRef = getPaneRef(focusedPane)
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-call
+        paneRef?.refreshNetworkHosts?.()
+    }
+
     /**
      * Handle unified select command from MCP.
      * @param pane - Which pane to select in

apps/desktop/src/lib/file-explorer/pane/FilePane.svelte

@@ -253,6 +253,12 @@
         return isNetworkView
     }
 
+    /** Refresh network hosts (used by ⌘R shortcut). */
+    export function refreshNetworkHosts(): void {
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-call
+        networkMountViewRef?.refreshNetworkHosts()
+    }
+
     export function getSelectedIndices(): number[] {
         return selection.getSelectedIndices()
     }

apps/desktop/src/lib/file-explorer/pane/NetworkMountView.svelte

@@ -157,6 +157,12 @@
         return (networkBrowserRef?.findItemIndex(name) as number | undefined) ?? -1
     }
 
+    /** Refresh network hosts (used by ⌘R shortcut). */
+    export function refreshNetworkHosts() {
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-call -- Svelte bind:this ref
+        networkBrowserRef?.refresh()
+    }
+
     export function setNetworkHost(host: NetworkHost | null) {
         currentNetworkHost = host
         mountError = null

apps/desktop/src/routes/(main)/+page.svelte

@@ -75,6 +75,7 @@
         moveCursor: (pane: 'left' | 'right', to: number | string) => Promise<void>
         scrollTo: (pane: 'left' | 'right', index: number) => void
         refreshPane: () => void
+        refreshNetworkHosts: () => void
         newTab: () => boolean
         closeActiveTab: () => 'closed' | 'last-tab'
         closeActiveTabWithConfirmation: () => Promise<'closed' | 'last-tab' | 'cancelled'>
@@ -797,6 +798,12 @@
                 explorerRef?.refocus()
                 return
 
+            // === Network commands ===
+            case 'network.refresh':
+                explorerRef?.refreshNetworkHosts()
+                explorerRef?.refocus()
+                return
+
             // === Sort commands ===
             case 'sort.byName':
                 explorerRef?.setSortColumn('name')