Visually support reloading state in Rapid Diffs

Stanislav Lashmanovrequested to merge
slashmanov/rapid-diffs-support-reloading-state into master

What does this MR do and why?

This MR adds visual feedback when reloading Rapid Diffs.

Implements #486017 (closed).

It does so by:

  1. Setting all files in the file browser to have a loading status
  2. Fading out existing diffs list and disabling interactions with it

Screenshots or screen recordings

Before After
Screen_Recording_2025-04-06_at_14.33.58 Screen_Recording_2025-04-06_at_14.32.30

How to set up and validate locally

  1. Enable rapid_diffs feature flag
  2. Open any merge request page
  3. Select 'Changes' tab
  4. Add ?rapid_diffs=true to the URL, follow it
  5. Change diffs view settings
  6. Observe loading state before diffs start streaming
Edited by Stanislav Lashmanov

Merge request reports