Changelog Notification Block for React

Which areas are chosen and which entries are seen. Nothing is subscribed, stored or sent, and a reload puts both back. In your app save the areas as the person's preference, filter the feed on the server if it is long, and record the seen entries so the dots stay off.

The entries are typed with an area each; the list shows those in the chosen areas, and the status line says "4 of 8 shown, 4 hidden by your areas. 3 unseen." The region has a fixed height and scrolls inside itself, so choosing never moves the panel, and choosing none shows the empty state at the same height.

An unseen entry has a filled dot, a bolder title and a hidden "Unseen:" before the title; a seen one has none of these. Mark all seen only marks the entries you can see, and its button stays focusable and says so when there is nothing left.

Each entry has a typed ISO day shown as a time element, around a fixed "now". The widget says "3.4" from a constant. In your app fill the entries from your changelog source.

The chips are a named group with a pressed state, the scroll region is named and reachable by keyboard, each title is a real button, and one polite status line reports each change. The type word is text, not only a badge colour.

The chips scroll sideways in their row (the next one peeks), the list scrolls inside its region, and Mark all seen sits under the status line.