Permission Changes Changelog Block for React

Edit CHANGES at the top of the file. An entry is a role, its kind, who changed it (name, initials), a date as an ISO day and a clock time in UTC, how many users hold the role and its lines: each a scope in mono, a plain-language note and a granted flag. The headline, the filter counts, the status line and the rows are computed from that list.

By a sign and a word, never by colour. A granted permission is an ins element in bold with a plus in the gutter; a revoked one is a del element, struck through, with a true minus. Each row also starts with a visually hidden "Granted:" or "Revoked:", so a screen reader hears the change, not the symbol.

No. An unseen copy of every entry sits in the same grid cell as the visible list, so the frame keeps the height of the full audit whichever filter is pressed. A polite status line reads how many changes and roles are showing, and pressing the chosen item again does nothing.

Below sm the notes and the people count are dropped, so each entry keeps the role, the person and the diff without scrolling sideways at 320 pixels. Permission names and times keep their own left-to-right direction in a right-to-left layout while the rest of the entry mirrors.

The header and the frame fade up once on load, with CSS transitions; with reduced motion they are off and the block simply appears. Changing the filter swaps the rows at once. Nothing here is real: the toggle only filters the example data, and no permission is changed.