How to: Call one action after another, with status update in UI

[Estigy]

Package

Panel builder

Package Version

v4

How can we help you?

I know, the title is horrible... Please bear with me.

The user sees a number of API calls we need to make
After each API call, the user shall see the result (success or fail, some response data).

Now, if I implent this using for example a Repeater component with a "Send" action in each row, this is all pretty straightforward: The user clicks on the button, I update the state of the row, done.

But all this should run automatically, with the user having the option to stop the whole process while running and to retry a API request that has already been done.

So how would I automatically trigger the click on the next "Send" action once the former action has been done?

(I'm in the process of rewriting a project in Filament that was originally done with jQuery on the frontend, and the former solution was having a JS class cover the whole process of step-by-step working down the list, but I honestly have no idea about how to transfer this solution to Filament so it fits right into the new framework...)

I hope somebody could help here and push me in the right direction :-)