Audit Log Retention Settings Block for React

Edit CLASSES. Each has an id, a name, a one-line hint, gigs (its volume in gigabytes a day) and days (how many days of it are on hand, which is what a held row keeps). PRESETS and ARCHIVE are the choices in the segment group and the menu, and POLICY_START is the policy the account has saved when the page opens, class by class. The strip's figures, the bars and the sentences are all computed from these, so the numbers agree.

Each class contributes its daily volume times the days it spends in each state: the days before it moves to the archive count as searchable, the days between that and the end of retention count as archived. A held row has no end, so it uses the days on hand instead. They are steady-state estimates from typed volumes, not measurements, and the figures say so by being rounded; replace the typed volumes with your own storage statistics.

It freezes the row: nothing is deleted until the hold is released. While it is on, pressing a preset or changing the archive menu is refused with a message and focus moves to the hold switch, the bar turns hatched and the sentence names the date the hold started. Releasing it puts the row's preset back in charge. The presets are not disabled, because a disabled control can't say why; they refuse in words instead.

Because archiving can only start before the data is deleted. With 30 days of retention, only "Never" and "7 days" make sense, so the longer options are unavailable, and choosing a shorter retention than the current archive setting switches archiving off and says so in the status line. For a held row every option shorter than the days on hand is available.

Nothing leaves the page and nothing is deleted or archived. The block keeps two copies of the policy, the saved one and the one being edited, and counts how many settings differ, so the status line can say "3 changes not saved yet." Save makes the edited copy the saved one and says it was saved in this demo; Discard puts the saved copy back. To make it real, send the policy to your retention service in the save handler, and show a retention that shortens existing data as a separate, confirmed step.

The bars are decoration and hidden from assistive technology; each row's sentence carries the same facts as text, and the figures at the top are a list. Solid, light and hatched differ in pattern and weight, never in color, and the legend under the list says so. A tiny bar (7 years against 90 days) keeps a minimum width so it never disappears.