Grouped Error Triage Notification Block for React

Edit ISSUES: each has an id, a title, a level of fatal, error or warning, a file, the events and users counts, ISO first and last times, the latest event id and its stack as text, one frame to a line. AS_OF is the page's fixed now in UTC and IGNORE_HOURS the length of an ignore, so "Until Thu 09:30 UTC" is worked out from them and reads the same for everyone.

It changes the issue's status in this tab, writes it in the status line, shows how long an ignore lasts and reorders the table: unresolved first, then assigned to you, ignored, resolved, each by event count. Nothing is sent or saved, and a reload brings every issue back as unresolved. In your app post the status from choose and sort by what your tracker returns.

They are typed text in ISSUES, shown in a read-only code window with line numbers; nothing is looked up, parsed or sent. The window follows the theme (it has no dark scope) and its tokens are coloured by the catalog's Syntax Text, with the words and numbers still readable when the colours are not told apart. In your app load the latest event's frames and pass them as text.

It puts the event id on the clipboard and says "Copied event evt_3b7e91c2." in the status line; if the browser refuses, the button says so. A support team asks for the event id first, which is why it sits on the window's header.

Each issue becomes a card: its name, severity and file, a line with its events and dates, the status menu, and, when open, the stack in the same window, which scrolls sideways inside itself. The table is one set of elements that changes layout, so the same keyboard order and names apply.

The table has a caption, column headers and row headers, the chevron says whether the stack is open and names its issue, and each status menu names its issue. Severity is a word as well as a glyph. After you choose a status focus stays on that issue's menu even though the row moves.