feat: implement progress bar and update progress indicators

[alexey-detr]

Some improvements for UI around progress indicators.

Now there are no overlays over the preview image, and it's easier to stop generation, since stop button is right in the toolbar.

I don't have much Swift experience, will be glad for any hints or fix suggestions.

Screen.Recording.2024-03-13.at.23.28.45-1.mov

[alexey-detr]

I haven't found a more elegant way to handle this. Issue is that when load pipeline finished and generation of image is about to start, there's a short time while generator returns back to ready state, which makes UI flicker.

[alexey-detr]

Not sure if it's better, but feels like this gap was unnecessary, I can revert it.

[gdbing]

• How does it look in smaller windows? Not even absurdly tiny, but e.g. a 3/4 screen width window on a 13” Macbook Air at default screen resolution with both sidebars on?
• I would expect info button to show info about the current job, not a list of upcoming queued jobs. I don’t have an obvious answer for what would be a better icon though.

[alexey-detr]

@gdbing Thanks for looking into this!

How does it look in smaller windows? Not even absurdly tiny, but e.g. a 3/4 screen width window on a 13” Macbook Air at default screen resolution with both sidebars on?

Items start to hide from right to left behind >> button, I think it's like a native behavior of toolbar in SwiftUI. So the new progress block disappears last. I'd prefer this progress block to expand and take the whole width actually when there's some space. But that's where perhaps I need some help as I don't have much SwiftUI expertise and not sure if it's even doable.

I would expect info button to show info about the current job, not a list of upcoming queued jobs. I don’t have an obvious answer for what would be a better icon though.

Yeah, good point, I'll see what I can do, maybe reorganizing it a little bit. The point is I wanted to provide info about current progress right in the new progress block, but the whole queue (and maybe more detailed) information would be hidden in the popup. I think this list.bullet icon would fit just fine for this then.