Feature request: Add delete confirmation dialog to file manager

- Added confirmation dialog before deleting files/folders
- Users must confirm deletion with a warning message
- Works for both Delete key and right-click delete
- Shows different messages for single file, folder, or multiple items
- Includes permanent deletion warning
- Follows existing design patterns using confirmWithToast

src/locales/en/translation.json

@@ -844,8 +844,12 @@
     "selectServerToEdit": "Select a server from the sidebar to start editing files",
     "fileOperations": "File Operations",
     "confirmDeleteMessage": "Are you sure you want to delete <strong>{{name}}</strong>?",
+    "confirmDeleteSingleItem": "Are you sure you want to permanently delete \"{{name}}\"?",
+    "confirmDeleteMultipleItems": "Are you sure you want to permanently delete {{count}} items?",
+    "confirmDeleteFolder": "Are you sure you want to permanently delete the folder \"{{name}}\" and all its contents?",
     "deleteDirectoryWarning": "This will delete the folder and all its contents.",
     "actionCannotBeUndone": "This action cannot be undone.",
+    "permanentDeleteWarning": "This action cannot be undone. The item(s) will be permanently deleted from the server.",
     "recent": "Recent",
     "pinned": "Pinned",
     "folderShortcuts": "Folder Shortcuts",

src/ui/Desktop/Apps/File Manager/FileManager.tsx

@@ -9,6 +9,7 @@ import { FileWindow } from "./components/FileWindow";
 import { DiffWindow } from "./components/DiffWindow";
 import { useDragToDesktop } from "../../../hooks/useDragToDesktop";
 import { useDragToSystemDesktop } from "../../../hooks/useDragToSystemDesktop";
+import { useConfirmation } from "@/hooks/use-confirmation.ts";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import { toast } from "sonner";
@@ -82,6 +83,7 @@ function formatFileSize(bytes?: number): string {
 function FileManagerContent({ initialHost, onClose }: FileManagerProps) {
   const { openWindow } = useWindowManager();
   const { t } = useTranslation();
+  const { confirmWithToast } = useConfirmation();
 
   const [currentHost, setCurrentHost] = useState<SSHHost | null>(
     initialHost || null,
@@ -587,6 +589,32 @@ function FileManagerContent({ initialHost, onClose }: FileManagerProps) {
   async function handleDeleteFiles(files: FileItem[]) {
     if (!sshSessionId || files.length === 0) return;
 
+    // Determine the confirmation message based on file count and type
+    let confirmMessage: string;
+    if (files.length === 1) {
+      const file = files[0];
+      if (file.type === "directory") {
+        confirmMessage = t("fileManager.confirmDeleteFolder", {
+          name: file.name,
+        });
+      } else {
+        confirmMessage = t("fileManager.confirmDeleteSingleItem", {
+          name: file.name,
+        });
+      }
+    } else {
+      confirmMessage = t("fileManager.confirmDeleteMultipleItems", {
+        count: files.length,
+      });
+    }
+
+    // Add permanent deletion warning
+    const fullMessage = `${confirmMessage}\n\n${t("fileManager.permanentDeleteWarning")}`;
+
+    // Show confirmation dialog
+    confirmWithToast(
+      fullMessage,
+      async () => {
         try {
           await ensureSSHConnection();
 
@@ -635,6 +663,9 @@ function FileManagerContent({ initialHost, onClose }: FileManagerProps) {
           }
           console.error("Delete failed:", error);
         }
+      },
+      "destructive",
+    );
   }
 
   function handleCreateNewFolder() {