Block setup states: Include both inspector and toolbar options for setting and resetting

[jasmussen]

Consider the Site Logo block in its setup state:

This selected Site Logo block shows:

• "Choose logo" in the block toolbar
• "Choose logo" as a matching button in the inspector

When a media file is added, both of those are updated:

In this case, the selected Site Logo block shows:

• "Replace" in the block toolbar
• The filename of the image, plus a thumbnail, in the media button in the inspector.

Beyond the basic usability, this also has benefits as far as scaling down to tiny sizes in complex patterns. See #64288.

The pattern from Site Logo would be good to make consistent across all similar blocks. In most cases, this would mean adding a panel to the inspector, "Media".

Image

Missing "Media" section.

Media & Text

Missing "Media" section, and block toolbar option.

Cover

Missing "Media" section initially, it's there when an image has already been set. Also, it should be "Add media", not "Add Media".

Query Loop

Directly related to enhancements outlined in #64288, it's missing the toolbar option, as well as a section in the inspector. Since this is about swapping out patterns, rather than adding media, the pattern could potentially be the collapsed "Design" section, that's similar for when you choose page-level patterns in the document status inspector.

[jasmussen]

Curious your thoughts, @annezazu!

[annezazu]

Absolutely love this and think this would help immensely for consistency, especially when we think about "write" mode. For example, I think having a 'design' section for the query loop would be a great thing to display in a contentOnly representation https://github.com/WordPress/gutenberg/issues/66614.