Add Command palette

- Command collection!
- Fuzzy search
- Modal
- Last query state saving
- Add menu items
- Docs
- Tests
- Also added a few commands+shortcuts to the menu
- Also fixed bug: file explorer keys still worked while modals were open! :o

Author: vdavid

apps/desktop/package.json

@@ -24,6 +24,7 @@
     "license": "SEE LICENSE IN LICENSE",
     "dependencies": {
         "@crabnebula/tauri-plugin-drag": "^2.1.0",
+        "@leeoniya/ufuzzy": "^1.0.19",
         "@lottiefiles/dotlottie-svelte": "^0.8.12",
         "@tauri-apps/api": "^2",
         "@tauri-apps/plugin-fs": "^2.4.4",

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

@@ -37,6 +37,127 @@ pub fn show_main_window<R: Runtime>(window: Window<R>) -> Result<(), String> {
     window.show().map_err(|e| e.to_string())
 }
 
+/// Toggle hidden files visibility - updates menu checkbox and emits event.
+/// This is used by the command palette to sync with menu state.
+#[tauri::command]
+pub fn toggle_hidden_files<R: Runtime>(app: AppHandle<R>) -> Result<bool, String> {
+    let menu_state = app.state::<MenuState<R>>();
+    let guard = menu_state.show_hidden_files.lock().unwrap();
+    let Some(check_item) = guard.as_ref() else {
+        return Err("Menu not initialized".to_string());
+    };
+
+    // Get current state and toggle it
+    let current = check_item.is_checked().unwrap_or(false);
+    let new_state = !current;
+    check_item.set_checked(new_state).map_err(|e| e.to_string())?;
+
+    // Emit event to frontend with the new state
+    app.emit("settings-changed", serde_json::json!({ "showHiddenFiles": new_state }))
+        .map_err(|e| e.to_string())?;
+
+    Ok(new_state)
+}
+
+/// Set view mode - updates menu radio buttons and emits event.
+/// This is used by the command palette to sync with menu state.
+#[tauri::command]
+pub fn set_view_mode<R: Runtime>(app: AppHandle<R>, mode: String) -> Result<(), String> {
+    let menu_state = app.state::<MenuState<R>>();
+    let full_guard = menu_state.view_mode_full.lock().unwrap();
+    let brief_guard = menu_state.view_mode_brief.lock().unwrap();
+
+    let (Some(full_item), Some(brief_item)) = (full_guard.as_ref(), brief_guard.as_ref()) else {
+        return Err("Menu not initialized".to_string());
+    };
+
+    // Set the correct check state (radio behavior)
+    let is_full = mode == "full";
+    full_item.set_checked(is_full).map_err(|e| e.to_string())?;
+    brief_item.set_checked(!is_full).map_err(|e| e.to_string())?;
+
+    // Emit event to frontend
+    app.emit("view-mode-changed", serde_json::json!({ "mode": mode }))
+        .map_err(|e| e.to_string())?;
+
+    Ok(())
+}
+
+// ============================================================================
+// Direct file action commands (for command palette and other invocations)
+// ============================================================================
+
+/// Show a file in Finder (reveal in parent folder)
+#[tauri::command]
+#[cfg(target_os = "macos")]
+pub fn show_in_finder(path: String) -> Result<(), String> {
+    Command::new("open")
+        .arg("-R")
+        .arg(&path)
+        .spawn()
+        .map_err(|e| e.to_string())?;
+    Ok(())
+}
+
+#[tauri::command]
+#[cfg(not(target_os = "macos"))]
+pub fn show_in_finder(_path: String) -> Result<(), String> {
+    Err("Show in Finder is only available on macOS".to_string())
+}
+
+/// Copy text to clipboard
+#[tauri::command]
+pub fn copy_to_clipboard<R: Runtime>(app: AppHandle<R>, text: String) -> Result<(), String> {
+    app.clipboard().write_text(text).map_err(|e| e.to_string())
+}
+
+/// Quick Look preview (macOS only)
+#[tauri::command]
+#[cfg(target_os = "macos")]
+pub fn quick_look(path: String) -> Result<(), String> {
+    Command::new("qlmanage")
+        .arg("-p")
+        .arg(&path)
+        .spawn()
+        .map_err(|e| e.to_string())?;
+    Ok(())
+}
+
+#[tauri::command]
+#[cfg(not(target_os = "macos"))]
+pub fn quick_look(_path: String) -> Result<(), String> {
+    Err("Quick Look is only available on macOS".to_string())
+}
+
+/// Open Get Info window in Finder (macOS only)
+#[tauri::command]
+#[cfg(target_os = "macos")]
+pub fn get_info(path: String) -> Result<(), String> {
+    // Use AppleScript to open the Get Info window
+    // The path needs to be escaped for AppleScript
+    let escaped_path = path.replace("\\", "\\\\").replace("\"", "\\\"");
+    let script = format!(
+        r#"tell application "Finder"
+            activate
+            open information window of (POSIX file "{}" as alias)
+        end tell"#,
+        escaped_path
+    );
+
+    Command::new("osascript")
+        .arg("-e")
+        .arg(&script)
+        .spawn()
+        .map_err(|e| e.to_string())?;
+    Ok(())
+}
+
+#[tauri::command]
+#[cfg(not(target_os = "macos"))]
+pub fn get_info(_path: String) -> Result<(), String> {
+    Err("Get Info is only available on macOS".to_string())
+}
+
 /// Executes a menu action for the current context.
 pub fn execute_menu_action<R: Runtime>(app: &AppHandle<R>, id: &str) {
     let state = app.state::<MenuState<R>>();
@@ -53,7 +174,7 @@ pub fn execute_menu_action<R: Runtime>(app: &AppHandle<R>, id: &str) {
         crate::menu::SHOW_IN_FINDER_ID => {
             #[cfg(target_os = "macos")]
             {
-                let _ = Command::new("open").arg("-R").arg(&context.path).spawn();
+                let _ = show_in_finder(context.path);
             }
         }
         crate::menu::COPY_PATH_ID => {
@@ -65,14 +186,14 @@ pub fn execute_menu_action<R: Runtime>(app: &AppHandle<R>, id: &str) {
         crate::menu::QUICK_LOOK_ID => {
             #[cfg(target_os = "macos")]
             {
-                let _ = Command::new("qlmanage").arg("-p").arg(&context.path).spawn();
+                let _ = quick_look(context.path);
             }
         }
         crate::menu::GET_INFO_ID => {
-            let _ = app.emit(
-                "menu-action",
-                serde_json::json!({ "action": "get-info", "path": context.path }),
-            );
+            #[cfg(target_os = "macos")]
+            {
+                let _ = get_info(context.path);
+            }
         }
         _ => {}
     }

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

@@ -50,8 +50,8 @@ mod settings;
 mod volumes;
 
 use menu::{
-    ABOUT_ID, GO_BACK_ID, GO_FORWARD_ID, GO_PARENT_ID, MenuState, SHOW_HIDDEN_FILES_ID, VIEW_MODE_BRIEF_ID,
-    VIEW_MODE_FULL_ID, ViewMode,
+    ABOUT_ID, COMMAND_PALETTE_ID, GO_BACK_ID, GO_FORWARD_ID, GO_PARENT_ID, MenuState, SHOW_HIDDEN_FILES_ID,
+    SWITCH_PANE_ID, VIEW_MODE_BRIEF_ID, VIEW_MODE_FULL_ID, ViewMode,
 };
 use tauri::{Emitter, Manager};
 
@@ -185,6 +185,12 @@ pub fn run() {
             } else if id == ABOUT_ID {
                 // Emit event to show our custom About window
                 let _ = app.emit("show-about", ());
+            } else if id == COMMAND_PALETTE_ID {
+                // Emit event to show the command palette
+                let _ = app.emit("show-command-palette", ());
+            } else if id == SWITCH_PANE_ID {
+                // Emit event to switch pane
+                let _ = app.emit("switch-pane", ());
             } else {
                 // Handle file actions
                 commands::ui::execute_menu_action(app, id);
@@ -209,6 +215,12 @@ pub fn run() {
             commands::ui::show_file_context_menu,
             commands::ui::show_main_window,
             commands::ui::update_menu_context,
+            commands::ui::toggle_hidden_files,
+            commands::ui::set_view_mode,
+            commands::ui::show_in_finder,
+            commands::ui::copy_to_clipboard,
+            commands::ui::quick_look,
+            commands::ui::get_info,
             #[cfg(target_os = "macos")]
             commands::sync_status::get_sync_status,
             #[cfg(target_os = "macos")]

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

@@ -17,6 +17,12 @@ pub const COPY_FILENAME_ID: &str = "copy_filename";
 pub const GET_INFO_ID: &str = "get_info";
 pub const QUICK_LOOK_ID: &str = "quick_look";
 
+/// Menu item ID for command palette.
+pub const COMMAND_PALETTE_ID: &str = "command_palette";
+
+/// Menu item ID for Switch Pane.
+pub const SWITCH_PANE_ID: &str = "switch_pane";
+
 /// Menu item IDs for navigation (Go menu).
 pub const GO_BACK_ID: &str = "go_back";
 pub const GO_FORWARD_ID: &str = "go_forward";
@@ -111,7 +117,7 @@ pub fn build_menu<R: Runtime>(
     let copy_filename_item =
         tauri::menu::MenuItem::with_id(app, COPY_FILENAME_ID, "Copy filename", true, None::<&str>)?;
     let get_info_item = tauri::menu::MenuItem::with_id(app, GET_INFO_ID, "Get info", true, Some("Cmd+I"))?;
-    let quick_look_item = tauri::menu::MenuItem::with_id(app, QUICK_LOOK_ID, "Quick look", true, None::<&str>)?;
+    let quick_look_item = tauri::menu::MenuItem::with_id(app, QUICK_LOOK_ID, "Quick look", true, Some("Space"))?;
 
     // Find the existing File submenu and add our items to it
     for item in menu.items()? {
@@ -171,6 +177,19 @@ pub fn build_menu<R: Runtime>(
             submenu.append(&view_mode_brief_item)?;
             submenu.append(&tauri::menu::PredefinedMenuItem::separator(app)?)?;
             submenu.append(&show_hidden_item)?;
+            // Add command palette and switch pane after separator
+            submenu.append(&tauri::menu::PredefinedMenuItem::separator(app)?)?;
+            let command_palette_item = tauri::menu::MenuItem::with_id(
+                app,
+                COMMAND_PALETTE_ID,
+                "Command palette...",
+                true,
+                Some("Cmd+Shift+P"),
+            )?;
+            submenu.append(&command_palette_item)?;
+            let switch_pane_item =
+                tauri::menu::MenuItem::with_id(app, SWITCH_PANE_ID, "Switch pane", true, Some("Tab"))?;
+            submenu.append(&switch_pane_item)?;
             found_view = true;
             break;
         }

apps/desktop/src/lib/app-status-store.ts

@@ -248,3 +248,34 @@ export async function saveLastUsedPathForVolume(volumeId: string, path: string):
         // Silently fail - persistence is nice-to-have
     }
 }
+
+// ============================================================================
+// Command palette query persistence
+// ============================================================================
+
+/**
+ * Loads the last used command palette query.
+ * Returns empty string if not previously saved.
+ */
+export async function loadPaletteQuery(): Promise<string> {
+    try {
+        const store = await getStore()
+        const query = await store.get('paletteQuery')
+        return typeof query === 'string' ? query : ''
+    } catch {
+        return ''
+    }
+}
+
+/**
+ * Saves the current command palette query for next time.
+ */
+export async function savePaletteQuery(query: string): Promise<void> {
+    try {
+        const store = await getStore()
+        await store.set('paletteQuery', query)
+        await store.save()
+    } catch {
+        // Silently fail
+    }
+}