Feature: Add copy dialog with F5 shortcut

- New CopyDialog component with draggable title bar, no blur background
- Direction indicator showing source → destination with centered arrow
- Volume selector with free space display (new backend API)
- Pre-filled destination path, selected for easy editing
- ESC cancels, ENTER confirms
- Works with selection or file under cursor
- TODO: Actual copy operation (dialog just closes for now)

Author: vdavid

apps/desktop/coverage-allowlist.json

@@ -30,6 +30,8 @@
         "settings-store.ts": { "reason": "Depends on Tauri store APIs" },
         "tauri-commands.ts": { "reason": "Tauri command wrappers, tested via integration" },
         "updater.svelte.ts": { "reason": "Depends on Tauri updater APIs" },
-        "window-state.ts": { "reason": "Depends on Tauri window APIs" }
+        "window-state.ts": { "reason": "Depends on Tauri window APIs" },
+        "write-operations/CopyDialog.svelte": { "reason": "UI modal, logic tested in copy-dialog-utils.test.ts" },
+        "write-operations/DirectionIndicator.svelte": { "reason": "Simple UI component, logic tested in copy-dialog-utils.test.ts" }
     }
 }

apps/desktop/src-tauri/src/commands/volumes.rs

@@ -1,6 +1,6 @@
 //! Tauri commands for volume operations.
 
-use crate::volumes::{self, DEFAULT_VOLUME_ID, LocationCategory, VolumeInfo};
+use crate::volumes::{self, LocationCategory, VolumeInfo, VolumeSpaceInfo, DEFAULT_VOLUME_ID};
 
 /// Lists all mounted volumes.
 #[tauri::command]
@@ -41,3 +41,10 @@ pub fn find_containing_volume(path: String) -> Option<VolumeInfo> {
 
     best_match
 }
+
+/// Gets space information for a volume at the given path.
+/// Returns total and available bytes for the volume.
+#[tauri::command]
+pub fn get_volume_space(path: String) -> Option<VolumeSpaceInfo> {
+    volumes::get_volume_space(&path)
+}

apps/desktop/src-tauri/src/lib.rs

@@ -292,6 +292,8 @@ pub fn run() {
             #[cfg(target_os = "macos")]
             commands::volumes::find_containing_volume,
             #[cfg(target_os = "macos")]
+            commands::volumes::get_volume_space,
+            #[cfg(target_os = "macos")]
             commands::network::list_network_hosts,
             #[cfg(target_os = "macos")]
             commands::network::get_network_discovery_state,

apps/desktop/src-tauri/src/volumes/mod.rs

@@ -383,6 +383,42 @@ fn get_string_resource(url: &objc2_foundation::NSURL, key: &str) -> Option<Strin
     get_nsurl_resource(url, key, |obj| obj.downcast::<NSString>().ok().map(|s| s.to_string()))
 }
 
+/// Get a u64 resource value from an NSURL (for capacity values).
+fn get_u64_resource(url: &objc2_foundation::NSURL, key: &str) -> Option<u64> {
+    use objc2_foundation::NSNumber;
+    get_nsurl_resource(url, key, |obj| {
+        obj.downcast::<NSNumber>()
+            .ok()
+            .map(|n| n.unsignedLongLongValue())
+    })
+}
+
+/// Information about volume space.
+#[derive(Debug, Clone, Serialize, Deserialize)]
+#[serde(rename_all = "camelCase")]
+pub struct VolumeSpaceInfo {
+    /// Total capacity in bytes.
+    pub total_bytes: u64,
+    /// Available capacity in bytes (free space for user).
+    pub available_bytes: u64,
+}
+
+/// Get space information for a volume containing the given path.
+pub fn get_volume_space(path: &str) -> Option<VolumeSpaceInfo> {
+    use objc2_foundation::NSURL;
+
+    let url = NSURL::fileURLWithPath(&objc2_foundation::NSString::from_str(path));
+
+    let total = get_u64_resource(&url, "NSURLVolumeTotalCapacityKey")?;
+    let available = get_u64_resource(&url, "NSURLVolumeAvailableCapacityForImportantUsageKey")
+        .or_else(|| get_u64_resource(&url, "NSURLVolumeAvailableCapacityKey"))?;
+
+    Some(VolumeSpaceInfo {
+        total_bytes: total,
+        available_bytes: available,
+    })
+}
+
 // Legacy compatibility - maintain VolumeInfo type for backwards compatibility
 pub use LocationInfo as VolumeInfo;
 
@@ -462,4 +498,32 @@ mod tests {
         assert_eq!(path_to_id("/"), "root");
         assert_eq!(path_to_id("/Volumes/External"), "volumesexternal");
     }
