Autosave can overwrite recently typed field values and reload the media library

Describe the Bug

When editing a draft in the Payload admin, autosave can overwrite recently typed field values.

If we start typing in one field, move to another field, and continue typing before the previous autosave request has completed, text in the first field sometimes reverts to its earlier value.

A related issue occurs with the media library: if we edit a field and quickly open the media library before autosave completes, the media picker flickers and appears to reload.

This makes creating page layouts frustrating, because editors need to wait for autosave to finish between edits to avoid losing input or having the media library refresh.

We have also tested longer autosave intervals, including 800ms and 1000ms. The issue still occurs; a longer interval only changes how easy it is to trigger.

Videos:

https://github.com/user-attachments/assets/e8316c85-fa88-4d9b-986c-4c91dd15c75f
https://github.com/user-attachments/assets/da9f6674-970b-4b82-9dbb-953d599e02e4

Link to the code that reproduces this issue

https://github.com/beyondwebb/payload-issue/tree/autosave-reproduction

Reproduction Steps

1. Create a collection with drafts and autosave enabled:

   versions: {
     drafts: {
       autosave: {
         interval: 100,
       },
     },
   },
   
   

2. Open a document in the admin panel and begin editing it.

3. Type text into a text field.

4. Immediately move to another field and continue typing while the first autosave is still pending.

5. Observe that the first field may lose some of the entered text.

To reproduce the media picker issue:

1. Edit a field in a draft-enabled document.

2. Before autosave finishes, open an upload/media field and wait for the loading screen to finish.

3. Observe that the media library reloads during the interaction.

Which area(s) are affected?

area: ui

Environment Info

Payload: 3.87.0, Next.js: 15.4.11, Node.js: v20.9.0

Start with the autosave reproduction branch linked in the issue and reproduce the draft editing and media-picker sequences using the shown 100ms autosave configuration. Trace the admin panel's pending autosave behavior while switching fields or opening media, then verify that recently typed values remain intact and the media library does not reload during the interaction.