The initial PR: #60622

Next tasks

Summary: based on the new designs, we need two separate sidebars:

• One sidebar is coloured so it feels as an extension of the canvas. This "sidebar" should show whenever no other sidebar is open, such as inspector, global styles, second comment sidebar, etc. The comments should appear at the same height as the blocks. Only the top-level comment should be shown. Nested replies unfold when the top level comment is selected.
• A second sidebar that is a normal plugin sidebar: has toggle, white background. This sidebar should show all comments (resolved or unresolved) in reverse chronological order. Nested replies still appear under the top level comment, and unfold when you select the top level comment.

Next on design

We should also make progress on the design for inline comments.

First off, adding comments:

Add on the block level, show an overlay marker, show those bubbles. As noted for other mockups, vertically aligning comments to text is meaningful, and in fact despite our conversation above about a "looking like the background" sidebar, there was an express desire to actually have those bubbles appear in context of the block. I recognize this comment notes it to be hard to impossible, so this is a topic worth digging into, a little bit.

In a way, I could think of these being positioned near the block same as how the block toolbar is positioned near the block, just hugging the right side of the screen. Let's brainstorm and see what's reasonable.

Here are some additional screens in the same category, allowing you to add multiple block level comments:

Note in all of these, the sidebar is toggled off, because—after all—these comments are shown directly in the document, in context of the block.

The sidebar, and its purpose

That brings us to the sidebar, which can serve the purpose of showing all comments added, in chronological order:

When the sidebar is opened, like in this mockup, all the comments in the canvas disappear. This sidebar is also where you might search comments, or see comments already resolved.

I'll leave this open for others to add items. Cc @annezazu @jasmussen @mtias