ui feedback on Flutter Outline

[devoncarew]

From using it, I have two bits of feedback:

The live preview area title is something like MyWidget.build():. The a stateful widget, this often doesn't quite match the selected class, which will often be something like _MyWidgetState. My suggestion is to change the title to be just the class or the class context; so, either MyStatelessWidget, or MyWidget : _MyWidgetState. That will help the user map the preview area more directly back to the code.

My other bit of feedback is that the padding on the toolbar area doesn't match the padding in the Flutter Outline toolbar text above it; this should have the same or similar layout.

[devoncarew]

@scheglov

[scheglov]

I will make changes to the outline protocol to include the name of the state class.

Hm... I'm not sure there is a way to make these paddings match.
FWIW, they don't match in standard IntelliJ tool windows too.

[devoncarew]

I think we should match the padding of other toolbars that lead with text, just so we don't look out of place. It looks like the tool window toolbars always have a bit of padding on the left (which we don't seem to).

[devoncarew]

And one more bit of feedback is that we should provide some feedback when the outline view is doing something. There is a slight lag when the user changes selection in the editor. I'm not sure whether there's no difference in the widget that would be previewed, whether it's about to switch to another widget to preview (but there's some delay in getting the new preview), or what.

I don't think we need to show feedback for everything that's it processing, as that could be too flashy (for instance, updating a preview for the same widget could just happen silently).

This is probably mostly for the case where the selection has changed and we're trying to preview a new widget. Some subtle indication of work here would be good. Perhaps making the Preview title text italic? Adding a small 'live' dot indicator somewhere? (ExecutionUtil.getLiveIndicator())