As a Reader, I want to leave comments on specific words or entire text blocks so that feedback from the community is precise, contextual, and easy to act on.

Acceptance criteria

The editor can select any text (word, phrase, sentence) and add a comment via the inline toolbar.
Any user can Hover any focused block, word, phrase, sentence
and add a comment to the whole block via the action strip.
On read mode the user can select any text (word, phrase, sentence) and add a comment via the action strip.
Comment threads are anchored, they stay attached to their text or block.
Multiple comments can exist on the same block without overlapping.
Comment counts are visible in the right margin without focusing the block.
Any user who joined the site can reply to a thread.
When the document or changes on the block has not been published yet, a warning is triggered to publish before commenting.

On edit mode user can select any text (word, phrase, sentence) and add a comment via the inline toolbar.

Editor

Any user can Hover any focused block and add a comment to the whole block via the action strip. On read mode the user can click ny text (word, phrase, sentence) and add a comment via the action strip.

We remove this hover link and comment and the number.

We can apply this same logic to documents and images/video too to make it consistent.

Update adding a click of the heart. Check dev.to for reactions / + emojis

Basic flow

Reader select word or phrase

User selects a word or phrase or a text block → inline toolbar appears → taps Comment
Discussion panel opens on the right anchored to the selection → user types and submits
User selects a word or phrase → inline toolbar appears → taps link
Link is copy to be pasted (a confirmation tooltip appears)