+
+    #[test]
+    fn test_get_volume_space_root() {
+        let space = get_volume_space("/");
+        assert!(space.is_some(), "Should get space info for root volume");
+
+        let space = space.unwrap();
+        assert!(space.total_bytes > 0, "Total bytes should be positive");
+        assert!(space.available_bytes > 0, "Available bytes should be positive");
+        assert!(
+            space.available_bytes <= space.total_bytes,
+            "Available should be <= total"
+        );
+    }
+
+    #[test]
+    fn test_get_volume_space_home() {
+        let home = dirs::home_dir().expect("Should have home dir");
+        let space = get_volume_space(home.to_str().unwrap());
+        assert!(space.is_some(), "Should get space info for home directory");
+    }
+
+    #[test]
+    fn test_get_volume_space_nonexistent() {
+        // Nonexistent paths return None - the NSURL resource API doesn't resolve to ancestor volumes
+        let space = get_volume_space("/nonexistent/path/that/does/not/exist");
+        assert!(space.is_none(), "Nonexistent paths should return None");
+    }
 }

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

@@ -3,6 +3,7 @@
     import FilePane from './FilePane.svelte'
     import PaneResizer from './PaneResizer.svelte'
     import LoadingIcon from '../LoadingIcon.svelte'
+    import CopyDialog from '../write-operations/CopyDialog.svelte'
     import {
         loadAppStatus,
         saveAppStatus,
@@ -23,6 +24,8 @@
         DEFAULT_VOLUME_ID,
         type UnlistenFn,
         updateFocusedPane,
+        getFileAt,
+        getListingStats,
     } from '$lib/tauri-commands'
     import type { VolumeInfo, SortColumn, SortOrder, NetworkHost } from './types'
     import { defaultSortOrders, DEFAULT_SORT_BY } from './types'
@@ -70,6 +73,18 @@
     let unlistenVolumeUnmount: UnlistenFn | undefined
     let unlistenNavigation: UnlistenFn | undefined
 
+    // Copy dialog state
+    let showCopyDialog = $state(false)
+    let copyDialogProps = $state<{
+        sourcePaths: string[]
+        destinationPath: string
+        direction: 'left' | 'right'
+        currentVolumeId: string
+        fileCount: number
+        folderCount: number
+        sourceFolderPath: string
+    } | null>(null)
+
     // Navigation history for each pane (per-pane, session-only)
     // Initialize with default volume - will be updated on mount with actual state
     let leftHistory = $state<NavigationHistory>(createHistory(DEFAULT_VOLUME_ID, '~'))
@@ -495,6 +510,13 @@
             return
         }
 
+        // F5 - Copy dialog
+        if (e.key === 'F5') {
+            e.preventDefault()
+            void openCopyDialog()
+            return
+        }
+
         // Route to volume chooser if one is open
         if (routeToVolumeChooser(e)) {
             return
@@ -763,6 +785,111 @@
         void saveAppStatus({ leftPaneWidthPercent: 50 })
     }
 
