Changelog Widget Settings Block for React

It is not a number you type: it is the length of the list of entries that are not in the seen list, so opening an entry takes one off, and Replay a first visit restores the sample visitor's starting list. Turn the Badge switch off and the launcher keeps working without a count. The entries and the starting seen list are typed at the top of the file.

It freezes the list at what was new when the panel opened, so an entry you just read stays in front of you instead of vanishing under your hand, and the next time the panel opens it is gone. With the switch off the panel lists all four entries, with a New or Seen word beside each.

It is drawn in place by hand so the window keeps its height: the launcher is a button with aria-expanded, Escape and Close give focus back to it, and the panel is not a modal because the page behind it still works. In your app a Popover is the right part, and the rest of the block stays as it is.

Everything. No visitor is real, nothing is stored and Save keeps the settings in this page's state. In your app, store each visitor's seen entries on the server or in their browser, count what is newer than their last visit, and keep the settings with the site so the loader can read them.

The switches, the corner choice, the launcher and each entry are real buttons you reach with Tab, an entry opens with Enter or Space, and the window holds its height with only its regions scrolling. On a phone the rail stacks over the drawn app inside the window, which keeps its height and scrolls inside itself, and Discard shrinks to an icon button; the status line is a polite live region.