Add opportunity to remove recent file

Author: FirowMD

bytesto4t/src-tauri/src/commands/config.rs

@@ -109,6 +109,15 @@ pub fn get_config_recent_files(app_data: State<Storage>) -> Result<Vec<String>,
     Ok(recent_files.clone())
 }
 
+#[tauri::command]
+pub fn remove_config_recent_file(file_path: &str, app_data: State<Storage>) -> Result<(), String> {
+    let mut app_data = app_data.app_data.lock().map_err(|e| e.to_string())?;
+    if let Some(recent_files) = &mut app_data.app_config.recent_files {
+        recent_files.retain(|file| file != file_path);
+    }
+    Ok(())
+}
+
 #[tauri::command]
 pub fn set_config_openrouter_key(key: &str, app_data: State<Storage>) -> Result<(), String> {
     let mut app_data = app_data.app_data.lock().map_err(|e| e.to_string())?;

bytesto4t/src-tauri/src/lib.rs

@@ -119,6 +119,7 @@ pub fn run() {
             commands::config::set_config_theme,
             commands::config::set_config_colorscheme,
             commands::config::add_config_recent_file,
+            commands::config::remove_config_recent_file,
             commands::config::get_config_theme,
             commands::config::get_config_colorscheme,
             commands::config::get_config_recent_files,

bytesto4t/src/routes/+page.svelte

@@ -6,6 +6,10 @@
   let chosenRecentFile: string = "";
   let targetFilePath: string = "";
   let recentFiles: string[] = [];
+  let contextMenuVisible: boolean = false;
+  let contextMenuX: number = 0;
+  let contextMenuY: number = 0;
+  let contextMenuFile: string = "";
 
   async function setTargetFilePath(filePath: string) {
     try {
@@ -84,9 +88,43 @@
     }
   }
 
+  async function removeRecentFile(filePath: string) {
+    try {
+      await invoke("remove_config_recent_file", { filePath: filePath });
+      await invoke("save_config");
+      await getRecentFiles();
+      contextMenuVisible = false;
+    } catch (error) {
+      console.error("Error removing recent file:", error);
+    }
+  }
+
+  function showContextMenu(event: MouseEvent, filePath: string) {
+    event.preventDefault();
+    contextMenuFile = filePath;
+    contextMenuX = event.clientX;
+    contextMenuY = event.clientY;
+    contextMenuVisible = true;
+  }
+
+  function hideContextMenu() {
+    contextMenuVisible = false;
+  }
+
+  function handleGlobalClick(event: MouseEvent) {
+    if (contextMenuVisible && !(event.target as Element)?.closest('.context-menu')) {
+      hideContextMenu();
+    }
+  }
+
   onMount(async () => {
     await invoke("init_config", {});
     await getRecentFiles();
+    document.addEventListener('click', handleGlobalClick);
+    
+    return () => {
+      document.removeEventListener('click', handleGlobalClick);
+    };
   });
 </script>
 
@@ -133,9 +171,28 @@
         onchange={onChangeListBoxItemHandler}
       >
         {#each recentFiles as recentFile}
-          <option value={recentFile}>{recentFile}</option>
+          <option 
+            value={recentFile}
+            oncontextmenu={(e) => showContextMenu(e, recentFile)}
+          >
+            {recentFile}
+          </option>
         {/each}
       </select>
     </form>
   </div>
+  
+  {#if contextMenuVisible}
+    <div 
+      class="context-menu fixed z-50 bg-surface-800 border border-surface-600 rounded-lg shadow-lg py-1 min-w-48"
+      style="left: {contextMenuX}px; top: {contextMenuY}px;"
+    >
+      <button
+        class="w-full text-left px-4 py-2 hover:bg-surface-700 transition-colors text-surface-100"
+        onclick={() => removeRecentFile(contextMenuFile)}
+      >
+        Remove from list
+      </button>
+    </div>
+  {/if}
 </main>