tested

frontend/src/routes/admin/users/+page.svelte

@@ -21,6 +21,7 @@
   let roles = [];
   let loading = true;
   let error = null;
+  let deletingUserId = null;
 
   let showModal = false;
   let isEditing = false;
@@ -130,9 +131,11 @@
    * @param   {Object} user - The user to delete.
    */
   async function handleDeleteUser(user) {
+    if (deletingUserId) return;
     if (!confirm($t.admin.users.confirm_delete.replace('{username}', user.username))) return;
     
     console.log('[AdminUsersPage][handleDeleteUser][Entry]');
+    deletingUserId = user.id;
     try {
       await adminService.deleteUser(user.id);
       await loadData();
@@ -140,6 +143,8 @@
     } catch (e) {
       alert("Failed to delete user: " + e.message);
       console.error('[AdminUsersPage][handleDeleteUser][Coherence:Failed]', e);
+    } finally {
+      deletingUserId = null;
     }
   }
   // [/DEF:handleDeleteUser:Function]
@@ -208,8 +213,14 @@
                   </span>
                 </td>
                 <td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
-                  <button on:click={() => openEditModal(user)} class="text-blue-600 hover:text-blue-900 mr-3">{$t.common.edit}</button>
-                  <button on:click={() => handleDeleteUser(user)} class="text-red-600 hover:text-red-900">{$t.common.delete}</button>
+                  <button on:click={() => openEditModal(user)} class="text-blue-600 hover:text-blue-900 mr-3" disabled={deletingUserId === user.id}>{$t.common.edit}</button>
+                  <button
+                    on:click={() => handleDeleteUser(user)}
+                    class="text-red-600 hover:text-red-900 disabled:opacity-50"
+                    disabled={deletingUserId === user.id}
+                  >
+                    {deletingUserId === user.id ? ($t.common.deleting || 'Deleting...') : $t.common.delete}
+                  </button>
                 </td>
               </tr>
             {/each}