Clarify what the template icon in the document title bar means

[jameskoster]

An icon appears on the document title bar based on the 'Show template' setting. But if you're unfamiliar with that setting it's unclear what the icon means, and even if you are familiar with it, the icon feels very disconnected from the setting.

Another issue is that every other icon in the top bar is interactive, suggesting this one would be too.

Potential solutions

Ideally the icon is somehow better connected to the setting. The smallest change could be to surface a tooltip on hover to say that the template is visible. However, I suspect that will lead users to want to interact, which leads me to a suggestion in the original PR; make the icon the entry point for editing this setting.

When toggled on the button would be isPressed.

Alternatively we might use different icons to reflect the current setting, similar to toolbar menus for things like text alignment:

In the future this menu could contain other template related actions like edit, switch, create new.

cc @WordPress/gutenberg-design

[hanneslsm]

I feel like this would be just another place to hide settings.
I like that 'Show template' is in the "View" settings since GB 19.7. Perfect place with fitting naming.

[hanneslsm]

Do we actually still need the icon as an indicator if the template is shown?
We also don't have an icon for Spotlight or Distraction free mode.
Brings me to the suggestion to rather utilize the "View" Modal more and also move the Spotlight and Distraction mode to it. If anything feels "weird" with the view, people then know to check there - no additional icons needed.

[jameskoster]

Do we actually still need the icon as an indicator if the template is shown?

Good point. In most cases the canvas should make it clear whether the template is visible or not. Maybe the simplest solution is just to remove the icon :)