Auto-Archive Comments Block for Vue

Edit THREADS (each has a title, an author and the ISO date of its last comment, last) and START_DAYS, MIN_DAYS and MAX_DAYS for the slider. Quiet time is the number of whole days between last and a fixed AS_OF date, Wed 14 Oct, so "Quiet for 42 days" never changes between visits. A thread is archived when it is quiet for at least the rule's days and has not been kept.

Keep active exempts a thread from the rule, whatever its quiet time; turn it off and the thread follows the rule again, moving to Archived if it is past it. Restore on an archived thread keeps it too, since it would otherwise return to Archived at once, and the status line says so. Both are one list of kept ids in the page.

Everything: nothing is archived anywhere, and the status line says so. In your app run the rule as a scheduled job on the server (threads with no comment for N days become archived and read-only), store who kept or restored a thread, and show the same counts from the same query, so a page never disagrees with the job.

The slider is named, steps one day at a time and reads its value as quiet days; the result is announced when you let go. The tabs show their counts in words, the table has a caption and column headings, and each Keep active toggle and Restore button names its thread. When a thread moves tab because of a press, focus goes to the scrolling table region instead of being lost.

The table folds its columns into the first cell: the thread title, its author and its quiet time stay together, and Keep active or Restore stays at the end of the row. The tab counts hide on the narrowest screens and the table keeps its scrolling region.