+    /** Gets file paths for the given indices from a listing. */
+    async function getSelectedFilePaths(listingId: string, indices: number[]): Promise<string[]> {
+        const paths: string[] = []
+        for (const index of indices) {
+            const file = await getFileAt(listingId, index, showHiddenFiles)
+            if (file && file.name !== '..') {
+                paths.push(file.path)
+            }
+        }
+        return paths
+    }
+
+    /** Opens the copy dialog with the current selection info. */
+    async function openCopyDialog() {
+        const isLeft = focusedPane === 'left'
+        const sourcePaneRef = isLeft ? leftPaneRef : rightPaneRef
+
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-call
+        const listingId = sourcePaneRef?.getListingId?.() as string | undefined
+        if (!listingId) return
+
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-call
+        const selectedIndices = sourcePaneRef?.getSelectedIndices?.() as number[] | undefined
+        const hasSelection = selectedIndices && selectedIndices.length > 0
+
+        const props = hasSelection
+            ? await buildCopyPropsFromSelection(listingId, selectedIndices, isLeft)
+            : await buildCopyPropsFromCursor(listingId, sourcePaneRef, isLeft)
+
+        if (props) {
+            copyDialogProps = props
+            showCopyDialog = true
+        }
+    }
+
+    type CopyDialogPropsData = {
+        sourcePaths: string[]
+        destinationPath: string
+        direction: 'left' | 'right'
+        currentVolumeId: string
+        fileCount: number
+        folderCount: number
+        sourceFolderPath: string
+    }
+
+    /** Builds copy dialog props from selected files. */
+    async function buildCopyPropsFromSelection(
+        listingId: string,
+        selectedIndices: number[],
+        isLeft: boolean,
+    ): Promise<CopyDialogPropsData | null> {
+        const stats = await getListingStats(listingId, showHiddenFiles, selectedIndices)
+        const sourcePaths = await getSelectedFilePaths(listingId, selectedIndices)
+        if (sourcePaths.length === 0) return null
+
+        return {
+            sourcePaths,
+            destinationPath: isLeft ? rightPath : leftPath,
+            direction: isLeft ? 'right' : 'left',
+            currentVolumeId: isLeft ? rightVolumeId : leftVolumeId,
+            fileCount: stats.selectedFiles ?? 0,
+            folderCount: stats.selectedDirs ?? 0,
+            sourceFolderPath: isLeft ? leftPath : rightPath,
+        }
+    }
+
+    /** Builds copy dialog props from the file under cursor. */
+    async function buildCopyPropsFromCursor(
+        listingId: string,
+        paneRef: FilePane | undefined,
+        isLeft: boolean,
+    ): Promise<CopyDialogPropsData | null> {
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-call
+        const cursorIndex = paneRef?.getCursorIndex?.() as number | undefined
+        if (cursorIndex === undefined || cursorIndex < 0) return null
+
+        const file = await getFileAt(listingId, cursorIndex, showHiddenFiles)
+        if (!file || file.name === '..') return null
+
+        return {
+            sourcePaths: [file.path],
+            destinationPath: isLeft ? rightPath : leftPath,
+            direction: isLeft ? 'right' : 'left',
+            currentVolumeId: isLeft ? rightVolumeId : leftVolumeId,
+            fileCount: file.isDirectory ? 0 : 1,
+            folderCount: file.isDirectory ? 1 : 0,
+            sourceFolderPath: isLeft ? leftPath : rightPath,
+        }
+    }
+
+    function handleCopyConfirm(destination: string, volumeId: string) {
+        // TODO: Implement actual copy operation using copyFiles() from tauri-commands
+        const itemCount = copyDialogProps?.sourcePaths.length ?? 0
+        log.info(`Copy confirmed: ${String(itemCount)} items to ${destination} (volume: ${volumeId})`)
+        showCopyDialog = false
+        copyDialogProps = null
+        containerElement?.focus()
+    }
+
+    function handleCopyCancel() {
+        showCopyDialog = false
+        copyDialogProps = null
+        containerElement?.focus()
+    }
+
     // Focus the container after initialization so keyboard events work
     $effect(() => {
         if (initialized) {
@@ -1038,6 +1165,21 @@
     {/if}
 </div>
 
+{#if showCopyDialog && copyDialogProps}
+    <CopyDialog
+        sourcePaths={copyDialogProps.sourcePaths}
+        destinationPath={copyDialogProps.destinationPath}
+        direction={copyDialogProps.direction}
+        {volumes}
+        currentVolumeId={copyDialogProps.currentVolumeId}
+        fileCount={copyDialogProps.fileCount}
+        folderCount={copyDialogProps.folderCount}
+        sourceFolderPath={copyDialogProps.sourceFolderPath}
+        onConfirm={handleCopyConfirm}
+        onCancel={handleCopyCancel}
+    />
+{/if}
+
 <style>
     .dual-pane-explorer {
         display: flex;

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

@@ -183,6 +183,11 @@
         void fetchEntryUnderCursor()
     }
 
+    // Get current cursor index
+    export function getCursorIndex(): number {
+        return cursorIndex
+    }
+
     // Get selected indices (for selection preservation during re-sort)
     export function getSelectedIndices(): number[] {
         return Array.from(selectedIndices)

apps/desktop/src/lib/file-explorer/types.ts

@@ -143,6 +143,14 @@ export interface VolumeInfo {
     isEjectable: boolean
 }
 
+/** Space information for a volume. */
+export interface VolumeSpaceInfo {
+    /** Total capacity in bytes */
+    totalBytes: number
+    /** Available capacity in bytes (free space for user) */
+    availableBytes: number
+}
+
 // ============================================================================
 // Sorting types
 // ============================================================================

apps/desktop/src/lib/tauri-commands.ts

@@ -523,6 +523,26 @@ export async function findContainingVolume(path: string): Promise<VolumeInfo | n
     }
 }
 
+/** Space information for a volume. */
+export interface VolumeSpaceInfo {
+    totalBytes: number
+    availableBytes: number
+}
+
+/**
+ * Gets space information (total and available bytes) for a volume at the given path.
+ * @param path - Any path on the volume to get space info for
+ * @returns Space info or null if unavailable
+ */
+export async function getVolumeSpace(path: string): Promise<VolumeSpaceInfo | null> {
+    try {
+        return await invoke<VolumeSpaceInfo | null>('get_volume_space', { path })
+    } catch {
+        // Command not available (non-macOS) - return null
+        return null
+    }
+}
+
 // ============================================================================
 // Permission checking (macOS only)
 // ============================================================================