diff --git a/packages/volto/locales/ca/LC_MESSAGES/volto.po b/packages/volto/locales/ca/LC_MESSAGES/volto.po
index 3e7b0dfe67b..515c1181b0c 100644
--- a/packages/volto/locales/ca/LC_MESSAGES/volto.po
+++ b/packages/volto/locales/ca/LC_MESSAGES/volto.po
@@ -416,6 +416,11 @@ msgstr "Esteu segurs que voleu eliminar aquest camp?"
 msgid "Are you sure you want to delete this fieldset including all fields?"
 msgstr "Esteu segurs que voleu eliminar aquest grup de camps i tots els camps que inclou?"
 
+#. Default: "Are you sure you want to undo selected actions?"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Are you sure you want to undo selected actions?"
+msgstr ""
+
 #. Default: "Ascending"
 #: components/manage/Blocks/Search/components/SortOn
 #: components/manage/Contents/Contents
@@ -1318,11 +1323,21 @@ msgstr ""
 msgid "End Date"
 msgstr "Data de finalització"
 
+#. Default: "Will display transactions from start of selected day, until time selected"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Enter Date description filter"
+msgstr ""
+
 #. Default: "Enter URL or select an item"
 #: components/manage/AnchorPlugin/components/LinkButton/AddLinkForm
 msgid "Enter URL or select an item"
 msgstr "Introduïu l'URL o seleccioneu un element"
 
+#. Default: "Enter username"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Enter Username to filter"
+msgstr ""
+
 #. Default: "Enter a username above to search or click 'Show All'"
 #: helpers/MessageLabels/MessageLabels
 msgid "Enter a username above to search or click 'Show All'"
@@ -1333,6 +1348,11 @@ msgstr "Introduïu un nom d'usuari a dalt per cercar o feu clic a 'Mostra-ho tot
 msgid "Enter an email address. This will be your login name. We respect your privacy, and will not give the address away to any third parties or expose it anywhere."
 msgstr "Introduïu una adreça de correu electrònic. Aquest serà el vostre nom d'inici de sessió. Respectem la vostra privadesa i no donarem l'adreça a tercers ni l'exposarem enlloc."
 
+#. Default: "Enter date and time"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Enter date and time to filter"
+msgstr ""
+
 #. Default: "Enter full name, e.g. John Smith."
 #: components/theme/Register/Register
 msgid "Enter full name, e.g. John Smith."
@@ -1343,6 +1363,11 @@ msgstr "Introduïu el nom complet, per exemple John Smith."
 msgid "Enter map Embed Code"
 msgstr "Introduïu el codi d'inserció del mapa"
 
+#. Default: "Enter Path"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Enter path to filter"
+msgstr ""
+
 #. Default: "Enter the absolute path of the target. Target must exist or be an existing alternative URL path to the target."
 #: components/manage/Controlpanels/Aliases
 msgid "Enter the absolute path of the target. Target must exist or be an existing alternative url path to the target."
@@ -1556,11 +1581,26 @@ msgstr ""
 msgid "Filter by prefix"
 msgstr ""
 
+#. Default: "Filter transactions by"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Filter transactions by"
+msgstr ""
+
+#. Default: "Filter transactions by user, path or date"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Filter transactions by User, Path or Date"
+msgstr ""
+
 #. Default: "Filter users by groups"
 #: helpers/MessageLabels/MessageLabels
 msgid "Filter users by groups"
 msgstr ""
 
+#. Default: "Filtered"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Filtered"
+msgstr ""
+
 #. Default: "Filter…"
 #: components/manage/Contents/Contents
 msgid "Filter…"
@@ -2397,16 +2437,6 @@ msgstr "No"
 msgid "No Transactions Found"
 msgstr ""
 
-#. Default: "No transactions selected"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "No Transactions Selected"
-msgstr ""
-
-#. Default: "No transactions selected to do undo"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "No Transactions Selected To Do Undo"
-msgstr ""
-
 #. Default: "No Video selected"
 #: components/manage/Blocks/Video/VideoSidebar
 msgid "No Video selected"
@@ -2701,6 +2731,11 @@ msgstr ""
 msgid "Please enter a valid URL by deleting the block and adding a new video block."
 msgstr "Introduïu un URL vàlid suprimint el bloc i afegint un bloc de vídeo nou."
 
+#. Default: "Please enter any input to perform filter"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Please enter any input to perform filter"
+msgstr ""
+
 #. Default: "Please enter the Embed Code provided by Google Maps -> Share -> Embed map. It should contain the <iframe> code on it."
 #: components/manage/Blocks/Maps/Edit
 msgid "Please enter the Embed Code provided by Google Maps -> Share -> Embed map. It should contain the <iframe> code on it."
@@ -2987,6 +3022,11 @@ msgstr "Substitueix el fitxer existent"
 msgid "Reply"
 msgstr "Respon"
 
+#. Default: "OP"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Request type"
+msgstr ""
+
 #. Default: "Required"
 #: components/manage/Widgets/SchemaWidget
 #: components/manage/Widgets/SelectWidget
@@ -3242,6 +3282,11 @@ msgstr "Seleccioneu"
 msgid "Select a date to add to recurrence"
 msgstr "Seleccioneu una data per afegir a la recurrència"
 
+#. Default: "Select all"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Select all"
+msgstr ""
+
 #. Default: "Select columns to show"
 #: components/manage/Contents/Contents
 msgid "Select columns to show"
@@ -3473,11 +3518,6 @@ msgstr ""
 msgid "Sorry, something went wrong with your request"
 msgstr "Ho sentim, hi ha hagut un error amb la teva sol·licitud"
 
-#. Default: "Sort by"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Sort By"
-msgstr ""
-
 #. Default: "Sort by:"
 #: components/theme/Search/Search
 msgid "Sort By:"
@@ -3495,16 +3535,6 @@ msgstr "Ordena"
 msgid "Sort on options"
 msgstr "Ordena les opcions"
 
-#. Default: "Sort transactions by User-Name, Path or Date"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Sort transactions by User-Name, Path or Date"
-msgstr ""
-
-#. Default: "Sorted"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Sorted"
-msgstr ""
-
 #. Default: "Sorted on"
 #: components/manage/Blocks/Search/components/SortOn
 msgid "Sorted on"
@@ -3936,17 +3966,12 @@ msgstr "Nombre total d'objectes a la base de dades"
 msgid "Transactions"
 msgstr ""
 
-#. Default: "#"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Transactions Checkbox"
-msgstr ""
-
-#. Default: "Transactions have been sorted"
+#. Default: "Transactions have been filtered"
 #: components/manage/Controlpanels/UndoControlpanel
 msgid "Transactions Have Been Sorted"
 msgstr ""
 
-#. Default: "Transactions have been unsorted"
+#. Default: "Transactions have been unfiltered"
 #: components/manage/Controlpanels/UndoControlpanel
 msgid "Transactions Have Been Unsorted"
 msgstr ""
@@ -4047,6 +4072,11 @@ msgstr ""
 msgid "Undo Controlpanel"
 msgstr ""
 
+#. Default: "Unfiltered"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Unfiltered"
+msgstr ""
+
 #. Default: "Unfold"
 #: components/manage/BlockChooser/BlockChooser
 msgid "Unfold"
@@ -4079,11 +4109,6 @@ msgstr "Desenllaça la traducció de"
 msgid "Unlock"
 msgstr "Descobrir"
 
-#. Default: "Unsorted"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Unsorted"
-msgstr ""
-
 #. Default: "Update"
 #: components/manage/Controlpanels/AddonsControlpanel
 msgid "Update"
@@ -4635,6 +4660,21 @@ msgstr ""
 msgid "fileTooLarge"
 msgstr ""
 
+#. Default: "Date"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "filter by date"
+msgstr ""
+
+#. Default: "Path"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "filter by path"
+msgstr ""
+
+#. Default: "Username"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "filter by username"
+msgstr ""
+
 #. Default: "flush intIds and rebuild relations"
 #: helpers/MessageLabels/MessageLabels
 msgid "flush intIds and rebuild relations"
@@ -5177,6 +5217,11 @@ msgstr "{id} Tipus de contingut"
 msgid "{id} Schema"
 msgstr "{id} Esquema"
 
+#. Default: "{n_transactions} transactions selected."
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "{n_transactions} transactions selected."
+msgstr ""
+
 #. Default: "{title} copied."
 #: components/manage/Actions/Actions
 msgid "{title} copied."
diff --git a/packages/volto/locales/de/LC_MESSAGES/volto.po b/packages/volto/locales/de/LC_MESSAGES/volto.po
index 043109a013a..1a7c2c27241 100644
--- a/packages/volto/locales/de/LC_MESSAGES/volto.po
+++ b/packages/volto/locales/de/LC_MESSAGES/volto.po
@@ -415,6 +415,11 @@ msgstr "Sind Sie sicher, dass Sie dieses Feld löschen möchten?"
 msgid "Are you sure you want to delete this fieldset including all fields?"
 msgstr "Sind Sie sicher, dass Sie dieses Fieldset löschen möchten?"
 
+#. Default: "Are you sure you want to undo selected actions?"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Are you sure you want to undo selected actions?"
+msgstr ""
+
 #. Default: "Ascending"
 #: components/manage/Blocks/Search/components/SortOn
 #: components/manage/Contents/Contents
@@ -1317,11 +1322,21 @@ msgstr "Aktiviert?"
 msgid "End Date"
 msgstr "Enddatum"
 
+#. Default: "Will display transactions from start of selected day, until time selected"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Enter Date description filter"
+msgstr ""
+
 #. Default: "Enter URL or select an item"
 #: components/manage/AnchorPlugin/components/LinkButton/AddLinkForm
 msgid "Enter URL or select an item"
 msgstr "URL eingeben oder Objekt auswählen"
 
+#. Default: "Enter username"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Enter Username to filter"
+msgstr ""
+
 #. Default: "Enter a username above to search or click 'Show All'"
 #: helpers/MessageLabels/MessageLabels
 msgid "Enter a username above to search or click 'Show All'"
@@ -1332,6 +1347,11 @@ msgstr "Benutzername oben eingeben oder auf 'Alle anzeigen' klicken"
 msgid "Enter an email address. This will be your login name. We respect your privacy, and will not give the address away to any third parties or expose it anywhere."
 msgstr "Tragen Sie Ihre E-Mail-Adresse ein, mit der Sie sich künftig anmelden müssen. Wir respektieren den Datenschutz und werden die E-Mail-Adresse nicht an Dritte weitergeben und auch nirgends anzeigen."
 
+#. Default: "Enter date and time"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Enter date and time to filter"
+msgstr ""
+
 #. Default: "Enter full name, e.g. John Smith."
 #: components/theme/Register/Register
 msgid "Enter full name, e.g. John Smith."
@@ -1342,6 +1362,11 @@ msgstr "Tragen Sie bitte Ihren vollen Namen ein."
 msgid "Enter map Embed Code"
 msgstr "Karten-Einbettungscode eingeben"
 
+#. Default: "Enter Path"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Enter path to filter"
+msgstr ""
+
 #. Default: "Enter the absolute path of the target. Target must exist or be an existing alternative URL path to the target."
 #: components/manage/Controlpanels/Aliases
 msgid "Enter the absolute path of the target. Target must exist or be an existing alternative url path to the target."
@@ -1555,11 +1580,26 @@ msgstr "Filterregeln:"
 msgid "Filter by prefix"
 msgstr "Nach Pfad filtern"
 
+#. Default: "Filter transactions by"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Filter transactions by"
+msgstr ""
+
+#. Default: "Filter transactions by user, path or date"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Filter transactions by User, Path or Date"
+msgstr ""
+
 #. Default: "Filter users by groups"
 #: helpers/MessageLabels/MessageLabels
 msgid "Filter users by groups"
 msgstr "Filtere Benutzer via Gruppenmitgliedschaft"
 
+#. Default: "Filtered"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Filtered"
+msgstr ""
+
 #. Default: "Filter…"
 #: components/manage/Contents/Contents
 msgid "Filter…"
@@ -2396,16 +2436,6 @@ msgstr "Nein"
 msgid "No Transactions Found"
 msgstr "Keine Transaktionen gefunden"
 
-#. Default: "No transactions selected"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "No Transactions Selected"
-msgstr "Keine Transaktionen ausgewählt"
-
-#. Default: "No transactions selected to do undo"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "No Transactions Selected To Do Undo"
-msgstr "Keine Transaktionen zum rückgängig machen ausgewählt"
-
 #. Default: "No Video selected"
 #: components/manage/Blocks/Video/VideoSidebar
 msgid "No Video selected"
@@ -2700,6 +2730,11 @@ msgstr "Bitte stellen Sie sicher, dass Sie über eine Sicherungskopie verfügen,
 msgid "Please enter a valid URL by deleting the block and adding a new video block."
 msgstr "Geben Sie eine gültige URL "
 
+#. Default: "Please enter any input to perform filter"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Please enter any input to perform filter"
+msgstr ""
+
 #. Default: "Please enter the Embed Code provided by Google Maps -> Share -> Embed map. It should contain the <iframe> code on it."
 #: components/manage/Blocks/Maps/Edit
 msgid "Please enter the Embed Code provided by Google Maps -> Share -> Embed map. It should contain the <iframe> code on it."
@@ -2986,6 +3021,11 @@ msgstr "Bestehende Datei ersetzen"
 msgid "Reply"
 msgstr "Antworten"
 
+#. Default: "OP"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Request type"
+msgstr ""
+
 #. Default: "Required"
 #: components/manage/Widgets/SchemaWidget
 #: components/manage/Widgets/SelectWidget
@@ -3241,6 +3281,11 @@ msgstr "Auswählen"
 msgid "Select a date to add to recurrence"
 msgstr "Wählen Sie ein Datum um ein wiederkehrendes Datum einzustellen"
 
+#. Default: "Select all"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Select all"
+msgstr ""
+
 #. Default: "Select columns to show"
 #: components/manage/Contents/Contents
 msgid "Select columns to show"
@@ -3472,11 +3517,6 @@ msgstr "Ein paar Relationen sind kaputt."
 msgid "Sorry, something went wrong with your request"
 msgstr "Entschuldigung, ein Fehler ist beim Ausführen Ihrer Anfrage aufgetreten "
 
-#. Default: "Sort by"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Sort By"
-msgstr "Sortieren nach"
-
 #. Default: "Sort by:"
 #: components/theme/Search/Search
 msgid "Sort By:"
@@ -3494,16 +3534,6 @@ msgstr "Sortieren nach"
 msgid "Sort on options"
 msgstr "Sortieroptionen"
 
-#. Default: "Sort transactions by User-Name, Path or Date"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Sort transactions by User-Name, Path or Date"
-msgstr "Transaktionen nach Nutzernamen, Pfad oder Datum sortieren"
-
-#. Default: "Sorted"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Sorted"
-msgstr "Sortiert"
-
 #. Default: "Sorted on"
 #: components/manage/Blocks/Search/components/SortOn
 msgid "Sorted on"
@@ -3935,20 +3965,15 @@ msgstr "Anzahl aller Objekte in der Datenbank"
 msgid "Transactions"
 msgstr "Transaktionen"
 
-#. Default: "#"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Transactions Checkbox"
-msgstr "auswählen"
-
-#. Default: "Transactions have been sorted"
+#. Default: "Transactions have been filtered"
 #: components/manage/Controlpanels/UndoControlpanel
 msgid "Transactions Have Been Sorted"
-msgstr "Transaktionen wurden sortiert"
+msgstr ""
 
-#. Default: "Transactions have been unsorted"
+#. Default: "Transactions have been unfiltered"
 #: components/manage/Controlpanels/UndoControlpanel
 msgid "Transactions Have Been Unsorted"
-msgstr "Transaktionen wurden unsortiert"
+msgstr ""
 
 #. Default: "Translate to {lang}"
 #: components/manage/Add/Add
@@ -4046,6 +4071,11 @@ msgstr "Rückgängig machen"
 msgid "Undo Controlpanel"
 msgstr "Änderungen rückgängig machen"
 
+#. Default: "Unfiltered"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Unfiltered"
+msgstr ""
+
 #. Default: "Unfold"
 #: components/manage/BlockChooser/BlockChooser
 msgid "Unfold"
@@ -4078,11 +4108,6 @@ msgstr "Verknüpfung der Übersetzung aufheben"
 msgid "Unlock"
 msgstr "Entsprerren"
 
-#. Default: "Unsorted"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Unsorted"
-msgstr "Unsortiert"
-
 #. Default: "Update"
 #: components/manage/Controlpanels/AddonsControlpanel
 msgid "Update"
@@ -4634,6 +4659,21 @@ msgstr "/beispiel"
 msgid "fileTooLarge"
 msgstr "Dateien, die größer sind als {limit}, dürfen nicht hochgeladen werden."
 
+#. Default: "Date"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "filter by date"
+msgstr ""
+
+#. Default: "Path"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "filter by path"
+msgstr ""
+
+#. Default: "Username"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "filter by username"
+msgstr ""
+
 #. Default: "flush intIds and rebuild relations"
 #: helpers/MessageLabels/MessageLabels
 msgid "flush intIds and rebuild relations"
@@ -5176,6 +5216,11 @@ msgstr "{id} Inhaltstyp"
 msgid "{id} Schema"
 msgstr "{id} Schema"
 
+#. Default: "{n_transactions} transactions selected."
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "{n_transactions} transactions selected."
+msgstr ""
+
 #. Default: "{title} copied."
 #: components/manage/Actions/Actions
 msgid "{title} copied."
diff --git a/packages/volto/locales/en/LC_MESSAGES/volto.po b/packages/volto/locales/en/LC_MESSAGES/volto.po
index 9ad7a604aaa..6ccceb6740d 100644
--- a/packages/volto/locales/en/LC_MESSAGES/volto.po
+++ b/packages/volto/locales/en/LC_MESSAGES/volto.po
@@ -410,6 +410,11 @@ msgstr ""
 msgid "Are you sure you want to delete this fieldset including all fields?"
 msgstr ""
 
+#. Default: "Are you sure you want to undo selected actions?"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Are you sure you want to undo selected actions?"
+msgstr ""
+
 #. Default: "Ascending"
 #: components/manage/Blocks/Search/components/SortOn
 #: components/manage/Contents/Contents
@@ -1312,11 +1317,21 @@ msgstr ""
 msgid "End Date"
 msgstr ""
 
+#. Default: "Will display transactions from start of selected day, until time selected"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Enter Date description filter"
+msgstr ""
+
 #. Default: "Enter URL or select an item"
 #: components/manage/AnchorPlugin/components/LinkButton/AddLinkForm
 msgid "Enter URL or select an item"
 msgstr ""
 
+#. Default: "Enter username"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Enter Username to filter"
+msgstr ""
+
 #. Default: "Enter a username above to search or click 'Show All'"
 #: helpers/MessageLabels/MessageLabels
 msgid "Enter a username above to search or click 'Show All'"
@@ -1327,6 +1342,11 @@ msgstr ""
 msgid "Enter an email address. This will be your login name. We respect your privacy, and will not give the address away to any third parties or expose it anywhere."
 msgstr ""
 
+#. Default: "Enter date and time"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Enter date and time to filter"
+msgstr ""
+
 #. Default: "Enter full name, e.g. John Smith."
 #: components/theme/Register/Register
 msgid "Enter full name, e.g. John Smith."
@@ -1337,6 +1357,11 @@ msgstr ""
 msgid "Enter map Embed Code"
 msgstr ""
 
+#. Default: "Enter Path"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Enter path to filter"
+msgstr ""
+
 #. Default: "Enter the absolute path of the target. Target must exist or be an existing alternative URL path to the target."
 #: components/manage/Controlpanels/Aliases
 msgid "Enter the absolute path of the target. Target must exist or be an existing alternative url path to the target."
@@ -1550,11 +1575,26 @@ msgstr ""
 msgid "Filter by prefix"
 msgstr ""
 
+#. Default: "Filter transactions by"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Filter transactions by"
+msgstr ""
+
+#. Default: "Filter transactions by user, path or date"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Filter transactions by User, Path or Date"
+msgstr ""
+
 #. Default: "Filter users by groups"
 #: helpers/MessageLabels/MessageLabels
 msgid "Filter users by groups"
 msgstr ""
 
+#. Default: "Filtered"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Filtered"
+msgstr ""
+
 #. Default: "Filter…"
 #: components/manage/Contents/Contents
 msgid "Filter…"
@@ -2391,16 +2431,6 @@ msgstr ""
 msgid "No Transactions Found"
 msgstr ""
 
-#. Default: "No transactions selected"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "No Transactions Selected"
-msgstr ""
-
-#. Default: "No transactions selected to do undo"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "No Transactions Selected To Do Undo"
-msgstr ""
-
 #. Default: "No Video selected"
 #: components/manage/Blocks/Video/VideoSidebar
 msgid "No Video selected"
@@ -2695,6 +2725,11 @@ msgstr ""
 msgid "Please enter a valid URL by deleting the block and adding a new video block."
 msgstr ""
 
+#. Default: "Please enter any input to perform filter"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Please enter any input to perform filter"
+msgstr ""
+
 #. Default: "Please enter the Embed Code provided by Google Maps -> Share -> Embed map. It should contain the <iframe> code on it."
 #: components/manage/Blocks/Maps/Edit
 msgid "Please enter the Embed Code provided by Google Maps -> Share -> Embed map. It should contain the <iframe> code on it."
@@ -2981,6 +3016,11 @@ msgstr ""
 msgid "Reply"
 msgstr ""
 
+#. Default: "OP"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Request type"
+msgstr ""
+
 #. Default: "Required"
 #: components/manage/Widgets/SchemaWidget
 #: components/manage/Widgets/SelectWidget
@@ -3236,6 +3276,11 @@ msgstr ""
 msgid "Select a date to add to recurrence"
 msgstr ""
 
+#. Default: "Select all"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Select all"
+msgstr ""
+
 #. Default: "Select columns to show"
 #: components/manage/Contents/Contents
 msgid "Select columns to show"
@@ -3467,11 +3512,6 @@ msgstr ""
 msgid "Sorry, something went wrong with your request"
 msgstr ""
 
-#. Default: "Sort by"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Sort By"
-msgstr ""
-
 #. Default: "Sort by:"
 #: components/theme/Search/Search
 msgid "Sort By:"
@@ -3489,16 +3529,6 @@ msgstr ""
 msgid "Sort on options"
 msgstr ""
 
-#. Default: "Sort transactions by User-Name, Path or Date"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Sort transactions by User-Name, Path or Date"
-msgstr ""
-
-#. Default: "Sorted"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Sorted"
-msgstr ""
-
 #. Default: "Sorted on"
 #: components/manage/Blocks/Search/components/SortOn
 msgid "Sorted on"
@@ -3930,17 +3960,12 @@ msgstr ""
 msgid "Transactions"
 msgstr ""
 
-#. Default: "#"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Transactions Checkbox"
-msgstr ""
-
-#. Default: "Transactions have been sorted"
+#. Default: "Transactions have been filtered"
 #: components/manage/Controlpanels/UndoControlpanel
 msgid "Transactions Have Been Sorted"
 msgstr ""
 
-#. Default: "Transactions have been unsorted"
+#. Default: "Transactions have been unfiltered"
 #: components/manage/Controlpanels/UndoControlpanel
 msgid "Transactions Have Been Unsorted"
 msgstr ""
@@ -4041,6 +4066,11 @@ msgstr ""
 msgid "Undo Controlpanel"
 msgstr ""
 
+#. Default: "Unfiltered"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Unfiltered"
+msgstr ""
+
 #. Default: "Unfold"
 #: components/manage/BlockChooser/BlockChooser
 msgid "Unfold"
@@ -4073,11 +4103,6 @@ msgstr ""
 msgid "Unlock"
 msgstr ""
 
-#. Default: "Unsorted"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Unsorted"
-msgstr ""
-
 #. Default: "Update"
 #: components/manage/Controlpanels/AddonsControlpanel
 msgid "Update"
@@ -4629,6 +4654,21 @@ msgstr ""
 msgid "fileTooLarge"
 msgstr ""
 
+#. Default: "Date"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "filter by date"
+msgstr ""
+
+#. Default: "Path"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "filter by path"
+msgstr ""
+
+#. Default: "Username"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "filter by username"
+msgstr ""
+
 #. Default: "flush intIds and rebuild relations"
 #: helpers/MessageLabels/MessageLabels
 msgid "flush intIds and rebuild relations"
@@ -5171,6 +5211,11 @@ msgstr ""
 msgid "{id} Schema"
 msgstr ""
 
+#. Default: "{n_transactions} transactions selected."
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "{n_transactions} transactions selected."
+msgstr ""
+
 #. Default: "{title} copied."
 #: components/manage/Actions/Actions
 msgid "{title} copied."
diff --git a/packages/volto/locales/es/LC_MESSAGES/volto.po b/packages/volto/locales/es/LC_MESSAGES/volto.po
index ff5b8c2299c..25bab469669 100644
--- a/packages/volto/locales/es/LC_MESSAGES/volto.po
+++ b/packages/volto/locales/es/LC_MESSAGES/volto.po
@@ -417,6 +417,11 @@ msgstr "¿Esta seguro de querer eliminar este campo?"
 msgid "Are you sure you want to delete this fieldset including all fields?"
 msgstr "¿Esta seguro de querer eliminar este conjunto de campo incluyendo todos los campos contenidos?"
 
+#. Default: "Are you sure you want to undo selected actions?"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Are you sure you want to undo selected actions?"
+msgstr ""
+
 #. Default: "Ascending"
 #: components/manage/Blocks/Search/components/SortOn
 #: components/manage/Contents/Contents
@@ -1319,11 +1324,21 @@ msgstr "¿Activado?"
 msgid "End Date"
 msgstr "Fecha final"
 
+#. Default: "Will display transactions from start of selected day, until time selected"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Enter Date description filter"
+msgstr ""
+
 #. Default: "Enter URL or select an item"
 #: components/manage/AnchorPlugin/components/LinkButton/AddLinkForm
 msgid "Enter URL or select an item"
 msgstr "Introduzca una URL o seleccione un elemento"
 
+#. Default: "Enter username"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Enter Username to filter"
+msgstr ""
+
 #. Default: "Enter a username above to search or click 'Show All'"
 #: helpers/MessageLabels/MessageLabels
 msgid "Enter a username above to search or click 'Show All'"
@@ -1334,6 +1349,11 @@ msgstr "Introduzca un nombre de usuario o haga clic en 'Mostrar todos'"
 msgid "Enter an email address. This will be your login name. We respect your privacy, and will not give the address away to any third parties or expose it anywhere."
 msgstr "Introduzca una dirección de correo electrónico. Este será el nombre de usuario. Nosotros respetamos su privacidad: y no daremos la dirección de correo electrónico a terceros, o la expondremos de alguna forma en el portal."
 
+#. Default: "Enter date and time"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Enter date and time to filter"
+msgstr ""
+
 #. Default: "Enter full name, e.g. John Smith."
 #: components/theme/Register/Register
 msgid "Enter full name, e.g. John Smith."
@@ -1344,6 +1364,11 @@ msgstr "Introduzca el nombre completo, por ejemplo Leonardo Caballero."
 msgid "Enter map Embed Code"
 msgstr "Introduzca el código embebido de un mapa"
 
+#. Default: "Enter Path"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Enter path to filter"
+msgstr ""
+
 #. Default: "Enter the absolute path of the target. Target must exist or be an existing alternative URL path to the target."
 #: components/manage/Controlpanels/Aliases
 msgid "Enter the absolute path of the target. Target must exist or be an existing alternative url path to the target."
@@ -1557,11 +1582,26 @@ msgstr "Reglas de filtrado:"
 msgid "Filter by prefix"
 msgstr "Filtrar por prefijo"
 
+#. Default: "Filter transactions by"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Filter transactions by"
+msgstr ""
+
+#. Default: "Filter transactions by user, path or date"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Filter transactions by User, Path or Date"
+msgstr ""
+
 #. Default: "Filter users by groups"
 #: helpers/MessageLabels/MessageLabels
 msgid "Filter users by groups"
 msgstr "Filtrar usuarios por grupos"
 
+#. Default: "Filtered"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Filtered"
+msgstr ""
+
 #. Default: "Filter…"
 #: components/manage/Contents/Contents
 msgid "Filter…"
@@ -2398,16 +2438,6 @@ msgstr "No"
 msgid "No Transactions Found"
 msgstr "No se han encontrado transacciones"
 
-#. Default: "No transactions selected"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "No Transactions Selected"
-msgstr "No se han seleccionado transacciones"
-
-#. Default: "No transactions selected to do undo"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "No Transactions Selected To Do Undo"
-msgstr "No se han seleccionado transacciones a deshacer"
-
 #. Default: "No Video selected"
 #: components/manage/Blocks/Video/VideoSidebar
 msgid "No Video selected"
@@ -2702,6 +2732,11 @@ msgstr "Por favor, asegúrese de que tiene una copia de seguridad de su sitio an
 msgid "Please enter a valid URL by deleting the block and adding a new video block."
 msgstr "Por favor, introduzca una URL válida eliminando el bloque y agregando un nuevo bloque de vídeo."
 
+#. Default: "Please enter any input to perform filter"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Please enter any input to perform filter"
+msgstr ""
+
 #. Default: "Please enter the Embed Code provided by Google Maps -> Share -> Embed map. It should contain the <iframe> code on it."
 #: components/manage/Blocks/Maps/Edit
 msgid "Please enter the Embed Code provided by Google Maps -> Share -> Embed map. It should contain the <iframe> code on it."
@@ -2988,6 +3023,11 @@ msgstr "Sustituir el archivo actual"
 msgid "Reply"
 msgstr "Responder"
 
+#. Default: "OP"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Request type"
+msgstr ""
+
 #. Default: "Required"
 #: components/manage/Widgets/SchemaWidget
 #: components/manage/Widgets/SelectWidget
@@ -3243,6 +3283,11 @@ msgstr "Seleccione"
 msgid "Select a date to add to recurrence"
 msgstr "Seleccione una fecha para añadirla a la repetición"
 
+#. Default: "Select all"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Select all"
+msgstr ""
+
 #. Default: "Select columns to show"
 #: components/manage/Contents/Contents
 msgid "Select columns to show"
@@ -3474,11 +3519,6 @@ msgstr "Algunas relaciones están rotas. Por favor, arréglelas."
 msgid "Sorry, something went wrong with your request"
 msgstr "Lo siento, algo estuvo mal con su solicitud"
 
-#. Default: "Sort by"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Sort By"
-msgstr "Ordenar por"
-
 #. Default: "Sort by:"
 #: components/theme/Search/Search
 msgid "Sort By:"
@@ -3496,16 +3536,6 @@ msgstr "Ordenar por"
 msgid "Sort on options"
 msgstr "Ordenar por opciones"
 
-#. Default: "Sort transactions by User-Name, Path or Date"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Sort transactions by User-Name, Path or Date"
-msgstr "Ordenar transacciones por nombre de usuario, ruta o fecha"
-
-#. Default: "Sorted"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Sorted"
-msgstr "Ordenado"
-
 #. Default: "Sorted on"
 #: components/manage/Blocks/Search/components/SortOn
 msgid "Sorted on"
@@ -3937,20 +3967,15 @@ msgstr "Número total de objetos en la base de datos"
 msgid "Transactions"
 msgstr "Transacciones"
 
-#. Default: "#"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Transactions Checkbox"
-msgstr "Casilla de comprobación de transacciones"
-
-#. Default: "Transactions have been sorted"
+#. Default: "Transactions have been filtered"
 #: components/manage/Controlpanels/UndoControlpanel
 msgid "Transactions Have Been Sorted"
-msgstr "Las transacciones se han ordenado"
+msgstr ""
 
-#. Default: "Transactions have been unsorted"
+#. Default: "Transactions have been unfiltered"
 #: components/manage/Controlpanels/UndoControlpanel
 msgid "Transactions Have Been Unsorted"
-msgstr "Las transacciones se han desordenado"
+msgstr ""
 
 #. Default: "Translate to {lang}"
 #: components/manage/Add/Add
@@ -4048,6 +4073,11 @@ msgstr "Deshacer"
 msgid "Undo Controlpanel"
 msgstr "Panel de control de deshacer"
 
+#. Default: "Unfiltered"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Unfiltered"
+msgstr ""
+
 #. Default: "Unfold"
 #: components/manage/BlockChooser/BlockChooser
 msgid "Unfold"
@@ -4080,11 +4110,6 @@ msgstr "Eliminar enlace de traducción de"
 msgid "Unlock"
 msgstr "Desbloquear"
 
-#. Default: "Unsorted"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Unsorted"
-msgstr "Desordenadas"
-
 #. Default: "Update"
 #: components/manage/Controlpanels/AddonsControlpanel
 msgid "Update"
@@ -4636,6 +4661,21 @@ msgstr ""
 msgid "fileTooLarge"
 msgstr "Este sitio web no acepta archivos de más de {limit}"
 
+#. Default: "Date"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "filter by date"
+msgstr ""
+
+#. Default: "Path"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "filter by path"
+msgstr ""
+
+#. Default: "Username"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "filter by username"
+msgstr ""
+
 #. Default: "flush intIds and rebuild relations"
 #: helpers/MessageLabels/MessageLabels
 msgid "flush intIds and rebuild relations"
@@ -5178,6 +5218,11 @@ msgstr "{id} Tipo de Contenido"
 msgid "{id} Schema"
 msgstr "{id} Esquema"
 
+#. Default: "{n_transactions} transactions selected."
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "{n_transactions} transactions selected."
+msgstr ""
+
 #. Default: "{title} copied."
 #: components/manage/Actions/Actions
 msgid "{title} copied."
diff --git a/packages/volto/locales/eu/LC_MESSAGES/volto.po b/packages/volto/locales/eu/LC_MESSAGES/volto.po
index aa260e34fa6..3297912292a 100644
--- a/packages/volto/locales/eu/LC_MESSAGES/volto.po
+++ b/packages/volto/locales/eu/LC_MESSAGES/volto.po
@@ -417,6 +417,11 @@ msgstr "Eremu hau ezabatu egin nahi duzu?"
 msgid "Are you sure you want to delete this fieldset including all fields?"
 msgstr "Eremu-multzo hau eta bere eremu guztiak ezabatu nahi dituzu?"
 
+#. Default: "Are you sure you want to undo selected actions?"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Are you sure you want to undo selected actions?"
+msgstr ""
+
 #. Default: "Ascending"
 #: components/manage/Blocks/Search/components/SortOn
 #: components/manage/Contents/Contents
@@ -1319,11 +1324,21 @@ msgstr "Aktibatuta?"
 msgid "End Date"
 msgstr "Bukaera data"
 
+#. Default: "Will display transactions from start of selected day, until time selected"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Enter Date description filter"
+msgstr ""
+
 #. Default: "Enter URL or select an item"
 #: components/manage/AnchorPlugin/components/LinkButton/AddLinkForm
 msgid "Enter URL or select an item"
 msgstr "Sartu URL bat edo aukeratu elementu bat"
 
+#. Default: "Enter username"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Enter Username to filter"
+msgstr ""
+
 #. Default: "Enter a username above to search or click 'Show All'"
 #: helpers/MessageLabels/MessageLabels
 msgid "Enter a username above to search or click 'Show All'"
@@ -1334,6 +1349,11 @@ msgstr "Idatzi erabiltzaile-izen bat bilaketa egiteko edo sakatu 'Ikusi guztiak'
 msgid "Enter an email address. This will be your login name. We respect your privacy, and will not give the address away to any third parties or expose it anywhere."
 msgstr "Idatzi eposta helbidea. Hau zure erabiltzaile-izena izango da. Zure pribatutasuna errespetatzen dugu eta ez dugu helbidea argitaratu edo inori emango."
 
+#. Default: "Enter date and time"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Enter date and time to filter"
+msgstr ""
+
 #. Default: "Enter full name, e.g. John Smith."
 #: components/theme/Register/Register
 msgid "Enter full name, e.g. John Smith."
@@ -1344,6 +1364,11 @@ msgstr "Idatzi izen osoa, adb. Jon Garmendia."
 msgid "Enter map Embed Code"
 msgstr "Sartu itsasteko kodea"
 
+#. Default: "Enter Path"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Enter path to filter"
+msgstr ""
+
 #. Default: "Enter the absolute path of the target. Target must exist or be an existing alternative URL path to the target."
 #: components/manage/Controlpanels/Aliases
 msgid "Enter the absolute path of the target. Target must exist or be an existing alternative url path to the target."
@@ -1557,11 +1582,26 @@ msgstr "Filtratu erregelak:"
 msgid "Filter by prefix"
 msgstr "Filtratu aurrizkiaren arabera"
 
+#. Default: "Filter transactions by"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Filter transactions by"
+msgstr ""
+
+#. Default: "Filter transactions by user, path or date"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Filter transactions by User, Path or Date"
+msgstr ""
+
 #. Default: "Filter users by groups"
 #: helpers/MessageLabels/MessageLabels
 msgid "Filter users by groups"
 msgstr "Filtratu erabiltzaileak taldearen arabera"
 
+#. Default: "Filtered"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Filtered"
+msgstr ""
+
 #. Default: "Filter…"
 #: components/manage/Contents/Contents
 msgid "Filter…"
@@ -2398,16 +2438,6 @@ msgstr "Ez"
 msgid "No Transactions Found"
 msgstr "Ez da transakziorik aurkitu"
 
-#. Default: "No transactions selected"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "No Transactions Selected"
-msgstr "Ez duzu transakziorik aukeratu"
-
-#. Default: "No transactions selected to do undo"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "No Transactions Selected To Do Undo"
-msgstr "Ez duzu desegiteko transakziorik aukeratu"
-
 #. Default: "No Video selected"
 #: components/manage/Blocks/Video/VideoSidebar
 msgid "No Video selected"
@@ -2702,6 +2732,11 @@ msgstr "Ziurtatu webgunearen segurtasun kopia bat egin duzula eguneraketa egin a
 msgid "Please enter a valid URL by deleting the block and adding a new video block."
 msgstr "Txertatu URL zuzen bat blokea ezabatu eta bideo bloke berri bat gehituz."
 
+#. Default: "Please enter any input to perform filter"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Please enter any input to perform filter"
+msgstr ""
+
 #. Default: "Please enter the Embed Code provided by Google Maps -> Share -> Embed map. It should contain the <iframe> code on it."
 #: components/manage/Blocks/Maps/Edit
 msgid "Please enter the Embed Code provided by Google Maps -> Share -> Embed map. It should contain the <iframe> code on it."
@@ -2988,6 +3023,11 @@ msgstr "Ordezkatu fitxategia"
 msgid "Reply"
 msgstr "Erantzun"
 
+#. Default: "OP"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Request type"
+msgstr ""
+
 #. Default: "Required"
 #: components/manage/Widgets/SchemaWidget
 #: components/manage/Widgets/SelectWidget
@@ -3243,6 +3283,11 @@ msgstr "Aukeratu"
 msgid "Select a date to add to recurrence"
 msgstr "Aukeratu data eta gehitu errepikapenera"
 
+#. Default: "Select all"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Select all"
+msgstr ""
+
 #. Default: "Select columns to show"
 #: components/manage/Contents/Contents
 msgid "Select columns to show"
@@ -3474,11 +3519,6 @@ msgstr ""
 msgid "Sorry, something went wrong with your request"
 msgstr "Barkatu, zerbait ez da ondo irten zure eskaeran"
 
-#. Default: "Sort by"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Sort By"
-msgstr "Ordenatu"
-
 #. Default: "Sort by:"
 #: components/theme/Search/Search
 msgid "Sort By:"
@@ -3496,16 +3536,6 @@ msgstr "Ordenazioa"
 msgid "Sort on options"
 msgstr "Ordenatu aukeren arabera"
 
-#. Default: "Sort transactions by User-Name, Path or Date"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Sort transactions by User-Name, Path or Date"
-msgstr "Ordenatu transakzioak erabiltzaile-izen, bide edo dataren arabera"
-
-#. Default: "Sorted"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Sorted"
-msgstr "Ordenatuta"
-
 #. Default: "Sorted on"
 #: components/manage/Blocks/Search/components/SortOn
 msgid "Sorted on"
@@ -3937,20 +3967,15 @@ msgstr "Datu-basean dagoen elementu kopurua"
 msgid "Transactions"
 msgstr "Transakzioak"
 
-#. Default: "#"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Transactions Checkbox"
-msgstr "Transakzioen aukeraketa-kutsa"
-
-#. Default: "Transactions have been sorted"
+#. Default: "Transactions have been filtered"
 #: components/manage/Controlpanels/UndoControlpanel
 msgid "Transactions Have Been Sorted"
-msgstr "Transakzioak ondo ordenatu dira"
+msgstr ""
 
-#. Default: "Transactions have been unsorted"
+#. Default: "Transactions have been unfiltered"
 #: components/manage/Controlpanels/UndoControlpanel
 msgid "Transactions Have Been Unsorted"
-msgstr "Transakzioen ordenazioa bertan behera utzi da"
+msgstr ""
 
 #. Default: "Translate to {lang}"
 #: components/manage/Add/Add
@@ -4048,6 +4073,11 @@ msgstr "Desegin"
 msgid "Undo Controlpanel"
 msgstr "Desegiteko kontrol panela"
 
+#. Default: "Unfiltered"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Unfiltered"
+msgstr ""
+
 #. Default: "Unfold"
 #: components/manage/BlockChooser/BlockChooser
 msgid "Unfold"
@@ -4080,11 +4110,6 @@ msgstr "Kendu itzulpenaren lotura hemendik"
 msgid "Unlock"
 msgstr "Desblokeatu"
 
-#. Default: "Unsorted"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Unsorted"
-msgstr "Ordenatu gabe"
-
 #. Default: "Update"
 #: components/manage/Controlpanels/AddonsControlpanel
 msgid "Update"
@@ -4636,6 +4661,21 @@ msgstr ""
 msgid "fileTooLarge"
 msgstr ""
 
+#. Default: "Date"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "filter by date"
+msgstr ""
+
+#. Default: "Path"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "filter by path"
+msgstr ""
+
+#. Default: "Username"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "filter by username"
+msgstr ""
+
 #. Default: "flush intIds and rebuild relations"
 #: helpers/MessageLabels/MessageLabels
 msgid "flush intIds and rebuild relations"
@@ -5178,6 +5218,11 @@ msgstr "{id} elementu-mota"
 msgid "{id} Schema"
 msgstr "{id} eskema"
 
+#. Default: "{n_transactions} transactions selected."
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "{n_transactions} transactions selected."
+msgstr ""
+
 #. Default: "{title} copied."
 #: components/manage/Actions/Actions
 msgid "{title} copied."
diff --git a/packages/volto/locales/fi/LC_MESSAGES/volto.po b/packages/volto/locales/fi/LC_MESSAGES/volto.po
index 99c1f6ff046..0af561b6a62 100644
--- a/packages/volto/locales/fi/LC_MESSAGES/volto.po
+++ b/packages/volto/locales/fi/LC_MESSAGES/volto.po
@@ -415,6 +415,11 @@ msgstr "Haluatko varmasti poistaa tämän kentän?"
 msgid "Are you sure you want to delete this fieldset including all fields?"
 msgstr "Haluatko varmasti poistaa tämän kenttäryhmän ja kaikki sen kentät?"
 
+#. Default: "Are you sure you want to undo selected actions?"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Are you sure you want to undo selected actions?"
+msgstr ""
+
 #. Default: "Ascending"
 #: components/manage/Blocks/Search/components/SortOn
 #: components/manage/Contents/Contents
@@ -1317,11 +1322,21 @@ msgstr "Aktivoitu?"
 msgid "End Date"
 msgstr "Päättymispäivä"
 
+#. Default: "Will display transactions from start of selected day, until time selected"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Enter Date description filter"
+msgstr ""
+
 #. Default: "Enter URL or select an item"
 #: components/manage/AnchorPlugin/components/LinkButton/AddLinkForm
 msgid "Enter URL or select an item"
 msgstr "Syötä URL-osoite tai valitse kohde"
 
+#. Default: "Enter username"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Enter Username to filter"
+msgstr ""
+
 #. Default: "Enter a username above to search or click 'Show All'"
 #: helpers/MessageLabels/MessageLabels
 msgid "Enter a username above to search or click 'Show All'"
@@ -1332,6 +1347,11 @@ msgstr "Syötä yläpuolelle etsittävä käyttäjähimi tai valitse 'Näytä ka
 msgid "Enter an email address. This will be your login name. We respect your privacy, and will not give the address away to any third parties or expose it anywhere."
 msgstr "Syötä sähköpostiosoite, jota haluat käyttää kirjautumistunnuksena. Me kunnioitamme yksityisyyttäsi, emmekä jaa sähköpostiosoitettasi kenellekään muulle tai julkaise sitä missään."
 
+#. Default: "Enter date and time"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Enter date and time to filter"
+msgstr ""
+
 #. Default: "Enter full name, e.g. John Smith."
 #: components/theme/Register/Register
 msgid "Enter full name, e.g. John Smith."
@@ -1342,6 +1362,11 @@ msgstr "Syötä koko nimi, esimerkiksi Lumi Vuorinen."
 msgid "Enter map Embed Code"
 msgstr "Syötä Google Maps -upotuskoodi"
 
+#. Default: "Enter Path"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Enter path to filter"
+msgstr ""
+
 #. Default: "Enter the absolute path of the target. Target must exist or be an existing alternative URL path to the target."
 #: components/manage/Controlpanels/Aliases
 msgid "Enter the absolute path of the target. Target must exist or be an existing alternative url path to the target."
@@ -1555,11 +1580,26 @@ msgstr "Suodata säännöt:"
 msgid "Filter by prefix"
 msgstr "Suodata alkutunnisteen perusteella"
 
+#. Default: "Filter transactions by"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Filter transactions by"
+msgstr ""
+
+#. Default: "Filter transactions by user, path or date"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Filter transactions by User, Path or Date"
+msgstr ""
+
 #. Default: "Filter users by groups"
 #: helpers/MessageLabels/MessageLabels
 msgid "Filter users by groups"
 msgstr "Suodata käyttäjiä ryhmittäin"
 
+#. Default: "Filtered"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Filtered"
+msgstr ""
+
 #. Default: "Filter…"
 #: components/manage/Contents/Contents
 msgid "Filter…"
@@ -2396,16 +2436,6 @@ msgstr "Ei"
 msgid "No Transactions Found"
 msgstr "Käännöksiä ei löytynyt"
 
-#. Default: "No transactions selected"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "No Transactions Selected"
-msgstr "Käännöksiä ei valittu"
-
-#. Default: "No transactions selected to do undo"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "No Transactions Selected To Do Undo"
-msgstr "Käännöksiä ei valittu peruutusta varten"
-
 #. Default: "No Video selected"
 #: components/manage/Blocks/Video/VideoSidebar
 msgid "No Video selected"
@@ -2700,6 +2730,11 @@ msgstr "Varmista, että sinulla on varmuuskopio sivustosta ennen päivityksen su
 msgid "Please enter a valid URL by deleting the block and adding a new video block."
 msgstr "Syötä toimiva osoite poistamalla tämä palikka ja lisäämällä sitten uusi videopalikka."
 
+#. Default: "Please enter any input to perform filter"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Please enter any input to perform filter"
+msgstr ""
+
 #. Default: "Please enter the Embed Code provided by Google Maps -> Share -> Embed map. It should contain the <iframe> code on it."
 #: components/manage/Blocks/Maps/Edit
 msgid "Please enter the Embed Code provided by Google Maps -> Share -> Embed map. It should contain the <iframe> code on it."
@@ -2986,6 +3021,11 @@ msgstr "Korvaa olemassaoleva tiedosto"
 msgid "Reply"
 msgstr "Vastaa"
 
+#. Default: "OP"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Request type"
+msgstr ""
+
 #. Default: "Required"
 #: components/manage/Widgets/SchemaWidget
 #: components/manage/Widgets/SelectWidget
@@ -3241,6 +3281,11 @@ msgstr "Valitse"
 msgid "Select a date to add to recurrence"
 msgstr "Valitse toistumiseen lisättävä päivä"
 
+#. Default: "Select all"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Select all"
+msgstr ""
+
 #. Default: "Select columns to show"
 #: components/manage/Contents/Contents
 msgid "Select columns to show"
@@ -3472,11 +3517,6 @@ msgstr ""
 msgid "Sorry, something went wrong with your request"
 msgstr "Anteeksi, sivua ladattaessa jotain meni pieleen."
 
-#. Default: "Sort by"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Sort By"
-msgstr "Lajittele"
-
 #. Default: "Sort by:"
 #: components/theme/Search/Search
 msgid "Sort By:"
@@ -3494,16 +3534,6 @@ msgstr "Järjestys"
 msgid "Sort on options"
 msgstr "Lajittelun vaihtoehdot"
 
-#. Default: "Sort transactions by User-Name, Path or Date"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Sort transactions by User-Name, Path or Date"
-msgstr "Lajittele nimen, polun tai päivämäärän perusteella"
-
-#. Default: "Sorted"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Sorted"
-msgstr "Lajiteltu"
-
 #. Default: "Sorted on"
 #: components/manage/Blocks/Search/components/SortOn
 msgid "Sorted on"
@@ -3935,20 +3965,15 @@ msgstr "Tietokannassa olevien kohteiden määrä"
 msgid "Transactions"
 msgstr "Toiminnot"
 
-#. Default: "#"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Transactions Checkbox"
-msgstr "Toiminnot"
-
-#. Default: "Transactions have been sorted"
+#. Default: "Transactions have been filtered"
 #: components/manage/Controlpanels/UndoControlpanel
 msgid "Transactions Have Been Sorted"
-msgstr "Toiminnot on lajiteltu"
+msgstr ""
 
-#. Default: "Transactions have been unsorted"
+#. Default: "Transactions have been unfiltered"
 #: components/manage/Controlpanels/UndoControlpanel
 msgid "Transactions Have Been Unsorted"
-msgstr "Toimintojen lajittelu on purettu"
+msgstr ""
 
 #. Default: "Translate to {lang}"
 #: components/manage/Add/Add
@@ -4046,6 +4071,11 @@ msgstr "Peruuta"
 msgid "Undo Controlpanel"
 msgstr "Peruutukset"
 
+#. Default: "Unfiltered"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Unfiltered"
+msgstr ""
+
 #. Default: "Unfold"
 #: components/manage/BlockChooser/BlockChooser
 msgid "Unfold"
@@ -4078,11 +4108,6 @@ msgstr "Poista käännöksen linkitys"
 msgid "Unlock"
 msgstr "Avaa"
 
-#. Default: "Unsorted"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Unsorted"
-msgstr "Lajittelu poistettu"
-
 #. Default: "Update"
 #: components/manage/Controlpanels/AddonsControlpanel
 msgid "Update"
@@ -4634,6 +4659,21 @@ msgstr ""
 msgid "fileTooLarge"
 msgstr ""
 
+#. Default: "Date"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "filter by date"
+msgstr ""
+
+#. Default: "Path"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "filter by path"
+msgstr ""
+
+#. Default: "Username"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "filter by username"
+msgstr ""
+
 #. Default: "flush intIds and rebuild relations"
 #: helpers/MessageLabels/MessageLabels
 msgid "flush intIds and rebuild relations"
@@ -5176,6 +5216,11 @@ msgstr ""
 msgid "{id} Schema"
 msgstr ""
 
+#. Default: "{n_transactions} transactions selected."
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "{n_transactions} transactions selected."
+msgstr ""
+
 #. Default: "{title} copied."
 #: components/manage/Actions/Actions
 msgid "{title} copied."
diff --git a/packages/volto/locales/fr/LC_MESSAGES/volto.po b/packages/volto/locales/fr/LC_MESSAGES/volto.po
index 120eda4ebef..6e150fe1f4d 100644
--- a/packages/volto/locales/fr/LC_MESSAGES/volto.po
+++ b/packages/volto/locales/fr/LC_MESSAGES/volto.po
@@ -417,6 +417,11 @@ msgstr "Voulez-vous vraiment supprimer ce champ ?"
 msgid "Are you sure you want to delete this fieldset including all fields?"
 msgstr "Voulez-vous vraiment supprimer ce groupe de champs et tous les champs dedans"
 
+#. Default: "Are you sure you want to undo selected actions?"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Are you sure you want to undo selected actions?"
+msgstr ""
+
 #. Default: "Ascending"
 #: components/manage/Blocks/Search/components/SortOn
 #: components/manage/Contents/Contents
@@ -1319,11 +1324,21 @@ msgstr "Activé ?"
 msgid "End Date"
 msgstr "Date de fin"
 
+#. Default: "Will display transactions from start of selected day, until time selected"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Enter Date description filter"
+msgstr ""
+
 #. Default: "Enter URL or select an item"
 #: components/manage/AnchorPlugin/components/LinkButton/AddLinkForm
 msgid "Enter URL or select an item"
 msgstr "Saisissez l'URL ou sélectionnez un élément"
 
+#. Default: "Enter username"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Enter Username to filter"
+msgstr ""
+
 #. Default: "Enter a username above to search or click 'Show All'"
 #: helpers/MessageLabels/MessageLabels
 msgid "Enter a username above to search or click 'Show All'"
@@ -1334,6 +1349,11 @@ msgstr "Saisissez un nom d'utilisateur ci-dessus à rechercher ou cliquez sur 'A
 msgid "Enter an email address. This will be your login name. We respect your privacy, and will not give the address away to any third parties or expose it anywhere."
 msgstr "Saisissez votre adresse e-mail. Elle sera votre nom d'utilisateur. Nous respectons votre vie privée, nous ne donnerons pas votre adresse à un tiers et elle ne sera pas exposée."
 
+#. Default: "Enter date and time"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Enter date and time to filter"
+msgstr ""
+
 #. Default: "Enter full name, e.g. John Smith."
 #: components/theme/Register/Register
 msgid "Enter full name, e.g. John Smith."
@@ -1344,6 +1364,11 @@ msgstr "Saisissez votre nom complet (par exemple : John Smith)"
 msgid "Enter map Embed Code"
 msgstr "Saisissez le code intégré de la carte"
 
+#. Default: "Enter Path"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Enter path to filter"
+msgstr ""
+
 #. Default: "Enter the absolute path of the target. Target must exist or be an existing alternative URL path to the target."
 #: components/manage/Controlpanels/Aliases
 msgid "Enter the absolute path of the target. Target must exist or be an existing alternative url path to the target."
@@ -1557,11 +1582,26 @@ msgstr "Règles de filtre :"
 msgid "Filter by prefix"
 msgstr "Filtrer par préfixe"
 
+#. Default: "Filter transactions by"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Filter transactions by"
+msgstr ""
+
+#. Default: "Filter transactions by user, path or date"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Filter transactions by User, Path or Date"
+msgstr ""
+
 #. Default: "Filter users by groups"
 #: helpers/MessageLabels/MessageLabels
 msgid "Filter users by groups"
 msgstr "Filtrer les utilisateurs par groupes"
 
+#. Default: "Filtered"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Filtered"
+msgstr ""
+
 #. Default: "Filter…"
 #: components/manage/Contents/Contents
 msgid "Filter…"
@@ -2398,16 +2438,6 @@ msgstr "Non"
 msgid "No Transactions Found"
 msgstr "Aucune transaction trouvée"
 
-#. Default: "No transactions selected"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "No Transactions Selected"
-msgstr "Aucune transaction sélectionnée"
-
-#. Default: "No transactions selected to do undo"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "No Transactions Selected To Do Undo"
-msgstr "Aucune transaction sélectionnée à annuler"
-
 #. Default: "No Video selected"
 #: components/manage/Blocks/Video/VideoSidebar
 msgid "No Video selected"
@@ -2702,6 +2732,11 @@ msgstr "Veuillez vous assurer que vous avez un backup de votre site avant d'effe
 msgid "Please enter a valid URL by deleting the block and adding a new video block."
 msgstr "Veuillez saisir une URL valide en supprimant le bloc et en ajoutant un nouveau bloc vidéo."
 
+#. Default: "Please enter any input to perform filter"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Please enter any input to perform filter"
+msgstr ""
+
 #. Default: "Please enter the Embed Code provided by Google Maps -> Share -> Embed map. It should contain the <iframe> code on it."
 #: components/manage/Blocks/Maps/Edit
 msgid "Please enter the Embed Code provided by Google Maps -> Share -> Embed map. It should contain the <iframe> code on it."
@@ -2988,6 +3023,11 @@ msgstr "Remplacer le fichier existant"
 msgid "Reply"
 msgstr "Répondre"
 
+#. Default: "OP"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Request type"
+msgstr ""
+
 #. Default: "Required"
 #: components/manage/Widgets/SchemaWidget
 #: components/manage/Widgets/SelectWidget
@@ -3243,6 +3283,11 @@ msgstr "Sélectionner"
 msgid "Select a date to add to recurrence"
 msgstr "Sélectionnez une date à ajouter à la récurrence"
 
+#. Default: "Select all"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Select all"
+msgstr ""
+
 #. Default: "Select columns to show"
 #: components/manage/Contents/Contents
 msgid "Select columns to show"
@@ -3474,11 +3519,6 @@ msgstr ""
 msgid "Sorry, something went wrong with your request"
 msgstr "Désolé, quelque chose s'est mal passé avec votre demande"
 
-#. Default: "Sort by"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Sort By"
-msgstr "Trier par"
-
 #. Default: "Sort by:"
 #: components/theme/Search/Search
 msgid "Sort By:"
@@ -3496,16 +3536,6 @@ msgstr "Trier sur"
 msgid "Sort on options"
 msgstr "Options de tri"
 
-#. Default: "Sort transactions by User-Name, Path or Date"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Sort transactions by User-Name, Path or Date"
-msgstr "Trier les transaction par utilisateur, chemin ou date"
-
-#. Default: "Sorted"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Sorted"
-msgstr "Trié"
-
 #. Default: "Sorted on"
 #: components/manage/Blocks/Search/components/SortOn
 msgid "Sorted on"
@@ -3937,20 +3967,15 @@ msgstr "Nombre total d'objets dans la base de données"
 msgid "Transactions"
 msgstr "Transactions"
 
-#. Default: "#"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Transactions Checkbox"
-msgstr "#"
-
-#. Default: "Transactions have been sorted"
+#. Default: "Transactions have been filtered"
 #: components/manage/Controlpanels/UndoControlpanel
 msgid "Transactions Have Been Sorted"
-msgstr "Les transactions ont été triées"
+msgstr ""
 
-#. Default: "Transactions have been unsorted"
+#. Default: "Transactions have been unfiltered"
 #: components/manage/Controlpanels/UndoControlpanel
 msgid "Transactions Have Been Unsorted"
-msgstr "Les transactions ont été dé-triées"
+msgstr ""
 
 #. Default: "Translate to {lang}"
 #: components/manage/Add/Add
@@ -4048,6 +4073,11 @@ msgstr "Annuler"
 msgid "Undo Controlpanel"
 msgstr "Panneau de contrôle Annuler"
 
+#. Default: "Unfiltered"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Unfiltered"
+msgstr ""
+
 #. Default: "Unfold"
 #: components/manage/BlockChooser/BlockChooser
 msgid "Unfold"
@@ -4080,11 +4110,6 @@ msgstr "Délier la traduction pour"
 msgid "Unlock"
 msgstr "Déverouiller"
 
-#. Default: "Unsorted"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Unsorted"
-msgstr "Non trié"
-
 #. Default: "Update"
 #: components/manage/Controlpanels/AddonsControlpanel
 msgid "Update"
@@ -4636,6 +4661,21 @@ msgstr ""
 msgid "fileTooLarge"
 msgstr ""
 
+#. Default: "Date"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "filter by date"
+msgstr ""
+
+#. Default: "Path"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "filter by path"
+msgstr ""
+
+#. Default: "Username"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "filter by username"
+msgstr ""
+
 #. Default: "flush intIds and rebuild relations"
 #: helpers/MessageLabels/MessageLabels
 msgid "flush intIds and rebuild relations"
@@ -5178,6 +5218,11 @@ msgstr "{id} type de contenu"
 msgid "{id} Schema"
 msgstr "{id} schéma"
 
+#. Default: "{n_transactions} transactions selected."
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "{n_transactions} transactions selected."
+msgstr ""
+
 #. Default: "{title} copied."
 #: components/manage/Actions/Actions
 msgid "{title} copied."
diff --git a/packages/volto/locales/hi/LC_MESSAGES/volto.po b/packages/volto/locales/hi/LC_MESSAGES/volto.po
index 02196516423..1a40d49fdd1 100644
--- a/packages/volto/locales/hi/LC_MESSAGES/volto.po
+++ b/packages/volto/locales/hi/LC_MESSAGES/volto.po
@@ -410,6 +410,11 @@ msgstr "क्या आप इस फ़ील्ड को हटाना च
 msgid "Are you sure you want to delete this fieldset including all fields?"
 msgstr "क्या आप इस फ़ील्डसेट को हटाना चाहते हैं, सभी फ़ील्ड्स सहित?"
 
+#. Default: "Are you sure you want to undo selected actions?"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Are you sure you want to undo selected actions?"
+msgstr ""
+
 #. Default: "Ascending"
 #: components/manage/Blocks/Search/components/SortOn
 #: components/manage/Contents/Contents
@@ -1312,11 +1317,21 @@ msgstr "सक्षम?"
 msgid "End Date"
 msgstr "अंतिम तिथि"
 
+#. Default: "Will display transactions from start of selected day, until time selected"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Enter Date description filter"
+msgstr ""
+
 #. Default: "Enter URL or select an item"
 #: components/manage/AnchorPlugin/components/LinkButton/AddLinkForm
 msgid "Enter URL or select an item"
 msgstr "URL दर्ज करें या आइटम का चयन करें"
 
+#. Default: "Enter username"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Enter Username to filter"
+msgstr ""
+
 #. Default: "Enter a username above to search or click 'Show All'"
 #: helpers/MessageLabels/MessageLabels
 msgid "Enter a username above to search or click 'Show All'"
@@ -1327,6 +1342,11 @@ msgstr "खोज करने के लिए ऊपर एक उपयोग
 msgid "Enter an email address. This will be your login name. We respect your privacy, and will not give the address away to any third parties or expose it anywhere."
 msgstr "एक ईमेल पता दर्ज करें। यह आपका लॉगिन नाम होगा। हम आपकी गोपनीयता का सम्मान करते हैं, और हम इस पते को किसी तीसरे पक्ष को नहीं देंगे या इसे कहीं भी प्रकट नहीं करेंगे।"
 
+#. Default: "Enter date and time"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Enter date and time to filter"
+msgstr ""
+
 #. Default: "Enter full name, e.g. John Smith."
 #: components/theme/Register/Register
 msgid "Enter full name, e.g. John Smith."
@@ -1337,6 +1357,11 @@ msgstr "पूरा नाम दर्ज करें, उदाहरण क
 msgid "Enter map Embed Code"
 msgstr "नक्शे का एम्बेड कोड दर्ज करें"
 
+#. Default: "Enter Path"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Enter path to filter"
+msgstr ""
+
 #. Default: "Enter the absolute path of the target. Target must exist or be an existing alternative URL path to the target."
 #: components/manage/Controlpanels/Aliases
 msgid "Enter the absolute path of the target. Target must exist or be an existing alternative url path to the target."
@@ -1550,11 +1575,26 @@ msgstr "फ़िल्टर नियम:"
 msgid "Filter by prefix"
 msgstr "उपसर्ग द्वारा फ़िल्टर करें"
 
+#. Default: "Filter transactions by"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Filter transactions by"
+msgstr ""
+
+#. Default: "Filter transactions by user, path or date"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Filter transactions by User, Path or Date"
+msgstr ""
+
 #. Default: "Filter users by groups"
 #: helpers/MessageLabels/MessageLabels
 msgid "Filter users by groups"
 msgstr "समूहों द्वारा उपयोगकर्ताओं को फ़िल्टर करें"
 
+#. Default: "Filtered"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Filtered"
+msgstr ""
+
 #. Default: "Filter…"
 #: components/manage/Contents/Contents
 msgid "Filter…"
@@ -2391,16 +2431,6 @@ msgstr "नहीं"
 msgid "No Transactions Found"
 msgstr "कोई लेन-देन नहीं मिला"
 
-#. Default: "No transactions selected"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "No Transactions Selected"
-msgstr "कोई लेन-देन चयनित नहीं है"
-
-#. Default: "No transactions selected to do undo"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "No Transactions Selected To Do Undo"
-msgstr "कोई लेन-देन चयनित नहीं है जिसे वापस किया जा सके"
-
 #. Default: "No Video selected"
 #: components/manage/Blocks/Video/VideoSidebar
 msgid "No Video selected"
@@ -2695,6 +2725,11 @@ msgstr "कृपया अपग्रेड करने से पहले 
 msgid "Please enter a valid URL by deleting the block and adding a new video block."
 msgstr "कृपया ब्लॉक को हटाकर एक वैध URL दर्ज करें और एक नया वीडियो ब्लॉक जोड़ें।"
 
+#. Default: "Please enter any input to perform filter"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Please enter any input to perform filter"
+msgstr ""
+
 #. Default: "Please enter the Embed Code provided by Google Maps -> Share -> Embed map. It should contain the <iframe> code on it."
 #: components/manage/Blocks/Maps/Edit
 msgid "Please enter the Embed Code provided by Google Maps -> Share -> Embed map. It should contain the <iframe> code on it."
@@ -2981,6 +3016,11 @@ msgstr "मौजूदा फ़ाइल को बदलें"
 msgid "Reply"
 msgstr "उत्तर"
 
+#. Default: "OP"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Request type"
+msgstr ""
+
 #. Default: "Required"
 #: components/manage/Widgets/SchemaWidget
 #: components/manage/Widgets/SelectWidget
@@ -3236,6 +3276,11 @@ msgstr "चयन करें"
 msgid "Select a date to add to recurrence"
 msgstr "पुनरावृत्ति में जोड़ने के लिए एक तारीख का चयन करें"
 
+#. Default: "Select all"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Select all"
+msgstr ""
+
 #. Default: "Select columns to show"
 #: components/manage/Contents/Contents
 msgid "Select columns to show"
@@ -3467,11 +3512,6 @@ msgstr "कुछ संबंध टूटे हुए हैं। कृप
 msgid "Sorry, something went wrong with your request"
 msgstr "क्षमा करें, आपकी अनुरोध में कुछ गलत हो गया है"
 
-#. Default: "Sort by"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Sort By"
-msgstr "क्रमबद्ध करें द्वारा"
-
 #. Default: "Sort by:"
 #: components/theme/Search/Search
 msgid "Sort By:"
@@ -3489,16 +3529,6 @@ msgstr "क्रमबद्ध करें द्वारा"
 msgid "Sort on options"
 msgstr "क्रमबद्ध करें द्वारा विकल्प"
 
-#. Default: "Sort transactions by User-Name, Path or Date"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Sort transactions by User-Name, Path or Date"
-msgstr "उपयोगकर्ता-नाम, पथ या तिथि द्वारा लेन-देन क्रमबद्ध करें"
-
-#. Default: "Sorted"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Sorted"
-msgstr "क्रमबद्ध किया गया"
-
 #. Default: "Sorted on"
 #: components/manage/Blocks/Search/components/SortOn
 msgid "Sorted on"
@@ -3930,20 +3960,15 @@ msgstr "डेटाबेस में कुल वस्तुओं की 
 msgid "Transactions"
 msgstr "लेन-देन"
 
-#. Default: "#"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Transactions Checkbox"
-msgstr "लेन-देन चेकबॉक्स"
-
-#. Default: "Transactions have been sorted"
+#. Default: "Transactions have been filtered"
 #: components/manage/Controlpanels/UndoControlpanel
 msgid "Transactions Have Been Sorted"
-msgstr "लेन-देन क्रमबद्ध किए गए हैं"
+msgstr ""
 
-#. Default: "Transactions have been unsorted"
+#. Default: "Transactions have been unfiltered"
 #: components/manage/Controlpanels/UndoControlpanel
 msgid "Transactions Have Been Unsorted"
-msgstr "लेन-देन क्रमबद्ध नहीं किए गए हैं"
+msgstr ""
 
 #. Default: "Translate to {lang}"
 #: components/manage/Add/Add
@@ -4041,6 +4066,11 @@ msgstr "पूर्ववत करें"
 msgid "Undo Controlpanel"
 msgstr "पूर्ववत कंट्रोल पैनल"
 
+#. Default: "Unfiltered"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Unfiltered"
+msgstr ""
+
 #. Default: "Unfold"
 #: components/manage/BlockChooser/BlockChooser
 msgid "Unfold"
@@ -4073,11 +4103,6 @@ msgstr "अनुवाद को अलग करें"
 msgid "Unlock"
 msgstr "अनलॉक"
 
-#. Default: "Unsorted"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Unsorted"
-msgstr "अक्रमण"
-
 #. Default: "Update"
 #: components/manage/Controlpanels/AddonsControlpanel
 msgid "Update"
@@ -4629,6 +4654,21 @@ msgstr ""
 msgid "fileTooLarge"
 msgstr "यह वेबसाइट {limit} से अधिक बड़े फ़ाइलों को स्वीकार नहीं करती है"
 
+#. Default: "Date"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "filter by date"
+msgstr ""
+
+#. Default: "Path"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "filter by path"
+msgstr ""
+
+#. Default: "Username"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "filter by username"
+msgstr ""
+
 #. Default: "flush intIds and rebuild relations"
 #: helpers/MessageLabels/MessageLabels
 msgid "flush intIds and rebuild relations"
@@ -5171,6 +5211,11 @@ msgstr "{id} की कंटेंट प्रकार"
 msgid "{id} Schema"
 msgstr "{id} स्कीमा"
 
+#. Default: "{n_transactions} transactions selected."
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "{n_transactions} transactions selected."
+msgstr ""
+
 #. Default: "{title} copied."
 #: components/manage/Actions/Actions
 msgid "{title} copied."
diff --git a/packages/volto/locales/it/LC_MESSAGES/volto.po b/packages/volto/locales/it/LC_MESSAGES/volto.po
index 6cccb3d46be..78d3cc6184e 100644
--- a/packages/volto/locales/it/LC_MESSAGES/volto.po
+++ b/packages/volto/locales/it/LC_MESSAGES/volto.po
@@ -410,6 +410,11 @@ msgstr "Sicuro di voler eliminare questo campo?"
 msgid "Are you sure you want to delete this fieldset including all fields?"
 msgstr "Sicuro di voler eliminare questo insieme di campi compresi tutti i campi contenuti?"
 
+#. Default: "Are you sure you want to undo selected actions?"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Are you sure you want to undo selected actions?"
+msgstr "Sei sicuro di volere eliminare le azioni selezionate?"
+
 #. Default: "Ascending"
 #: components/manage/Blocks/Search/components/SortOn
 #: components/manage/Contents/Contents
@@ -1312,11 +1317,21 @@ msgstr "Abilitato?"
 msgid "End Date"
 msgstr "Data di fine"
 
+#. Default: "Will display transactions from start of selected day, until time selected"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Enter Date description filter"
+msgstr "Verranno mostrate le transazioni dall'inizio del giorno selezionato, fino all'ora selezionata"
+
 #. Default: "Enter URL or select an item"
 #: components/manage/AnchorPlugin/components/LinkButton/AddLinkForm
 msgid "Enter URL or select an item"
 msgstr "Inserisci un URL o seleziona un elemento"
 
+#. Default: "Enter username"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Enter Username to filter"
+msgstr "Inserisci uno username"
+
 #. Default: "Enter a username above to search or click 'Show All'"
 #: helpers/MessageLabels/MessageLabels
 msgid "Enter a username above to search or click 'Show All'"
@@ -1327,6 +1342,11 @@ msgstr "Inserisci uno username da ricercare, oppure clicca su 'Vedi tutto'"
 msgid "Enter an email address. This will be your login name. We respect your privacy, and will not give the address away to any third parties or expose it anywhere."
 msgstr "Inserisci un indirizzo e-mail. Esso sarà il tuo nome utente. Rispettiamo la tua privacy: non daremo l'indirizzo a terzi, né verrà esposto nel portale."
 
+#. Default: "Enter date and time"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Enter date and time to filter"
+msgstr ""
+
 #. Default: "Enter full name, e.g. John Smith."
 #: components/theme/Register/Register
 msgid "Enter full name, e.g. John Smith."
@@ -1337,6 +1357,11 @@ msgstr "Inserisci il tuo nome completo, ad esempio Mario Rossi."
 msgid "Enter map Embed Code"
 msgstr "Inserisci il codice di incorporamento della mappa"
 
+#. Default: "Enter Path"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Enter path to filter"
+msgstr "Inserisci un path da trovare"
+
 #. Default: "Enter the absolute path of the target. Target must exist or be an existing alternative URL path to the target."
 #: components/manage/Controlpanels/Aliases
 msgid "Enter the absolute path of the target. Target must exist or be an existing alternative url path to the target."
@@ -1550,11 +1575,26 @@ msgstr "Regole di filtro:"
 msgid "Filter by prefix"
 msgstr "Filtra per prefisso"
 
+#. Default: "Filter transactions by"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Filter transactions by"
+msgstr "Filtra le transazioni per"
+
+#. Default: "Filter transactions by user, path or date"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Filter transactions by User, Path or Date"
+msgstr "Filtra le transazioni per Utnete, Path o Data"
+
 #. Default: "Filter users by groups"
 #: helpers/MessageLabels/MessageLabels
 msgid "Filter users by groups"
 msgstr "Filtra gli utenti per gruppi"
 
+#. Default: "Filtered"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Filtered"
+msgstr "Filtrati"
+
 #. Default: "Filter…"
 #: components/manage/Contents/Contents
 msgid "Filter…"
@@ -2391,16 +2431,6 @@ msgstr "No"
 msgid "No Transactions Found"
 msgstr "Nessuna transazione trovata"
 
-#. Default: "No transactions selected"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "No Transactions Selected"
-msgstr "Nessuna transazione selezionata"
-
-#. Default: "No transactions selected to do undo"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "No Transactions Selected To Do Undo"
-msgstr "Nessuna transazione da annullare selezionata"
-
 #. Default: "No Video selected"
 #: components/manage/Blocks/Video/VideoSidebar
 msgid "No Video selected"
@@ -2695,6 +2725,11 @@ msgstr "Assicurati di avere un backup del tuo sito prima di effettuare l'aggiorn
 msgid "Please enter a valid URL by deleting the block and adding a new video block."
 msgstr "Inserisci un URL valido eliminando il blocco e aggiungendo un nuovo blocco di tipo video."
 
+#. Default: "Please enter any input to perform filter"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Please enter any input to perform filter"
+msgstr "Inserire un valore nel campo per filtrare le transazioni"
+
 #. Default: "Please enter the Embed Code provided by Google Maps -> Share -> Embed map. It should contain the <iframe> code on it."
 #: components/manage/Blocks/Maps/Edit
 msgid "Please enter the Embed Code provided by Google Maps -> Share -> Embed map. It should contain the <iframe> code on it."
@@ -2981,6 +3016,11 @@ msgstr "Sostituisci file esistente"
 msgid "Reply"
 msgstr "Rispondi"
 
+#. Default: "OP"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Request type"
+msgstr "OP"
+
 #. Default: "Required"
 #: components/manage/Widgets/SchemaWidget
 #: components/manage/Widgets/SelectWidget
@@ -3236,6 +3276,11 @@ msgstr "Seleziona"
 msgid "Select a date to add to recurrence"
 msgstr "Seleziona una data da aggiungere alla ricorrenza"
 
+#. Default: "Select all"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Select all"
+msgstr "Seleziona tutti"
+
 #. Default: "Select columns to show"
 #: components/manage/Contents/Contents
 msgid "Select columns to show"
@@ -3467,11 +3512,6 @@ msgstr "Alcune relazioni sono corrotte."
 msgid "Sorry, something went wrong with your request"
 msgstr "Spiacente, qualcosa è andato storto"
 
-#. Default: "Sort by"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Sort By"
-msgstr "Ordina per"
-
 #. Default: "Sort by:"
 #: components/theme/Search/Search
 msgid "Sort By:"
@@ -3489,16 +3529,6 @@ msgstr "Ordina per"
 msgid "Sort on options"
 msgstr "Opzioni di ordinamento"
 
-#. Default: "Sort transactions by User-Name, Path or Date"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Sort transactions by User-Name, Path or Date"
-msgstr "Ordina transazioni per Username, Percorso o Data"
-
-#. Default: "Sorted"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Sorted"
-msgstr "Ordinato"
-
 #. Default: "Sorted on"
 #: components/manage/Blocks/Search/components/SortOn
 msgid "Sorted on"
@@ -3930,20 +3960,15 @@ msgstr "Numero totale di oggetti nel database"
 msgid "Transactions"
 msgstr "Transazioni"
 
-#. Default: "#"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Transactions Checkbox"
-msgstr "Checkbox transazioni"
-
-#. Default: "Transactions have been sorted"
+#. Default: "Transactions have been filtered"
 #: components/manage/Controlpanels/UndoControlpanel
 msgid "Transactions Have Been Sorted"
-msgstr "L'ordinamento è stato applicato alle transazioni"
+msgstr "Le transazioni sono state filtrate"
 
-#. Default: "Transactions have been unsorted"
+#. Default: "Transactions have been unfiltered"
 #: components/manage/Controlpanels/UndoControlpanel
 msgid "Transactions Have Been Unsorted"
-msgstr "L'ordinamento è stato rimosso dalle transazioni"
+msgstr "Rimossi i filtri sulle transazioni"
 
 #. Default: "Translate to {lang}"
 #: components/manage/Add/Add
@@ -4041,6 +4066,11 @@ msgstr "Annulla"
 msgid "Undo Controlpanel"
 msgstr "Annulla controlpanel"
 
+#. Default: "Unfiltered"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Unfiltered"
+msgstr "Non filtrate"
+
 #. Default: "Unfold"
 #: components/manage/BlockChooser/BlockChooser
 msgid "Unfold"
@@ -4073,11 +4103,6 @@ msgstr "Scollega traduzione per"
 msgid "Unlock"
 msgstr "Sblocca"
 
-#. Default: "Unsorted"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Unsorted"
-msgstr "Non ordinato"
-
 #. Default: "Update"
 #: components/manage/Controlpanels/AddonsControlpanel
 msgid "Update"
@@ -4629,6 +4654,21 @@ msgstr ""
 msgid "fileTooLarge"
 msgstr "Questo sito non accetta file più grandi di {limit}"
 
+#. Default: "Date"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "filter by date"
+msgstr ""
+
+#. Default: "Path"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "filter by path"
+msgstr ""
+
+#. Default: "Username"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "filter by username"
+msgstr ""
+
 #. Default: "flush intIds and rebuild relations"
 #: helpers/MessageLabels/MessageLabels
 msgid "flush intIds and rebuild relations"
@@ -5171,6 +5211,11 @@ msgstr "{id} Tipo di Contenuto"
 msgid "{id} Schema"
 msgstr "{id} Schema"
 
+#. Default: "{n_transactions} transactions selected."
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "{n_transactions} transactions selected."
+msgstr "{n_transactions} transazioni selezionate."
+
 #. Default: "{title} copied."
 #: components/manage/Actions/Actions
 msgid "{title} copied."
diff --git a/packages/volto/locales/ja/LC_MESSAGES/volto.po b/packages/volto/locales/ja/LC_MESSAGES/volto.po
index e4c74c3188a..64d49f22e75 100644
--- a/packages/volto/locales/ja/LC_MESSAGES/volto.po
+++ b/packages/volto/locales/ja/LC_MESSAGES/volto.po
@@ -415,6 +415,11 @@ msgstr "このフィールドを削除しますか？"
 msgid "Are you sure you want to delete this fieldset including all fields?"
 msgstr "Are you sure you want to delete this fieldset including all fields? (未翻訳)"
 
+#. Default: "Are you sure you want to undo selected actions?"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Are you sure you want to undo selected actions?"
+msgstr ""
+
 #. Default: "Ascending"
 #: components/manage/Blocks/Search/components/SortOn
 #: components/manage/Contents/Contents
@@ -1317,11 +1322,21 @@ msgstr ""
 msgid "End Date"
 msgstr "終了日付"
 
+#. Default: "Will display transactions from start of selected day, until time selected"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Enter Date description filter"
+msgstr ""
+
 #. Default: "Enter URL or select an item"
 #: components/manage/AnchorPlugin/components/LinkButton/AddLinkForm
 msgid "Enter URL or select an item"
 msgstr "URLを入力または項目を選択"
 
+#. Default: "Enter username"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Enter Username to filter"
+msgstr ""
+
 #. Default: "Enter a username above to search or click 'Show All'"
 #: helpers/MessageLabels/MessageLabels
 msgid "Enter a username above to search or click 'Show All'"
@@ -1332,6 +1347,11 @@ msgstr "検索するユーザ名を上に入力するか、[すべて表示]を
 msgid "Enter an email address. This will be your login name. We respect your privacy, and will not give the address away to any third parties or expose it anywhere."
 msgstr "メールアドレスを入力してください。このメールアドレスがログイン名になります。当サイトはプライバシーを尊重しています。メールアドレスを第三者に提供したり、公開することはありません。"
 
+#. Default: "Enter date and time"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Enter date and time to filter"
+msgstr ""
+
 #. Default: "Enter full name, e.g. John Smith."
 #: components/theme/Register/Register
 msgid "Enter full name, e.g. John Smith."
@@ -1342,6 +1362,11 @@ msgstr "氏名（フルネーム）を入力。例： Hanako Suzuki や 山田
 msgid "Enter map Embed Code"
 msgstr "地図のEmbedコードを入力"
 
+#. Default: "Enter Path"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Enter path to filter"
+msgstr ""
+
 #. Default: "Enter the absolute path of the target. Target must exist or be an existing alternative URL path to the target."
 #: components/manage/Controlpanels/Aliases
 msgid "Enter the absolute path of the target. Target must exist or be an existing alternative url path to the target."
@@ -1555,11 +1580,26 @@ msgstr ""
 msgid "Filter by prefix"
 msgstr ""
 
+#. Default: "Filter transactions by"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Filter transactions by"
+msgstr ""
+
+#. Default: "Filter transactions by user, path or date"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Filter transactions by User, Path or Date"
+msgstr ""
+
 #. Default: "Filter users by groups"
 #: helpers/MessageLabels/MessageLabels
 msgid "Filter users by groups"
 msgstr ""
 
+#. Default: "Filtered"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Filtered"
+msgstr ""
+
 #. Default: "Filter…"
 #: components/manage/Contents/Contents
 msgid "Filter…"
@@ -2396,16 +2436,6 @@ msgstr "No"
 msgid "No Transactions Found"
 msgstr ""
 
-#. Default: "No transactions selected"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "No Transactions Selected"
-msgstr ""
-
-#. Default: "No transactions selected to do undo"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "No Transactions Selected To Do Undo"
-msgstr ""
-
 #. Default: "No Video selected"
 #: components/manage/Blocks/Video/VideoSidebar
 msgid "No Video selected"
@@ -2700,6 +2730,11 @@ msgstr ""
 msgid "Please enter a valid URL by deleting the block and adding a new video block."
 msgstr "ブロックを削除して新しいビデオブロックを追加して、正しいURLを入力してください。"
 
+#. Default: "Please enter any input to perform filter"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Please enter any input to perform filter"
+msgstr ""
+
 #. Default: "Please enter the Embed Code provided by Google Maps -> Share -> Embed map. It should contain the <iframe> code on it."
 #: components/manage/Blocks/Maps/Edit
 msgid "Please enter the Embed Code provided by Google Maps -> Share -> Embed map. It should contain the <iframe> code on it."
@@ -2986,6 +3021,11 @@ msgstr "ファイルの置き換え"
 msgid "Reply"
 msgstr ""
 
+#. Default: "OP"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Request type"
+msgstr ""
+
 #. Default: "Required"
 #: components/manage/Widgets/SchemaWidget
 #: components/manage/Widgets/SelectWidget
@@ -3241,6 +3281,11 @@ msgstr "選択"
 msgid "Select a date to add to recurrence"
 msgstr "繰り返しに追加する日を選択"
 
+#. Default: "Select all"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Select all"
+msgstr ""
+
 #. Default: "Select columns to show"
 #: components/manage/Contents/Contents
 msgid "Select columns to show"
@@ -3472,11 +3517,6 @@ msgstr ""
 msgid "Sorry, something went wrong with your request"
 msgstr "申し訳ありません。問題が発生したために処理できませんでした。"
 
-#. Default: "Sort by"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Sort By"
-msgstr ""
-
 #. Default: "Sort by:"
 #: components/theme/Search/Search
 msgid "Sort By:"
@@ -3494,16 +3534,6 @@ msgstr "ソート順"
 msgid "Sort on options"
 msgstr ""
 
-#. Default: "Sort transactions by User-Name, Path or Date"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Sort transactions by User-Name, Path or Date"
-msgstr ""
-
-#. Default: "Sorted"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Sorted"
-msgstr ""
-
 #. Default: "Sorted on"
 #: components/manage/Blocks/Search/components/SortOn
 msgid "Sorted on"
@@ -3935,17 +3965,12 @@ msgstr "データベースの中にあるオブジェクト数"
 msgid "Transactions"
 msgstr ""
 
-#. Default: "#"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Transactions Checkbox"
-msgstr ""
-
-#. Default: "Transactions have been sorted"
+#. Default: "Transactions have been filtered"
 #: components/manage/Controlpanels/UndoControlpanel
 msgid "Transactions Have Been Sorted"
 msgstr ""
 
-#. Default: "Transactions have been unsorted"
+#. Default: "Transactions have been unfiltered"
 #: components/manage/Controlpanels/UndoControlpanel
 msgid "Transactions Have Been Unsorted"
 msgstr ""
@@ -4046,6 +4071,11 @@ msgstr ""
 msgid "Undo Controlpanel"
 msgstr ""
 
+#. Default: "Unfiltered"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Unfiltered"
+msgstr ""
+
 #. Default: "Unfold"
 #: components/manage/BlockChooser/BlockChooser
 msgid "Unfold"
@@ -4078,11 +4108,6 @@ msgstr ""
 msgid "Unlock"
 msgstr ""
 
-#. Default: "Unsorted"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Unsorted"
-msgstr ""
-
 #. Default: "Update"
 #: components/manage/Controlpanels/AddonsControlpanel
 msgid "Update"
@@ -4634,6 +4659,21 @@ msgstr ""
 msgid "fileTooLarge"
 msgstr ""
 
+#. Default: "Date"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "filter by date"
+msgstr ""
+
+#. Default: "Path"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "filter by path"
+msgstr ""
+
+#. Default: "Username"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "filter by username"
+msgstr ""
+
 #. Default: "flush intIds and rebuild relations"
 #: helpers/MessageLabels/MessageLabels
 msgid "flush intIds and rebuild relations"
@@ -5176,6 +5216,11 @@ msgstr "{id} コンテンツタイプ"
 msgid "{id} Schema"
 msgstr "{id} スキーマ"
 
+#. Default: "{n_transactions} transactions selected."
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "{n_transactions} transactions selected."
+msgstr ""
+
 #. Default: "{title} copied."
 #: components/manage/Actions/Actions
 msgid "{title} copied."
diff --git a/packages/volto/locales/nl/LC_MESSAGES/volto.po b/packages/volto/locales/nl/LC_MESSAGES/volto.po
index 281135a55c6..af6899c0054 100644
--- a/packages/volto/locales/nl/LC_MESSAGES/volto.po
+++ b/packages/volto/locales/nl/LC_MESSAGES/volto.po
@@ -414,6 +414,11 @@ msgstr "Ben je zeker om dit veld te verwijderen?"
 msgid "Are you sure you want to delete this fieldset including all fields?"
 msgstr "Ben je zeker om deze veldenset te verwijderen inclusief alle velden?"
 
+#. Default: "Are you sure you want to undo selected actions?"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Are you sure you want to undo selected actions?"
+msgstr ""
+
 #. Default: "Ascending"
 #: components/manage/Blocks/Search/components/SortOn
 #: components/manage/Contents/Contents
@@ -1316,11 +1321,21 @@ msgstr "Geactiveerd?"
 msgid "End Date"
 msgstr "Einddatum"
 
+#. Default: "Will display transactions from start of selected day, until time selected"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Enter Date description filter"
+msgstr ""
+
 #. Default: "Enter URL or select an item"
 #: components/manage/AnchorPlugin/components/LinkButton/AddLinkForm
 msgid "Enter URL or select an item"
 msgstr "Vul de URL in of selecteer een item"
 
+#. Default: "Enter username"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Enter Username to filter"
+msgstr ""
+
 #. Default: "Enter a username above to search or click 'Show All'"
 #: helpers/MessageLabels/MessageLabels
 msgid "Enter a username above to search or click 'Show All'"
@@ -1331,6 +1346,11 @@ msgstr "Vul hierboven een gebruikersnaam in om te zoeken of klik 'Toon alles'"
 msgid "Enter an email address. This will be your login name. We respect your privacy, and will not give the address away to any third parties or expose it anywhere."
 msgstr "Vul een e-mailadres in. Dit zal jouw inlognaam worden. Wij respecteren jouw privacy en zullen het niet delen met eender welke derde partij of het ergens blootstellen."
 
+#. Default: "Enter date and time"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Enter date and time to filter"
+msgstr ""
+
 #. Default: "Enter full name, e.g. John Smith."
 #: components/theme/Register/Register
 msgid "Enter full name, e.g. John Smith."
@@ -1341,6 +1361,11 @@ msgstr "Vul de volledige naam in, bijvoorbeeld Jan Smit."
 msgid "Enter map Embed Code"
 msgstr "Vul de insluitcode van de kaart in"
 
+#. Default: "Enter Path"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Enter path to filter"
+msgstr ""
+
 #. Default: "Enter the absolute path of the target. Target must exist or be an existing alternative URL path to the target."
 #: components/manage/Controlpanels/Aliases
 msgid "Enter the absolute path of the target. Target must exist or be an existing alternative url path to the target."
@@ -1554,11 +1579,26 @@ msgstr "Filter regels:"
 msgid "Filter by prefix"
 msgstr "Filter op pad"
 
+#. Default: "Filter transactions by"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Filter transactions by"
+msgstr ""
+
+#. Default: "Filter transactions by user, path or date"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Filter transactions by User, Path or Date"
+msgstr ""
+
 #. Default: "Filter users by groups"
 #: helpers/MessageLabels/MessageLabels
 msgid "Filter users by groups"
 msgstr "Filter gebruikers per groep"
 
+#. Default: "Filtered"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Filtered"
+msgstr ""
+
 #. Default: "Filter…"
 #: components/manage/Contents/Contents
 msgid "Filter…"
@@ -2395,16 +2435,6 @@ msgstr "Nee"
 msgid "No Transactions Found"
 msgstr "Geen transacties gevonden"
 
-#. Default: "No transactions selected"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "No Transactions Selected"
-msgstr "Geen transacties geselecteerd"
-
-#. Default: "No transactions selected to do undo"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "No Transactions Selected To Do Undo"
-msgstr "Geen transacties geselecteerd om ongedaan te maken"
-
 #. Default: "No Video selected"
 #: components/manage/Blocks/Video/VideoSidebar
 msgid "No Video selected"
@@ -2699,6 +2729,11 @@ msgstr "Zorg dat je een backup van de site hebt vooraleer de upgrade uit te voer
 msgid "Please enter a valid URL by deleting the block and adding a new video block."
 msgstr "Vul een geldige URL in door het blok te verwijderen en het toevoegen van een nieuw video blok."
 
+#. Default: "Please enter any input to perform filter"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Please enter any input to perform filter"
+msgstr ""
+
 #. Default: "Please enter the Embed Code provided by Google Maps -> Share -> Embed map. It should contain the <iframe> code on it."
 #: components/manage/Blocks/Maps/Edit
 msgid "Please enter the Embed Code provided by Google Maps -> Share -> Embed map. It should contain the <iframe> code on it."
@@ -2985,6 +3020,11 @@ msgstr "Vervang bestaand bestand"
 msgid "Reply"
 msgstr "Antwoorden"
 
+#. Default: "OP"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Request type"
+msgstr ""
+
 #. Default: "Required"
 #: components/manage/Widgets/SchemaWidget
 #: components/manage/Widgets/SelectWidget
@@ -3240,6 +3280,11 @@ msgstr "Selecteer"
 msgid "Select a date to add to recurrence"
 msgstr "Selecteer een datum om een gebeurtenis toe te voegen"
 
+#. Default: "Select all"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Select all"
+msgstr ""
+
 #. Default: "Select columns to show"
 #: components/manage/Contents/Contents
 msgid "Select columns to show"
@@ -3471,11 +3516,6 @@ msgstr "Bepaalde relaties zijn gebroken. Herstel ze aub."
 msgid "Sorry, something went wrong with your request"
 msgstr "Onze excuses, er ging iets fout bij jouw bevraging."
 
-#. Default: "Sort by"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Sort By"
-msgstr "Sorteren per"
-
 #. Default: "Sort by:"
 #: components/theme/Search/Search
 msgid "Sort By:"
@@ -3493,16 +3533,6 @@ msgstr "Sorteren op"
 msgid "Sort on options"
 msgstr "Sorteer opties"
 
-#. Default: "Sort transactions by User-Name, Path or Date"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Sort transactions by User-Name, Path or Date"
-msgstr "Sorteer transacties op gebtruikersnaam, pad of datum"
-
-#. Default: "Sorted"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Sorted"
-msgstr "Gesorteerd"
-
 #. Default: "Sorted on"
 #: components/manage/Blocks/Search/components/SortOn
 msgid "Sorted on"
@@ -3934,20 +3964,15 @@ msgstr "Totaal aantal objecten in de databank"
 msgid "Transactions"
 msgstr "Transacties"
 
-#. Default: "#"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Transactions Checkbox"
-msgstr "Transacties selectievakje"
-
-#. Default: "Transactions have been sorted"
+#. Default: "Transactions have been filtered"
 #: components/manage/Controlpanels/UndoControlpanel
 msgid "Transactions Have Been Sorted"
-msgstr "Transacties werden gesorteerd"
+msgstr ""
 
-#. Default: "Transactions have been unsorted"
+#. Default: "Transactions have been unfiltered"
 #: components/manage/Controlpanels/UndoControlpanel
 msgid "Transactions Have Been Unsorted"
-msgstr "Transacties werden niet gesorteerd"
+msgstr ""
 
 #. Default: "Translate to {lang}"
 #: components/manage/Add/Add
@@ -4045,6 +4070,11 @@ msgstr "Ongedaan maken"
 msgid "Undo Controlpanel"
 msgstr "Configuratiepaneel ongedaan maken"
 
+#. Default: "Unfiltered"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Unfiltered"
+msgstr ""
+
 #. Default: "Unfold"
 #: components/manage/BlockChooser/BlockChooser
 msgid "Unfold"
@@ -4077,11 +4107,6 @@ msgstr "Ontkoppel vertaling voor"
 msgid "Unlock"
 msgstr "Ontgrendelen"
 
-#. Default: "Unsorted"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Unsorted"
-msgstr "Niet gesorteerd"
-
 #. Default: "Update"
 #: components/manage/Controlpanels/AddonsControlpanel
 msgid "Update"
@@ -4633,6 +4658,21 @@ msgstr "/voorbeeld"
 msgid "fileTooLarge"
 msgstr "Deze website accepteert geen bestanden groter dan {limit}"
 
+#. Default: "Date"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "filter by date"
+msgstr ""
+
+#. Default: "Path"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "filter by path"
+msgstr ""
+
+#. Default: "Username"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "filter by username"
+msgstr ""
+
 #. Default: "flush intIds and rebuild relations"
 #: helpers/MessageLabels/MessageLabels
 msgid "flush intIds and rebuild relations"
@@ -5175,6 +5215,11 @@ msgstr "{id} contenttype"
 msgid "{id} Schema"
 msgstr "{id} schema"
 
+#. Default: "{n_transactions} transactions selected."
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "{n_transactions} transactions selected."
+msgstr ""
+
 #. Default: "{title} copied."
 #: components/manage/Actions/Actions
 msgid "{title} copied."
diff --git a/packages/volto/locales/pt/LC_MESSAGES/volto.po b/packages/volto/locales/pt/LC_MESSAGES/volto.po
index 8f4040495a1..83127ed07ae 100644
--- a/packages/volto/locales/pt/LC_MESSAGES/volto.po
+++ b/packages/volto/locales/pt/LC_MESSAGES/volto.po
@@ -415,6 +415,11 @@ msgstr "Tem a certeza que quer eliminar este campo?"
 msgid "Are you sure you want to delete this fieldset including all fields?"
 msgstr "Tem a certeza que quer eliminar este conjunto de campos incluindo todos os campos?"
 
+#. Default: "Are you sure you want to undo selected actions?"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Are you sure you want to undo selected actions?"
+msgstr ""
+
 #. Default: "Ascending"
 #: components/manage/Blocks/Search/components/SortOn
 #: components/manage/Contents/Contents
@@ -1317,11 +1322,21 @@ msgstr ""
 msgid "End Date"
 msgstr ""
 
+#. Default: "Will display transactions from start of selected day, until time selected"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Enter Date description filter"
+msgstr ""
+
 #. Default: "Enter URL or select an item"
 #: components/manage/AnchorPlugin/components/LinkButton/AddLinkForm
 msgid "Enter URL or select an item"
 msgstr ""
 
+#. Default: "Enter username"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Enter Username to filter"
+msgstr ""
+
 #. Default: "Enter a username above to search or click 'Show All'"
 #: helpers/MessageLabels/MessageLabels
 msgid "Enter a username above to search or click 'Show All'"
@@ -1332,6 +1347,11 @@ msgstr ""
 msgid "Enter an email address. This will be your login name. We respect your privacy, and will not give the address away to any third parties or expose it anywhere."
 msgstr "Escreva um endereço de email. Este será o seu nome de sessão. Respeitamos a sua privacidade e nunca iremos ceder o seu endereço a terceiros ou expô-lo onde quer que seja."
 
+#. Default: "Enter date and time"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Enter date and time to filter"
+msgstr ""
+
 #. Default: "Enter full name, e.g. John Smith."
 #: components/theme/Register/Register
 msgid "Enter full name, e.g. John Smith."
@@ -1342,6 +1362,11 @@ msgstr "Escreva o nome completo. Por exemplo, José Silva."
 msgid "Enter map Embed Code"
 msgstr ""
 
+#. Default: "Enter Path"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Enter path to filter"
+msgstr ""
+
 #. Default: "Enter the absolute path of the target. Target must exist or be an existing alternative URL path to the target."
 #: components/manage/Controlpanels/Aliases
 msgid "Enter the absolute path of the target. Target must exist or be an existing alternative url path to the target."
@@ -1555,11 +1580,26 @@ msgstr ""
 msgid "Filter by prefix"
 msgstr ""
 
+#. Default: "Filter transactions by"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Filter transactions by"
+msgstr ""
+
+#. Default: "Filter transactions by user, path or date"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Filter transactions by User, Path or Date"
+msgstr ""
+
 #. Default: "Filter users by groups"
 #: helpers/MessageLabels/MessageLabels
 msgid "Filter users by groups"
 msgstr ""
 
+#. Default: "Filtered"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Filtered"
+msgstr ""
+
 #. Default: "Filter…"
 #: components/manage/Contents/Contents
 msgid "Filter…"
@@ -2396,16 +2436,6 @@ msgstr ""
 msgid "No Transactions Found"
 msgstr ""
 
-#. Default: "No transactions selected"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "No Transactions Selected"
-msgstr ""
-
-#. Default: "No transactions selected to do undo"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "No Transactions Selected To Do Undo"
-msgstr ""
-
 #. Default: "No Video selected"
 #: components/manage/Blocks/Video/VideoSidebar
 msgid "No Video selected"
@@ -2700,6 +2730,11 @@ msgstr ""
 msgid "Please enter a valid URL by deleting the block and adding a new video block."
 msgstr ""
 
+#. Default: "Please enter any input to perform filter"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Please enter any input to perform filter"
+msgstr ""
+
 #. Default: "Please enter the Embed Code provided by Google Maps -> Share -> Embed map. It should contain the <iframe> code on it."
 #: components/manage/Blocks/Maps/Edit
 msgid "Please enter the Embed Code provided by Google Maps -> Share -> Embed map. It should contain the <iframe> code on it."
@@ -2986,6 +3021,11 @@ msgstr ""
 msgid "Reply"
 msgstr ""
 
+#. Default: "OP"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Request type"
+msgstr ""
+
 #. Default: "Required"
 #: components/manage/Widgets/SchemaWidget
 #: components/manage/Widgets/SelectWidget
@@ -3241,6 +3281,11 @@ msgstr ""
 msgid "Select a date to add to recurrence"
 msgstr ""
 
+#. Default: "Select all"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Select all"
+msgstr ""
+
 #. Default: "Select columns to show"
 #: components/manage/Contents/Contents
 msgid "Select columns to show"
@@ -3472,11 +3517,6 @@ msgstr ""
 msgid "Sorry, something went wrong with your request"
 msgstr ""
 
-#. Default: "Sort by"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Sort By"
-msgstr ""
-
 #. Default: "Sort by:"
 #: components/theme/Search/Search
 msgid "Sort By:"
@@ -3494,16 +3534,6 @@ msgstr ""
 msgid "Sort on options"
 msgstr ""
 
-#. Default: "Sort transactions by User-Name, Path or Date"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Sort transactions by User-Name, Path or Date"
-msgstr ""
-
-#. Default: "Sorted"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Sorted"
-msgstr ""
-
 #. Default: "Sorted on"
 #: components/manage/Blocks/Search/components/SortOn
 msgid "Sorted on"
@@ -3935,17 +3965,12 @@ msgstr ""
 msgid "Transactions"
 msgstr ""
 
-#. Default: "#"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Transactions Checkbox"
-msgstr ""
-
-#. Default: "Transactions have been sorted"
+#. Default: "Transactions have been filtered"
 #: components/manage/Controlpanels/UndoControlpanel
 msgid "Transactions Have Been Sorted"
 msgstr ""
 
-#. Default: "Transactions have been unsorted"
+#. Default: "Transactions have been unfiltered"
 #: components/manage/Controlpanels/UndoControlpanel
 msgid "Transactions Have Been Unsorted"
 msgstr ""
@@ -4046,6 +4071,11 @@ msgstr ""
 msgid "Undo Controlpanel"
 msgstr ""
 
+#. Default: "Unfiltered"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Unfiltered"
+msgstr ""
+
 #. Default: "Unfold"
 #: components/manage/BlockChooser/BlockChooser
 msgid "Unfold"
@@ -4078,11 +4108,6 @@ msgstr ""
 msgid "Unlock"
 msgstr ""
 
-#. Default: "Unsorted"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Unsorted"
-msgstr ""
-
 #. Default: "Update"
 #: components/manage/Controlpanels/AddonsControlpanel
 msgid "Update"
@@ -4634,6 +4659,21 @@ msgstr ""
 msgid "fileTooLarge"
 msgstr ""
 
+#. Default: "Date"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "filter by date"
+msgstr ""
+
+#. Default: "Path"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "filter by path"
+msgstr ""
+
+#. Default: "Username"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "filter by username"
+msgstr ""
+
 #. Default: "flush intIds and rebuild relations"
 #: helpers/MessageLabels/MessageLabels
 msgid "flush intIds and rebuild relations"
@@ -5176,6 +5216,11 @@ msgstr ""
 msgid "{id} Schema"
 msgstr ""
 
+#. Default: "{n_transactions} transactions selected."
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "{n_transactions} transactions selected."
+msgstr ""
+
 #. Default: "{title} copied."
 #: components/manage/Actions/Actions
 msgid "{title} copied."
diff --git a/packages/volto/locales/pt_BR/LC_MESSAGES/volto.po b/packages/volto/locales/pt_BR/LC_MESSAGES/volto.po
index 76a25c310ca..8b9e20e8225 100644
--- a/packages/volto/locales/pt_BR/LC_MESSAGES/volto.po
+++ b/packages/volto/locales/pt_BR/LC_MESSAGES/volto.po
@@ -416,6 +416,11 @@ msgstr "Você realmente deseja deletar este campo?"
 msgid "Are you sure you want to delete this fieldset including all fields?"
 msgstr "Você realmente deseja deletar este fieldset com todos os campos?"
 
+#. Default: "Are you sure you want to undo selected actions?"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Are you sure you want to undo selected actions?"
+msgstr ""
+
 #. Default: "Ascending"
 #: components/manage/Blocks/Search/components/SortOn
 #: components/manage/Contents/Contents
@@ -1318,11 +1323,21 @@ msgstr "Ativada?"
 msgid "End Date"
 msgstr "Data Final"
 
+#. Default: "Will display transactions from start of selected day, until time selected"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Enter Date description filter"
+msgstr ""
+
 #. Default: "Enter URL or select an item"
 #: components/manage/AnchorPlugin/components/LinkButton/AddLinkForm
 msgid "Enter URL or select an item"
 msgstr "Digite URL ou selecione um item"
 
+#. Default: "Enter username"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Enter Username to filter"
+msgstr ""
+
 #. Default: "Enter a username above to search or click 'Show All'"
 #: helpers/MessageLabels/MessageLabels
 msgid "Enter a username above to search or click 'Show All'"
@@ -1333,6 +1348,11 @@ msgstr "Digite um nome de usuário acima para pesquisar ou clique em 'Mostrar to
 msgid "Enter an email address. This will be your login name. We respect your privacy, and will not give the address away to any third parties or expose it anywhere."
 msgstr "Digite um endereço de e-mail. Este será o seu nome de usuário. Respeitamos a sua privacidade e nunca iremos ceder o seu endereço a terceiros ou expô-lo onde quer que seja."
 
+#. Default: "Enter date and time"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Enter date and time to filter"
+msgstr ""
+
 #. Default: "Enter full name, e.g. John Smith."
 #: components/theme/Register/Register
 msgid "Enter full name, e.g. John Smith."
@@ -1343,6 +1363,11 @@ msgstr "Digite o nome completo. Por exemplo, José da Silva."
 msgid "Enter map Embed Code"
 msgstr "Informe o código Embed do mapa"
 
+#. Default: "Enter Path"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Enter path to filter"
+msgstr ""
+
 #. Default: "Enter the absolute path of the target. Target must exist or be an existing alternative URL path to the target."
 #: components/manage/Controlpanels/Aliases
 msgid "Enter the absolute path of the target. Target must exist or be an existing alternative url path to the target."
@@ -1556,11 +1581,26 @@ msgstr "Filtrar regras:"
 msgid "Filter by prefix"
 msgstr "Filtrar por prefixo"
 
+#. Default: "Filter transactions by"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Filter transactions by"
+msgstr ""
+
+#. Default: "Filter transactions by user, path or date"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Filter transactions by User, Path or Date"
+msgstr ""
+
 #. Default: "Filter users by groups"
 #: helpers/MessageLabels/MessageLabels
 msgid "Filter users by groups"
 msgstr "Filtrar usuários por grupos"
 
+#. Default: "Filtered"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Filtered"
+msgstr ""
+
 #. Default: "Filter…"
 #: components/manage/Contents/Contents
 msgid "Filter…"
@@ -2397,16 +2437,6 @@ msgstr "Não"
 msgid "No Transactions Found"
 msgstr "Nenhuma transação encontrada"
 
-#. Default: "No transactions selected"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "No Transactions Selected"
-msgstr "Nenhuma transação selecionada"
-
-#. Default: "No transactions selected to do undo"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "No Transactions Selected To Do Undo"
-msgstr "Nenhuma transação selecionada para ser desfeita"
-
 #. Default: "No Video selected"
 #: components/manage/Blocks/Video/VideoSidebar
 msgid "No Video selected"
@@ -2701,6 +2731,11 @@ msgstr "Certifique-se de ter um backup do seu site antes de executar a atualiza
 msgid "Please enter a valid URL by deleting the block and adding a new video block."
 msgstr "Digite uma URL válida excluindo o bloco e adicionando um novo bloco de vídeo."
 
+#. Default: "Please enter any input to perform filter"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Please enter any input to perform filter"
+msgstr ""
+
 #. Default: "Please enter the Embed Code provided by Google Maps -> Share -> Embed map. It should contain the <iframe> code on it."
 #: components/manage/Blocks/Maps/Edit
 msgid "Please enter the Embed Code provided by Google Maps -> Share -> Embed map. It should contain the <iframe> code on it."
@@ -2987,6 +3022,11 @@ msgstr "Substituir arquivo existente"
 msgid "Reply"
 msgstr "Responder"
 
+#. Default: "OP"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Request type"
+msgstr ""
+
 #. Default: "Required"
 #: components/manage/Widgets/SchemaWidget
 #: components/manage/Widgets/SelectWidget
@@ -3242,6 +3282,11 @@ msgstr "Selecionar"
 msgid "Select a date to add to recurrence"
 msgstr "Selecione uma data para adicionar à recorrência"
 
+#. Default: "Select all"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Select all"
+msgstr ""
+
 #. Default: "Select columns to show"
 #: components/manage/Contents/Contents
 msgid "Select columns to show"
@@ -3473,11 +3518,6 @@ msgstr "Alguns relacionamentos estão rompidos. Por favor corrija-os."
 msgid "Sorry, something went wrong with your request"
 msgstr "Desculpe, algo deu errado com sua requisição"
 
-#. Default: "Sort by"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Sort By"
-msgstr "Ordenar por"
-
 #. Default: "Sort by:"
 #: components/theme/Search/Search
 msgid "Sort By:"
@@ -3495,16 +3535,6 @@ msgstr "Ordenado por"
 msgid "Sort on options"
 msgstr "Opções de ordenação"
 
-#. Default: "Sort transactions by User-Name, Path or Date"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Sort transactions by User-Name, Path or Date"
-msgstr "Ordenar transações por Nome de Usuário, Caminho ou Data"
-
-#. Default: "Sorted"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Sorted"
-msgstr "Ordenado"
-
 #. Default: "Sorted on"
 #: components/manage/Blocks/Search/components/SortOn
 msgid "Sorted on"
@@ -3936,20 +3966,15 @@ msgstr "Número total de objetos no banco de dados"
 msgid "Transactions"
 msgstr "Transações"
 
-#. Default: "#"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Transactions Checkbox"
-msgstr "Caixa de seleção de Transações"
-
-#. Default: "Transactions have been sorted"
+#. Default: "Transactions have been filtered"
 #: components/manage/Controlpanels/UndoControlpanel
 msgid "Transactions Have Been Sorted"
-msgstr "As transações foram ordenadas"
+msgstr ""
 
-#. Default: "Transactions have been unsorted"
+#. Default: "Transactions have been unfiltered"
 #: components/manage/Controlpanels/UndoControlpanel
 msgid "Transactions Have Been Unsorted"
-msgstr "As transações não foram ordenadas"
+msgstr ""
 
 #. Default: "Translate to {lang}"
 #: components/manage/Add/Add
@@ -4047,6 +4072,11 @@ msgstr "Desfazer"
 msgid "Undo Controlpanel"
 msgstr "Painel de Controle de Undo"
 
+#. Default: "Unfiltered"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Unfiltered"
+msgstr ""
+
 #. Default: "Unfold"
 #: components/manage/BlockChooser/BlockChooser
 msgid "Unfold"
@@ -4079,11 +4109,6 @@ msgstr "Desvincular a tradução para"
 msgid "Unlock"
 msgstr "Destravar"
 
-#. Default: "Unsorted"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Unsorted"
-msgstr "Desordenado"
-
 #. Default: "Update"
 #: components/manage/Controlpanels/AddonsControlpanel
 msgid "Update"
@@ -4635,6 +4660,21 @@ msgstr "/exemplo"
 msgid "fileTooLarge"
 msgstr "Este site não aceita arquivos maiores que {limit}"
 
+#. Default: "Date"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "filter by date"
+msgstr ""
+
+#. Default: "Path"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "filter by path"
+msgstr ""
+
+#. Default: "Username"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "filter by username"
+msgstr ""
+
 #. Default: "flush intIds and rebuild relations"
 #: helpers/MessageLabels/MessageLabels
 msgid "flush intIds and rebuild relations"
@@ -5177,6 +5217,11 @@ msgstr "Tipo de conteúdo {id}"
 msgid "{id} Schema"
 msgstr "Esquema {id}"
 
+#. Default: "{n_transactions} transactions selected."
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "{n_transactions} transactions selected."
+msgstr ""
+
 #. Default: "{title} copied."
 #: components/manage/Actions/Actions
 msgid "{title} copied."
diff --git a/packages/volto/locales/ro/LC_MESSAGES/volto.po b/packages/volto/locales/ro/LC_MESSAGES/volto.po
index 9199570724a..557ed1161fd 100644
--- a/packages/volto/locales/ro/LC_MESSAGES/volto.po
+++ b/packages/volto/locales/ro/LC_MESSAGES/volto.po
@@ -416,6 +416,11 @@ msgstr "Sunteți sigur că doriți să ștergeți acest câmp?"
 msgid "Are you sure you want to delete this fieldset including all fields?"
 msgstr "Sunteți sigur că doriți să ștergeți acest set de câmpuri, inclusiv toate câmpurile?"
 
+#. Default: "Are you sure you want to undo selected actions?"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Are you sure you want to undo selected actions?"
+msgstr ""
+
 #. Default: "Ascending"
 #: components/manage/Blocks/Search/components/SortOn
 #: components/manage/Contents/Contents
@@ -1318,11 +1323,21 @@ msgstr "Activată?"
 msgid "End Date"
 msgstr "Data de încheiere"
 
+#. Default: "Will display transactions from start of selected day, until time selected"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Enter Date description filter"
+msgstr ""
+
 #. Default: "Enter URL or select an item"
 #: components/manage/AnchorPlugin/components/LinkButton/AddLinkForm
 msgid "Enter URL or select an item"
 msgstr "Introduceți adresa URL sau selectați un obiect"
 
+#. Default: "Enter username"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Enter Username to filter"
+msgstr ""
+
 #. Default: "Enter a username above to search or click 'Show All'"
 #: helpers/MessageLabels/MessageLabels
 msgid "Enter a username above to search or click 'Show All'"
@@ -1333,6 +1348,11 @@ msgstr "Introduceți un nume de utilizator mai sus pentru a căuta sau faceți c
 msgid "Enter an email address. This will be your login name. We respect your privacy, and will not give the address away to any third parties or expose it anywhere."
 msgstr "Introduceți o adresă de e-mail. Acesta va fi numele dvs. de autentificare. Respectăm confidențialitatea dvs. și nu vom oferi adresa niciunui terț și nu o vom expune nicăieri."
 
+#. Default: "Enter date and time"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Enter date and time to filter"
+msgstr ""
+
 #. Default: "Enter full name, e.g. John Smith."
 #: components/theme/Register/Register
 msgid "Enter full name, e.g. John Smith."
@@ -1343,6 +1363,11 @@ msgstr "Introduceți numele complet, de exemplu, Valentin Popescu."
 msgid "Enter map Embed Code"
 msgstr "Introduceți codul de integrare a hărții"
 
+#. Default: "Enter Path"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Enter path to filter"
+msgstr ""
+
 #. Default: "Enter the absolute path of the target. Target must exist or be an existing alternative URL path to the target."
 #: components/manage/Controlpanels/Aliases
 msgid "Enter the absolute path of the target. Target must exist or be an existing alternative url path to the target."
@@ -1556,11 +1581,26 @@ msgstr "Reguli de filtrare:"
 msgid "Filter by prefix"
 msgstr "Filtrare după prefix"
 
+#. Default: "Filter transactions by"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Filter transactions by"
+msgstr ""
+
+#. Default: "Filter transactions by user, path or date"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Filter transactions by User, Path or Date"
+msgstr ""
+
 #. Default: "Filter users by groups"
 #: helpers/MessageLabels/MessageLabels
 msgid "Filter users by groups"
 msgstr "Filtrare utilizatori după grupuri"
 
+#. Default: "Filtered"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Filtered"
+msgstr ""
+
 #. Default: "Filter…"
 #: components/manage/Contents/Contents
 msgid "Filter…"
@@ -2397,16 +2437,6 @@ msgstr "Nu"
 msgid "No Transactions Found"
 msgstr "Nu s-au găsit tranzacții"
 
-#. Default: "No transactions selected"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "No Transactions Selected"
-msgstr "Nu s-au selectat tranzacții"
-
-#. Default: "No transactions selected to do undo"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "No Transactions Selected To Do Undo"
-msgstr "Nu s-au selectat tranzacții pentru a le anula"
-
 #. Default: "No Video selected"
 #: components/manage/Blocks/Video/VideoSidebar
 msgid "No Video selected"
@@ -2701,6 +2731,11 @@ msgstr "Vă rugăm să vă asigurați că aveți o copie de rezervă a site-ului
 msgid "Please enter a valid URL by deleting the block and adding a new video block."
 msgstr "Vă rugăm să introduceți o adresă URL validă ștergând blocul și adăugând un nou bloc video."
 
+#. Default: "Please enter any input to perform filter"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Please enter any input to perform filter"
+msgstr ""
+
 #. Default: "Please enter the Embed Code provided by Google Maps -> Share -> Embed map. It should contain the <iframe> code on it."
 #: components/manage/Blocks/Maps/Edit
 msgid "Please enter the Embed Code provided by Google Maps -> Share -> Embed map. It should contain the <iframe> code on it."
@@ -2987,6 +3022,11 @@ msgstr "Înlocuiește fișierul existent"
 msgid "Reply"
 msgstr "Răspuns"
 
+#. Default: "OP"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Request type"
+msgstr ""
+
 #. Default: "Required"
 #: components/manage/Widgets/SchemaWidget
 #: components/manage/Widgets/SelectWidget
@@ -3242,6 +3282,11 @@ msgstr "Selectați"
 msgid "Select a date to add to recurrence"
 msgstr "Selectați o dată de adăugat la recurență"
 
+#. Default: "Select all"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Select all"
+msgstr ""
+
 #. Default: "Select columns to show"
 #: components/manage/Contents/Contents
 msgid "Select columns to show"
@@ -3473,11 +3518,6 @@ msgstr "Unele relații sunt rupte. Vă rugăm să le reparați."
 msgid "Sorry, something went wrong with your request"
 msgstr "Ne pare rău, a apârut o eroare"
 
-#. Default: "Sort by"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Sort By"
-msgstr "Sortați după"
-
 #. Default: "Sort by:"
 #: components/theme/Search/Search
 msgid "Sort By:"
@@ -3495,16 +3535,6 @@ msgstr "Sortare pe"
 msgid "Sort on options"
 msgstr "Sortare pe opțiuni"
 
-#. Default: "Sort transactions by User-Name, Path or Date"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Sort transactions by User-Name, Path or Date"
-msgstr "Sortați tranzacțiile după numele de utilizator, cale sau dată"
-
-#. Default: "Sorted"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Sorted"
-msgstr "Sortat"
-
 #. Default: "Sorted on"
 #: components/manage/Blocks/Search/components/SortOn
 msgid "Sorted on"
@@ -3936,20 +3966,15 @@ msgstr "Numărul total de obiecte din baza de date"
 msgid "Transactions"
 msgstr "Tranzacții"
 
-#. Default: "#"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Transactions Checkbox"
-msgstr "Căsuță Tranzacții"
-
-#. Default: "Transactions have been sorted"
+#. Default: "Transactions have been filtered"
 #: components/manage/Controlpanels/UndoControlpanel
 msgid "Transactions Have Been Sorted"
-msgstr "Tranzacțiile au fost sortate"
+msgstr ""
 
-#. Default: "Transactions have been unsorted"
+#. Default: "Transactions have been unfiltered"
 #: components/manage/Controlpanels/UndoControlpanel
 msgid "Transactions Have Been Unsorted"
-msgstr "Tranzacțiile au fost nesortate"
+msgstr ""
 
 #. Default: "Translate to {lang}"
 #: components/manage/Add/Add
@@ -4047,6 +4072,11 @@ msgstr "Anulați"
 msgid "Undo Controlpanel"
 msgstr "Anulare tranzacții"
 
+#. Default: "Unfiltered"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Unfiltered"
+msgstr ""
+
 #. Default: "Unfold"
 #: components/manage/BlockChooser/BlockChooser
 msgid "Unfold"
@@ -4079,11 +4109,6 @@ msgstr "Deconectați traducerea pentru"
 msgid "Unlock"
 msgstr "Deblocați"
 
-#. Default: "Unsorted"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Unsorted"
-msgstr "Neordonat"
-
 #. Default: "Update"
 #: components/manage/Controlpanels/AddonsControlpanel
 msgid "Update"
@@ -4635,6 +4660,21 @@ msgstr "/exemplu"
 msgid "fileTooLarge"
 msgstr "Acest site nu acceptă fișiere mai mari de {limit}"
 
+#. Default: "Date"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "filter by date"
+msgstr ""
+
+#. Default: "Path"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "filter by path"
+msgstr ""
+
+#. Default: "Username"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "filter by username"
+msgstr ""
+
 #. Default: "flush intIds and rebuild relations"
 #: helpers/MessageLabels/MessageLabels
 msgid "flush intIds and rebuild relations"
@@ -5177,6 +5217,11 @@ msgstr "{id} Tip Conținut"
 msgid "{id} Schema"
 msgstr "{id} Schemă"
 
+#. Default: "{n_transactions} transactions selected."
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "{n_transactions} transactions selected."
+msgstr ""
+
 #. Default: "{title} copied."
 #: components/manage/Actions/Actions
 msgid "{title} copied."
diff --git a/packages/volto/locales/sv/LC_MESSAGES/volto.po b/packages/volto/locales/sv/LC_MESSAGES/volto.po
index ed8e565172f..7364f8c881e 100644
--- a/packages/volto/locales/sv/LC_MESSAGES/volto.po
+++ b/packages/volto/locales/sv/LC_MESSAGES/volto.po
@@ -416,6 +416,11 @@ msgstr "Är du säker på att du vill radera det här fältet?"
 msgid "Are you sure you want to delete this fieldset including all fields?"
 msgstr "Är du säker på att du vill radera den här fältgruppen inklusive alla fält?"
 
+#. Default: "Are you sure you want to undo selected actions?"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Are you sure you want to undo selected actions?"
+msgstr ""
+
 #. Default: "Ascending"
 #: components/manage/Blocks/Search/components/SortOn
 #: components/manage/Contents/Contents
@@ -1318,11 +1323,21 @@ msgstr "Aktiverad?"
 msgid "End Date"
 msgstr "Slutdatum"
 
+#. Default: "Will display transactions from start of selected day, until time selected"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Enter Date description filter"
+msgstr ""
+
 #. Default: "Enter URL or select an item"
 #: components/manage/AnchorPlugin/components/LinkButton/AddLinkForm
 msgid "Enter URL or select an item"
 msgstr "Skriv in URL eller välj ett objekt"
 
+#. Default: "Enter username"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Enter Username to filter"
+msgstr ""
+
 #. Default: "Enter a username above to search or click 'Show All'"
 #: helpers/MessageLabels/MessageLabels
 msgid "Enter a username above to search or click 'Show All'"
@@ -1333,6 +1348,11 @@ msgstr "Skriv in ett användarnamn ovan för att söka eller klicka 'Visa alla'"
 msgid "Enter an email address. This will be your login name. We respect your privacy, and will not give the address away to any third parties or expose it anywhere."
 msgstr "Skriv in en epostadress. Den blir ditt inloggningsnamn. Vi respekterar din integritet och lämnar inte ut adressen till någon tredjepart eller exponerar den någonstans."
 
+#. Default: "Enter date and time"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Enter date and time to filter"
+msgstr ""
+
 #. Default: "Enter full name, e.g. John Smith."
 #: components/theme/Register/Register
 msgid "Enter full name, e.g. John Smith."
@@ -1343,6 +1363,11 @@ msgstr "Skriv in fullständigt namn, e.g. Jon Johansson."
 msgid "Enter map Embed Code"
 msgstr "Ange inbäddningskod"
 
+#. Default: "Enter Path"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Enter path to filter"
+msgstr ""
+
 #. Default: "Enter the absolute path of the target. Target must exist or be an existing alternative URL path to the target."
 #: components/manage/Controlpanels/Aliases
 msgid "Enter the absolute path of the target. Target must exist or be an existing alternative url path to the target."
@@ -1556,11 +1581,26 @@ msgstr "Filterregler:"
 msgid "Filter by prefix"
 msgstr "Filtrera på prefix"
 
+#. Default: "Filter transactions by"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Filter transactions by"
+msgstr ""
+
+#. Default: "Filter transactions by user, path or date"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Filter transactions by User, Path or Date"
+msgstr ""
+
 #. Default: "Filter users by groups"
 #: helpers/MessageLabels/MessageLabels
 msgid "Filter users by groups"
 msgstr "Filtrera användare på grupptillhörighet"
 
+#. Default: "Filtered"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Filtered"
+msgstr ""
+
 #. Default: "Filter…"
 #: components/manage/Contents/Contents
 msgid "Filter…"
@@ -2397,16 +2437,6 @@ msgstr "Nej"
 msgid "No Transactions Found"
 msgstr "Ingen transaktion kunde hittas"
 
-#. Default: "No transactions selected"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "No Transactions Selected"
-msgstr "Ingen transaktion vald"
-
-#. Default: "No transactions selected to do undo"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "No Transactions Selected To Do Undo"
-msgstr "Inga transaktioner att ångra är valda"
-
 #. Default: "No Video selected"
 #: components/manage/Blocks/Video/VideoSidebar
 msgid "No Video selected"
@@ -2701,6 +2731,11 @@ msgstr "Verifiera att det finns backup av webbplatsen innan du genomför uppgrad
 msgid "Please enter a valid URL by deleting the block and adding a new video block."
 msgstr "Ta bort videoblocket och lägg till ett nytt med en giltig URL."
 
+#. Default: "Please enter any input to perform filter"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Please enter any input to perform filter"
+msgstr ""
+
 #. Default: "Please enter the Embed Code provided by Google Maps -> Share -> Embed map. It should contain the <iframe> code on it."
 #: components/manage/Blocks/Maps/Edit
 msgid "Please enter the Embed Code provided by Google Maps -> Share -> Embed map. It should contain the <iframe> code on it."
@@ -2987,6 +3022,11 @@ msgstr "Ersätt befintlig fil"
 msgid "Reply"
 msgstr "Svara"
 
+#. Default: "OP"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Request type"
+msgstr ""
+
 #. Default: "Required"
 #: components/manage/Widgets/SchemaWidget
 #: components/manage/Widgets/SelectWidget
@@ -3242,6 +3282,11 @@ msgstr "Välj"
 msgid "Select a date to add to recurrence"
 msgstr "Välj ytterligare datum för återkomst"
 
+#. Default: "Select all"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Select all"
+msgstr ""
+
 #. Default: "Select columns to show"
 #: components/manage/Contents/Contents
 msgid "Select columns to show"
@@ -3473,11 +3518,6 @@ msgstr ""
 msgid "Sorry, something went wrong with your request"
 msgstr "Något gick fel med din begäran"
 
-#. Default: "Sort by"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Sort By"
-msgstr "Sortera efter"
-
 #. Default: "Sort by:"
 #: components/theme/Search/Search
 msgid "Sort By:"
@@ -3495,16 +3535,6 @@ msgstr "Sortera på"
 msgid "Sort on options"
 msgstr "Sortera på alternativ"
 
-#. Default: "Sort transactions by User-Name, Path or Date"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Sort transactions by User-Name, Path or Date"
-msgstr "Sortera transaktion efter användarnamn, sökväg eller datum"
-
-#. Default: "Sorted"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Sorted"
-msgstr "Sorterad"
-
 #. Default: "Sorted on"
 #: components/manage/Blocks/Search/components/SortOn
 msgid "Sorted on"
@@ -3936,17 +3966,12 @@ msgstr "Totalt antal objekt i databasen"
 msgid "Transactions"
 msgstr "Transaktioner"
 
-#. Default: "#"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Transactions Checkbox"
-msgstr "#"
-
-#. Default: "Transactions have been sorted"
+#. Default: "Transactions have been filtered"
 #: components/manage/Controlpanels/UndoControlpanel
 msgid "Transactions Have Been Sorted"
 msgstr "Transaktionerna är sorterade"
 
-#. Default: "Transactions have been unsorted"
+#. Default: "Transactions have been unfiltered"
 #: components/manage/Controlpanels/UndoControlpanel
 msgid "Transactions Have Been Unsorted"
 msgstr "Transaktionernas oordning återställd"
@@ -4047,6 +4072,11 @@ msgstr "Ångra"
 msgid "Undo Controlpanel"
 msgstr "Ångra"
 
+#. Default: "Unfiltered"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Unfiltered"
+msgstr ""
+
 #. Default: "Unfold"
 #: components/manage/BlockChooser/BlockChooser
 msgid "Unfold"
@@ -4079,11 +4109,6 @@ msgstr "Ta bort översättningslänk för"
 msgid "Unlock"
 msgstr "Lås upp"
 
-#. Default: "Unsorted"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Unsorted"
-msgstr "Oordning återställd"
-
 #. Default: "Update"
 #: components/manage/Controlpanels/AddonsControlpanel
 msgid "Update"
@@ -4635,6 +4660,21 @@ msgstr ""
 msgid "fileTooLarge"
 msgstr "Den här webbplatsen accepterar inte filer större än {limit}"
 
+#. Default: "Date"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "filter by date"
+msgstr ""
+
+#. Default: "Path"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "filter by path"
+msgstr ""
+
+#. Default: "Username"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "filter by username"
+msgstr ""
+
 #. Default: "flush intIds and rebuild relations"
 #: helpers/MessageLabels/MessageLabels
 msgid "flush intIds and rebuild relations"
@@ -5177,6 +5217,11 @@ msgstr "{id} Innehållstyp"
 msgid "{id} Schema"
 msgstr "{id} Schema"
 
+#. Default: "{n_transactions} transactions selected."
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "{n_transactions} transactions selected."
+msgstr ""
+
 #. Default: "{title} copied."
 #: components/manage/Actions/Actions
 msgid "{title} copied."
diff --git a/packages/volto/locales/volto.pot b/packages/volto/locales/volto.pot
index 18436bc9bf3..e3db650389c 100644
--- a/packages/volto/locales/volto.pot
+++ b/packages/volto/locales/volto.pot
@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Plone\n"
-"POT-Creation-Date: 2024-12-06T13:45:21.266Z\n"
+"POT-Creation-Date: 2025-01-09T08:26:00.876Z\n"
 "Last-Translator: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "Language-Team: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "Content-Type: text/plain; charset=utf-8\n"
@@ -412,6 +412,11 @@ msgstr ""
 msgid "Are you sure you want to delete this fieldset including all fields?"
 msgstr ""
 
+#. Default: "Are you sure you want to undo selected actions?"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Are you sure you want to undo selected actions?"
+msgstr ""
+
 #. Default: "Ascending"
 #: components/manage/Blocks/Search/components/SortOn
 #: components/manage/Contents/Contents
@@ -1314,11 +1319,21 @@ msgstr ""
 msgid "End Date"
 msgstr ""
 
+#. Default: "Will display transactions from start of selected day, until time selected"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Enter Date description filter"
+msgstr ""
+
 #. Default: "Enter URL or select an item"
 #: components/manage/AnchorPlugin/components/LinkButton/AddLinkForm
 msgid "Enter URL or select an item"
 msgstr ""
 
+#. Default: "Enter username"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Enter Username to filter"
+msgstr ""
+
 #. Default: "Enter a username above to search or click 'Show All'"
 #: helpers/MessageLabels/MessageLabels
 msgid "Enter a username above to search or click 'Show All'"
@@ -1329,6 +1344,11 @@ msgstr ""
 msgid "Enter an email address. This will be your login name. We respect your privacy, and will not give the address away to any third parties or expose it anywhere."
 msgstr ""
 
+#. Default: "Enter date and time"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Enter date and time to filter"
+msgstr ""
+
 #. Default: "Enter full name, e.g. John Smith."
 #: components/theme/Register/Register
 msgid "Enter full name, e.g. John Smith."
@@ -1339,6 +1359,11 @@ msgstr ""
 msgid "Enter map Embed Code"
 msgstr ""
 
+#. Default: "Enter Path"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Enter path to filter"
+msgstr ""
+
 #. Default: "Enter the absolute path of the target. Target must exist or be an existing alternative URL path to the target."
 #: components/manage/Controlpanels/Aliases
 msgid "Enter the absolute path of the target. Target must exist or be an existing alternative url path to the target."
@@ -1552,11 +1577,26 @@ msgstr ""
 msgid "Filter by prefix"
 msgstr ""
 
+#. Default: "Filter transactions by"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Filter transactions by"
+msgstr ""
+
+#. Default: "Filter transactions by user, path or date"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Filter transactions by User, Path or Date"
+msgstr ""
+
 #. Default: "Filter users by groups"
 #: helpers/MessageLabels/MessageLabels
 msgid "Filter users by groups"
 msgstr ""
 
+#. Default: "Filtered"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Filtered"
+msgstr ""
+
 #. Default: "Filter…"
 #: components/manage/Contents/Contents
 msgid "Filter…"
@@ -2393,16 +2433,6 @@ msgstr ""
 msgid "No Transactions Found"
 msgstr ""
 
-#. Default: "No transactions selected"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "No Transactions Selected"
-msgstr ""
-
-#. Default: "No transactions selected to do undo"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "No Transactions Selected To Do Undo"
-msgstr ""
-
 #. Default: "No Video selected"
 #: components/manage/Blocks/Video/VideoSidebar
 msgid "No Video selected"
@@ -2697,6 +2727,11 @@ msgstr ""
 msgid "Please enter a valid URL by deleting the block and adding a new video block."
 msgstr ""
 
+#. Default: "Please enter any input to perform filter"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Please enter any input to perform filter"
+msgstr ""
+
 #. Default: "Please enter the Embed Code provided by Google Maps -> Share -> Embed map. It should contain the <iframe> code on it."
 #: components/manage/Blocks/Maps/Edit
 msgid "Please enter the Embed Code provided by Google Maps -> Share -> Embed map. It should contain the <iframe> code on it."
@@ -2983,6 +3018,11 @@ msgstr ""
 msgid "Reply"
 msgstr ""
 
+#. Default: "OP"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Request type"
+msgstr ""
+
 #. Default: "Required"
 #: components/manage/Widgets/SchemaWidget
 #: components/manage/Widgets/SelectWidget
@@ -3238,6 +3278,11 @@ msgstr ""
 msgid "Select a date to add to recurrence"
 msgstr ""
 
+#. Default: "Select all"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Select all"
+msgstr ""
+
 #. Default: "Select columns to show"
 #: components/manage/Contents/Contents
 msgid "Select columns to show"
@@ -3469,11 +3514,6 @@ msgstr ""
 msgid "Sorry, something went wrong with your request"
 msgstr ""
 
-#. Default: "Sort by"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Sort By"
-msgstr ""
-
 #. Default: "Sort by:"
 #: components/theme/Search/Search
 msgid "Sort By:"
@@ -3491,16 +3531,6 @@ msgstr ""
 msgid "Sort on options"
 msgstr ""
 
-#. Default: "Sort transactions by User-Name, Path or Date"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Sort transactions by User-Name, Path or Date"
-msgstr ""
-
-#. Default: "Sorted"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Sorted"
-msgstr ""
-
 #. Default: "Sorted on"
 #: components/manage/Blocks/Search/components/SortOn
 msgid "Sorted on"
@@ -3932,17 +3962,12 @@ msgstr ""
 msgid "Transactions"
 msgstr ""
 
-#. Default: "#"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Transactions Checkbox"
-msgstr ""
-
-#. Default: "Transactions have been sorted"
+#. Default: "Transactions have been filtered"
 #: components/manage/Controlpanels/UndoControlpanel
 msgid "Transactions Have Been Sorted"
 msgstr ""
 
-#. Default: "Transactions have been unsorted"
+#. Default: "Transactions have been unfiltered"
 #: components/manage/Controlpanels/UndoControlpanel
 msgid "Transactions Have Been Unsorted"
 msgstr ""
@@ -4043,6 +4068,11 @@ msgstr ""
 msgid "Undo Controlpanel"
 msgstr ""
 
+#. Default: "Unfiltered"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Unfiltered"
+msgstr ""
+
 #. Default: "Unfold"
 #: components/manage/BlockChooser/BlockChooser
 msgid "Unfold"
@@ -4075,11 +4105,6 @@ msgstr ""
 msgid "Unlock"
 msgstr ""
 
-#. Default: "Unsorted"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Unsorted"
-msgstr ""
-
 #. Default: "Update"
 #: components/manage/Controlpanels/AddonsControlpanel
 msgid "Update"
@@ -4631,6 +4656,21 @@ msgstr ""
 msgid "fileTooLarge"
 msgstr ""
 
+#. Default: "Date"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "filter by date"
+msgstr ""
+
+#. Default: "Path"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "filter by path"
+msgstr ""
+
+#. Default: "Username"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "filter by username"
+msgstr ""
+
 #. Default: "flush intIds and rebuild relations"
 #: helpers/MessageLabels/MessageLabels
 msgid "flush intIds and rebuild relations"
@@ -5173,6 +5213,11 @@ msgstr ""
 msgid "{id} Schema"
 msgstr ""
 
+#. Default: "{n_transactions} transactions selected."
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "{n_transactions} transactions selected."
+msgstr ""
+
 #. Default: "{title} copied."
 #: components/manage/Actions/Actions
 msgid "{title} copied."
diff --git a/packages/volto/locales/zh_CN/LC_MESSAGES/volto.po b/packages/volto/locales/zh_CN/LC_MESSAGES/volto.po
index 8b3aa943033..8cdef602d6a 100644
--- a/packages/volto/locales/zh_CN/LC_MESSAGES/volto.po
+++ b/packages/volto/locales/zh_CN/LC_MESSAGES/volto.po
@@ -416,6 +416,11 @@ msgstr "确定要删除此字段？"
 msgid "Are you sure you want to delete this fieldset including all fields?"
 msgstr "确定要删除此包括所有字段的字段集？"
 
+#. Default: "Are you sure you want to undo selected actions?"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Are you sure you want to undo selected actions?"
+msgstr ""
+
 #. Default: "Ascending"
 #: components/manage/Blocks/Search/components/SortOn
 #: components/manage/Contents/Contents
@@ -1318,11 +1323,21 @@ msgstr "启用？"
 msgid "End Date"
 msgstr "结束日期"
 
+#. Default: "Will display transactions from start of selected day, until time selected"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Enter Date description filter"
+msgstr ""
+
 #. Default: "Enter URL or select an item"
 #: components/manage/AnchorPlugin/components/LinkButton/AddLinkForm
 msgid "Enter URL or select an item"
 msgstr "输入 URL 或选择一个项目"
 
+#. Default: "Enter username"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Enter Username to filter"
+msgstr ""
+
 #. Default: "Enter a username above to search or click 'Show All'"
 #: helpers/MessageLabels/MessageLabels
 msgid "Enter a username above to search or click 'Show All'"
@@ -1333,6 +1348,11 @@ msgstr "输入用户名进行搜索或点击显示全部"
 msgid "Enter an email address. This will be your login name. We respect your privacy, and will not give the address away to any third parties or expose it anywhere."
 msgstr "输入一个 Email 地址。这会成为您的登录名。我们尊重您的隐私，不会向第三方透漏您的个人信息。"
 
+#. Default: "Enter date and time"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Enter date and time to filter"
+msgstr ""
+
 #. Default: "Enter full name, e.g. John Smith."
 #: components/theme/Register/Register
 msgid "Enter full name, e.g. John Smith."
@@ -1343,6 +1363,11 @@ msgstr "输入您的姓名，如：张三"
 msgid "Enter map Embed Code"
 msgstr "输入 map 嵌入代码"
 
+#. Default: "Enter Path"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Enter path to filter"
+msgstr ""
+
 #. Default: "Enter the absolute path of the target. Target must exist or be an existing alternative URL path to the target."
 #: components/manage/Controlpanels/Aliases
 msgid "Enter the absolute path of the target. Target must exist or be an existing alternative url path to the target."
@@ -1556,11 +1581,26 @@ msgstr "过滤规则"
 msgid "Filter by prefix"
 msgstr "按前缀过滤"
 
+#. Default: "Filter transactions by"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Filter transactions by"
+msgstr ""
+
+#. Default: "Filter transactions by user, path or date"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Filter transactions by User, Path or Date"
+msgstr ""
+
 #. Default: "Filter users by groups"
 #: helpers/MessageLabels/MessageLabels
 msgid "Filter users by groups"
 msgstr "按组过滤用户"
 
+#. Default: "Filtered"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Filtered"
+msgstr ""
+
 #. Default: "Filter…"
 #: components/manage/Contents/Contents
 msgid "Filter…"
@@ -2397,16 +2437,6 @@ msgstr "否"
 msgid "No Transactions Found"
 msgstr ""
 
-#. Default: "No transactions selected"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "No Transactions Selected"
-msgstr ""
-
-#. Default: "No transactions selected to do undo"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "No Transactions Selected To Do Undo"
-msgstr ""
-
 #. Default: "No Video selected"
 #: components/manage/Blocks/Video/VideoSidebar
 msgid "No Video selected"
@@ -2701,6 +2731,11 @@ msgstr "在执行升级前，请确定您已对网站进行备份。"
 msgid "Please enter a valid URL by deleting the block and adding a new video block."
 msgstr ""
 
+#. Default: "Please enter any input to perform filter"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Please enter any input to perform filter"
+msgstr ""
+
 #. Default: "Please enter the Embed Code provided by Google Maps -> Share -> Embed map. It should contain the <iframe> code on it."
 #: components/manage/Blocks/Maps/Edit
 msgid "Please enter the Embed Code provided by Google Maps -> Share -> Embed map. It should contain the <iframe> code on it."
@@ -2987,6 +3022,11 @@ msgstr "替换现有文件"
 msgid "Reply"
 msgstr "回复"
 
+#. Default: "OP"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Request type"
+msgstr ""
+
 #. Default: "Required"
 #: components/manage/Widgets/SchemaWidget
 #: components/manage/Widgets/SelectWidget
@@ -3242,6 +3282,11 @@ msgstr "选择"
 msgid "Select a date to add to recurrence"
 msgstr ""
 
+#. Default: "Select all"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Select all"
+msgstr ""
+
 #. Default: "Select columns to show"
 #: components/manage/Contents/Contents
 msgid "Select columns to show"
@@ -3473,11 +3518,6 @@ msgstr ""
 msgid "Sorry, something went wrong with your request"
 msgstr "对不起，您的请求出现了一些问题"
 
-#. Default: "Sort by"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Sort By"
-msgstr "排序方式"
-
 #. Default: "Sort by:"
 #: components/theme/Search/Search
 msgid "Sort By:"
@@ -3495,16 +3535,6 @@ msgstr "排序"
 msgid "Sort on options"
 msgstr "根据选项排序"
 
-#. Default: "Sort transactions by User-Name, Path or Date"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Sort transactions by User-Name, Path or Date"
-msgstr "按用户名、路径或日期对事务进行排序"
-
-#. Default: "Sorted"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Sorted"
-msgstr "排序"
-
 #. Default: "Sorted on"
 #: components/manage/Blocks/Search/components/SortOn
 msgid "Sorted on"
@@ -3936,17 +3966,12 @@ msgstr "数据库中对象的总数"
 msgid "Transactions"
 msgstr ""
 
-#. Default: "#"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Transactions Checkbox"
-msgstr ""
-
-#. Default: "Transactions have been sorted"
+#. Default: "Transactions have been filtered"
 #: components/manage/Controlpanels/UndoControlpanel
 msgid "Transactions Have Been Sorted"
 msgstr ""
 
-#. Default: "Transactions have been unsorted"
+#. Default: "Transactions have been unfiltered"
 #: components/manage/Controlpanels/UndoControlpanel
 msgid "Transactions Have Been Unsorted"
 msgstr ""
@@ -4047,6 +4072,11 @@ msgstr "撤销"
 msgid "Undo Controlpanel"
 msgstr ""
 
+#. Default: "Unfiltered"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "Unfiltered"
+msgstr ""
+
 #. Default: "Unfold"
 #: components/manage/BlockChooser/BlockChooser
 msgid "Unfold"
@@ -4079,11 +4109,6 @@ msgstr "取消翻译链接"
 msgid "Unlock"
 msgstr "解锁"
 
-#. Default: "Unsorted"
-#: components/manage/Controlpanels/UndoControlpanel
-msgid "Unsorted"
-msgstr "未排序"
-
 #. Default: "Update"
 #: components/manage/Controlpanels/AddonsControlpanel
 msgid "Update"
@@ -4635,6 +4660,21 @@ msgstr ""
 msgid "fileTooLarge"
 msgstr ""
 
+#. Default: "Date"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "filter by date"
+msgstr ""
+
+#. Default: "Path"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "filter by path"
+msgstr ""
+
+#. Default: "Username"
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "filter by username"
+msgstr ""
+
 #. Default: "flush intIds and rebuild relations"
 #: helpers/MessageLabels/MessageLabels
 msgid "flush intIds and rebuild relations"
@@ -5177,6 +5217,11 @@ msgstr "{id}内容类型"
 msgid "{id} Schema"
 msgstr ""
 
+#. Default: "{n_transactions} transactions selected."
+#: components/manage/Controlpanels/UndoControlpanel
+msgid "{n_transactions} transactions selected."
+msgstr ""
+
 #. Default: "{title} copied."
 #: components/manage/Actions/Actions
 msgid "{title} copied."
diff --git a/packages/volto/news/6545.feature b/packages/volto/news/6545.feature
new file mode 100644
index 00000000000..c9ac60ba927
--- /dev/null
+++ b/packages/volto/news/6545.feature
@@ -0,0 +1,6 @@
+Improved undo control panel. @giuliaghisini
+- Now it displays a loader while waiting for transactions from Plone.
+- When you want to delete some transactions, a confirmation popup asks the user to confirm the undo action for the selected items.
+- Changed columns' width to better display path.
+- Added some translations.
+- Enlarged the width of controlpanels to better display contents inside. 
diff --git a/packages/volto/src/components/manage/Controlpanels/Aliases.jsx b/packages/volto/src/components/manage/Controlpanels/Aliases.jsx
index ca231502f0f..38c71c6615a 100644
--- a/packages/volto/src/components/manage/Controlpanels/Aliases.jsx
+++ b/packages/volto/src/components/manage/Controlpanels/Aliases.jsx
@@ -513,7 +513,7 @@ const Aliases = (props) => {
               <Table celled compact>
                 <Table.Header>
                   <Table.Row>
-                    <Table.HeaderCell width="1">
+                    <Table.HeaderCell textAlign="center">
                       <FormattedMessage id="Select" defaultMessage="Select" />
                     </Table.HeaderCell>
                     <Table.HeaderCell width="10">
@@ -538,7 +538,7 @@ const Aliases = (props) => {
                   {aliases.items.length > 0 &&
                     aliases.items.map((alias, i) => (
                       <Table.Row key={i} verticalAlign="top">
-                        <Table.Cell>
+                        <Table.Cell textAlign="center">
                           <Checkbox
                             onChange={(e, { value }) => handleCheckAlias(value)}
                             checked={aliasesToRemove.includes(alias.path)}
diff --git a/packages/volto/src/components/manage/Controlpanels/ContentTypes.jsx b/packages/volto/src/components/manage/Controlpanels/ContentTypes.jsx
index 5981792f0d5..db7bb9a32ba 100644
--- a/packages/volto/src/components/manage/Controlpanels/ContentTypes.jsx
+++ b/packages/volto/src/components/manage/Controlpanels/ContentTypes.jsx
@@ -11,7 +11,7 @@ import { Link } from 'react-router-dom';
 import { getParentUrl, getId } from '@plone/volto/helpers/Url/Url';
 import { createPortal } from 'react-dom';
 import last from 'lodash/last';
-import { Confirm, Container, Table, Button, Header } from 'semantic-ui-react';
+import { Confirm, Container, Table, Button, Segment } from 'semantic-ui-react';
 import { toast } from 'react-toastify';
 import { FormattedMessage, defineMessages, injectIntl } from 'react-intl';
 import Error from '@plone/volto/components/theme/Error/Error';
@@ -345,7 +345,7 @@ class ContentTypes extends Component {
     }
     return (
       <Container className="types-control-panel">
-        <div className="container">
+        <div className="ui container">
           <Confirm
             open={this.state.showDelete}
             header={this.props.intl.formatMessage(messages.deleteConfirmTitle)}
@@ -404,55 +404,62 @@ class ContentTypes extends Component {
           />
         </div>
         <Container>
-          <article id="content">
-            <Header disabled>{this.props.controlpanel.title}</Header>
-            <section id="content-core">
-              <Table compact singleLine striped>
-                <Table.Header>
-                  <Table.Row>
-                    <Table.HeaderCell>
-                      <FormattedMessage id="Type" defaultMessage="Type" />
-                    </Table.HeaderCell>
-                    <Table.HeaderCell>
-                      <FormattedMessage
-                        id="Description"
-                        defaultMessage="Description"
+          <Segment.Group raised>
+            <Segment className="primary">
+              {this.props.controlpanel.title}
+            </Segment>
+
+            <Table
+              attached
+              compact
+              singleLine
+              striped
+              className="content-types-content"
+            >
+              <Table.Header>
+                <Table.Row>
+                  <Table.HeaderCell>
+                    <FormattedMessage id="Type" defaultMessage="Type" />
+                  </Table.HeaderCell>
+                  <Table.HeaderCell>
+                    <FormattedMessage
+                      id="Description"
+                      defaultMessage="Description"
+                    />
+                  </Table.HeaderCell>
+                  <Table.HeaderCell>
+                    <FormattedMessage id="Items" defaultMessage="Items" />
+                  </Table.HeaderCell>
+                  <Table.HeaderCell textAlign="right">
+                    <FormattedMessage id="Actions" defaultMessage="Actions" />
+                  </Table.HeaderCell>
+                </Table.Row>
+              </Table.Header>
+              <Table.Body>
+                {this.props.controlpanel.items.map((item) => (
+                  <Table.Row key={item['@id']}>
+                    <Table.Cell>
+                      <Link to={`${this.props.pathname}/${item['id']}`}>
+                        {item.title}
+                      </Link>
+                    </Table.Cell>
+                    <Table.Cell>{item.description}</Table.Cell>
+                    <Table.Cell>{item.count}</Table.Cell>
+                    <Table.Cell textAlign="right">
+                      <ContentTypesActions
+                        item={item}
+                        path={this.props.pathname}
+                        onEdit={this.onEdit}
+                        onDelete={this.onDelete}
+                        onSchema={this.onSchema}
+                        onLayout={this.onLayout}
                       />
-                    </Table.HeaderCell>
-                    <Table.HeaderCell>
-                      <FormattedMessage id="Items" defaultMessage="Items" />
-                    </Table.HeaderCell>
-                    <Table.HeaderCell textAlign="right">
-                      <FormattedMessage id="Actions" defaultMessage="Actions" />
-                    </Table.HeaderCell>
+                    </Table.Cell>
                   </Table.Row>
-                </Table.Header>
-                <Table.Body>
-                  {this.props.controlpanel.items.map((item) => (
-                    <Table.Row key={item['@id']}>
-                      <Table.Cell>
-                        <Link to={`${this.props.pathname}/${item['id']}`}>
-                          {item.title}
-                        </Link>
-                      </Table.Cell>
-                      <Table.Cell>{item.description}</Table.Cell>
-                      <Table.Cell>{item.count}</Table.Cell>
-                      <Table.Cell textAlign="right">
-                        <ContentTypesActions
-                          item={item}
-                          path={this.props.pathname}
-                          onEdit={this.onEdit}
-                          onDelete={this.onDelete}
-                          onSchema={this.onSchema}
-                          onLayout={this.onLayout}
-                        />
-                      </Table.Cell>
-                    </Table.Row>
-                  ))}
-                </Table.Body>
-              </Table>
-            </section>
-          </article>
+                ))}
+              </Table.Body>
+            </Table>
+          </Segment.Group>
         </Container>
         {this.state.isClient &&
           createPortal(
diff --git a/packages/volto/src/components/manage/Controlpanels/Controlpanels.jsx b/packages/volto/src/components/manage/Controlpanels/Controlpanels.jsx
index 0602f11d8de..9149c5fb148 100644
--- a/packages/volto/src/components/manage/Controlpanels/Controlpanels.jsx
+++ b/packages/volto/src/components/manage/Controlpanels/Controlpanels.jsx
@@ -201,9 +201,9 @@ export default function Controlpanels({ location }) {
   const { controlPanelsIcons: icons } = config.settings;
 
   return (
-    <div className="view-wrapper">
+    <div className="view-wrapper ">
       <Helmet title={intl.formatMessage(messages.sitesetup)} />
-      <Container className="controlpanel">
+      <Container className="controlpanel controlpanels-container">
         <Segment.Group raised>
           <Segment className="primary">
             <FormattedMessage id="Site Setup" defaultMessage="Site Setup" />
diff --git a/packages/volto/src/components/manage/Controlpanels/ModerateComments.jsx b/packages/volto/src/components/manage/Controlpanels/ModerateComments.jsx
index 7825a70c474..d915c2e95d9 100644
--- a/packages/volto/src/components/manage/Controlpanels/ModerateComments.jsx
+++ b/packages/volto/src/components/manage/Controlpanels/ModerateComments.jsx
@@ -11,7 +11,7 @@ import { Link } from 'react-router-dom';
 import { getParentUrl } from '@plone/volto/helpers/Url/Url';
 import Helmet from '@plone/volto/helpers/Helmet/Helmet';
 import { createPortal } from 'react-dom';
-import { Container, Button, Table } from 'semantic-ui-react';
+import { Container, Button, Table, Segment } from 'semantic-ui-react';
 import { FormattedMessage, defineMessages, injectIntl } from 'react-intl';
 
 import { deleteComment } from '@plone/volto/actions/comments/comments';
@@ -199,16 +199,14 @@ class ModerateComments extends Component {
           title={this.props.intl.formatMessage(messages.ModerateComments)}
         />
         <Container>
-          <article id="content">
-            <header>
-              <h1 className="documentFirstHeading">
-                <FormattedMessage
-                  id="Moderate comments"
-                  defaultMessage="Moderate comments"
-                />
-              </h1>
-            </header>
-            <section id="content-core">
+          <Segment.Group raised>
+            <Segment className="primary">
+              <FormattedMessage
+                id="Moderate comments"
+                defaultMessage="Moderate comments"
+              />
+            </Segment>
+            <Segment className="moderate-comments-content">
               <Table compact singleLine striped>
                 <Table.Header>
                   <Table.Row>
@@ -264,8 +262,8 @@ class ModerateComments extends Component {
                   ))}
                 </Table.Body>
               </Table>
-            </section>
-          </article>
+            </Segment>
+          </Segment.Group>
         </Container>
         {this.state.isClient &&
           createPortal(
diff --git a/packages/volto/src/components/manage/Controlpanels/Relations/Relations.jsx b/packages/volto/src/components/manage/Controlpanels/Relations/Relations.jsx
index 3fc0494eeb6..b637547fdf4 100644
--- a/packages/volto/src/components/manage/Controlpanels/Relations/Relations.jsx
+++ b/packages/volto/src/components/manage/Controlpanels/Relations/Relations.jsx
@@ -47,7 +47,7 @@ const RelationsControlPanel = () => {
 
   return (
     <>
-      <div className="relations-control-panel">
+      <div className="relations-control-panel ui container">
         <Helmet title={intl.formatMessage(messages.relations)} />
         {can_edit ? (
           <Segment.Group raised>
@@ -63,9 +63,10 @@ const RelationsControlPanel = () => {
                   <Divider hidden />
                 </React.Fragment>
               ) : null}
-              <h1>
+
+              <div>
                 <FormattedMessage id="Relations" defaultMessage="Relations" />
-              </h1>
+              </div>
               {relations_stats?.error ? (
                 <React.Fragment>
                   <Divider hidden />
diff --git a/packages/volto/src/components/manage/Controlpanels/UndoControlpanel.jsx b/packages/volto/src/components/manage/Controlpanels/UndoControlpanel.jsx
index 074b448c4c9..66f952442e5 100644
--- a/packages/volto/src/components/manage/Controlpanels/UndoControlpanel.jsx
+++ b/packages/volto/src/components/manage/Controlpanels/UndoControlpanel.jsx
@@ -8,7 +8,17 @@ import { connect } from 'react-redux';
 import { compose } from 'redux';
 import { Link } from 'react-router-dom';
 import { createPortal } from 'react-dom';
-import { Container, Segment, Table, Menu, Input } from 'semantic-ui-react';
+import {
+  Container,
+  Segment,
+  Table,
+  Menu,
+  Dimmer,
+  Loader,
+  Checkbox,
+  Message,
+  Confirm,
+} from 'semantic-ui-react';
 import { FormattedMessage, defineMessages, injectIntl } from 'react-intl';
 import Icon from '@plone/volto/components/theme/Icon/Icon';
 import Toolbar from '@plone/volto/components/manage/Toolbar/Toolbar';
@@ -16,15 +26,17 @@ import Toast from '@plone/volto/components/manage/Toast/Toast';
 import { Form } from '@plone/volto/components/manage/Form';
 import backSVG from '@plone/volto/icons/back.svg';
 import map from 'lodash/map';
+import remove from 'lodash/remove';
+import findIndex from 'lodash/findIndex';
 import Helmet from '@plone/volto/helpers/Helmet/Helmet';
-import nextIcon from '@plone/volto/icons/right-key.svg';
-import prevIcon from '@plone/volto/icons/left-key.svg';
 import undoSVG from '@plone/volto/icons/undo.svg';
 import {
   getTransactions,
   revertTransactions,
 } from '@plone/volto/actions/transactions/transactions';
+import FormattedDate from '@plone/volto/components/theme/FormattedDate/FormattedDate';
 import { toast } from 'react-toastify';
+import Pagination from '@plone/volto/components/theme/Pagination/Pagination';
 
 const messages = defineMessages({
   success: {
@@ -47,21 +59,50 @@ const messages = defineMessages({
     id: 'Default',
     defaultMessage: 'Default',
   },
-  sortBy: {
-    id: 'Sort By',
-    defaultMessage: 'Sort by',
+  filterBy: {
+    id: 'Filter transactions by',
+    defaultMessage: 'Filter transactions by',
+  },
+  filterByUsername: {
+    id: 'filter by username',
+    defaultMessage: 'Username',
+  },
+  filterByPath: {
+    id: 'filter by path',
+    defaultMessage: 'Path',
+  },
+  filterByDate: {
+    id: 'filter by date',
+    defaultMessage: 'Date',
+  },
+  filtered: {
+    id: 'Filtered',
+    defaultMessage: 'Filtered',
+  },
+  unfiltered: {
+    id: 'Unfiltered',
+    defaultMessage: 'Unfiltered',
   },
-  sorted: {
-    id: 'Sorted',
-    defaultMessage: 'Sorted',
+  filterByDescription: {
+    id: 'Filter transactions by User, Path or Date',
+    defaultMessage: 'Filter transactions by user, path or date',
   },
-  unsorted: {
-    id: 'Unsorted',
-    defaultMessage: 'Unsorted',
+  filterByUsername_filter: {
+    id: 'Enter Username to filter',
+    defaultMessage: 'Enter username',
   },
-  sortByDescription: {
-    id: 'Sort transactions by User-Name, Path or Date',
-    defaultMessage: 'Sort transactions by User-Name, Path or Date',
+  filterByPath_filter: {
+    id: 'Enter path to filter',
+    defaultMessage: 'Enter Path',
+  },
+  filterByDate_filter: {
+    id: 'Enter date and time to filter',
+    defaultMessage: 'Enter date and time',
+  },
+  filterByDate_filter_description: {
+    id: 'Enter Date description filter',
+    defaultMessage:
+      'Will display transactions from start of selected day, until time selected',
   },
   failedToUndoTransactions: {
     id: 'Failed To Undo Transactions',
@@ -71,24 +112,30 @@ const messages = defineMessages({
     id: 'Successfully Undone Transactions',
     defaultMessage: 'Successfully undone transactions',
   },
-  transactionsHaveBeenSorted: {
+  transactionsHaveBeenFiltered: {
     id: 'Transactions Have Been Sorted',
-    defaultMessage: 'Transactions have been sorted',
+    defaultMessage: 'Transactions have been filtered',
   },
-  transactionsHaveBeenUnsorted: {
+  transactionsHaveBeenUnfiltered: {
     id: 'Transactions Have Been Unsorted',
-    defaultMessage: 'Transactions have been unsorted',
+    defaultMessage: 'Transactions have been unfiltered',
+  },
+  executeUndo: {
+    id: 'Are you sure you want to undo selected actions?',
+    defaultMessage: 'Are you sure you want to undo selected actions?',
   },
-  noTransactionsSelected: {
-    id: 'No Transactions Selected',
-    defaultMessage: 'No transactions selected',
+  emptyInputForFiltering: {
+    id: 'Please enter any input to perform filter',
+    defaultMessage: 'Please enter any input to perform filter',
   },
-  noTransactionsSelectedToDoUndo: {
-    id: 'No Transactions Selected To Do Undo',
-    defaultMessage: 'No transactions selected to do undo',
+  selectAll: {
+    id: 'Select all',
+    defaultMessage: 'Select all',
   },
 });
 
+const PAGE_SIZES = [20, 50, 100, 200, 500];
+
 /**
  * UndoControlpanel class.
  * @class UndoControlpanel
@@ -116,6 +163,10 @@ class UndoControlpanel extends Component {
       loaded: PropTypes.bool,
       loading: PropTypes.bool,
     }).isRequired,
+    getRequest: PropTypes.shape({
+      loaded: PropTypes.bool,
+      loading: PropTypes.bool,
+    }).isRequired,
   };
 
   /**
@@ -128,31 +179,29 @@ class UndoControlpanel extends Component {
     super(props);
     this.state = {
       isClient: false,
-      sortType: 'no value',
+      filterType: 'no value',
+      currentPage: 0,
       lowerIndex: 0,
       upperIndex: 20,
-      defaultTransactionsLenInTable: 20,
-      isSortingTypeSelected: false,
-      sortedTransactions: [],
-      isEmptyInputForSorting: false,
+      selectedTransactions: [],
+      pageSize: 20,
+      isFilterTypeSelected: false,
+      filteredTransactions: [],
+      isemptyInputForFiltering: false,
       isTransactionsNotFound: false,
-      isClickedOnUndoButton: false,
-      showPrevButton: false,
-      showNextButton: false,
+      undoRequested: false,
+      doUndo: false,
     };
-    this.onCancel = this.onCancel.bind(this);
-    this.onSort = this.onSort.bind(this);
+    this.onCancelFilter = this.onCancelFilter.bind(this);
+    this.onFilter = this.onFilter.bind(this);
     this.onSelect = this.onSelect.bind(this);
-    this.onPrev = this.onPrev.bind(this);
-    this.onNext = this.onNext.bind(this);
+
     this.onUndo = this.onUndo.bind(this);
     this.handleTableVisiblity = this.handleTableVisiblity.bind(this);
-    this.handleNotSortedNextPrevButtons =
-      this.handleNotSortedNextPrevButtons.bind(this);
-    this.handleSortedNextPrevButtons =
-      this.handleSortedNextPrevButtons.bind(this);
     this.checkTransactionsUndoneStatus =
       this.checkTransactionsUndoneStatus.bind(this);
+    this.toggleCheckedTransactions = this.toggleCheckedTransactions.bind(this);
+    this.onChangePageSize = this.onChangePageSize.bind(this);
   }
 
   /**
@@ -176,16 +225,17 @@ class UndoControlpanel extends Component {
   UNSAFE_componentWillReceiveProps(nextProps) {
     if (this.props.revertRequest.loading && nextProps.revertRequest.loaded) {
       this.props.getTransactions();
+      this.setState({ selectedTransactions: [], doUndo: false });
     }
   }
 
-  setSortedTransactions(sortedTransactions) {
-    if (sortedTransactions.length > 0) {
+  setfilteredTransactions(filteredTransactions) {
+    if (filteredTransactions.length > 0) {
       this.setState({
         lowerIndex: 0,
-        upperIndex: this.state.defaultTransactionsLenInTable,
-        sortedTransactions: sortedTransactions,
-        isEmptyInputForSorting: false,
+        upperIndex: this.state.pageSize,
+        filteredTransactions: filteredTransactions,
+        isemptyInputForFiltering: false,
         isTransactionsNotFound: false,
       });
     } else {
@@ -195,29 +245,29 @@ class UndoControlpanel extends Component {
 
   /**
    * On Cancel
-   * @method onCancel
+   * @method onCancelFilter
    * @returns {undefined}
    */
-  onCancel() {
-    if (this.state.sortedTransactions.length > 0) {
+  onCancelFilter() {
+    if (this.state.filteredTransactions.length > 0) {
       toast.info(
         <Toast
           info
-          title={this.props.intl.formatMessage(messages.unsorted)}
+          title={this.props.intl.formatMessage(messages.unfiltered)}
           content={this.props.intl.formatMessage(
-            messages.transactionsHaveBeenUnsorted,
+            messages.transactionsHaveBeenUnfiltered,
           )}
         />,
       );
     }
     this.setState({
-      isSortingTypeSelected: false,
+      isFilterTypeSelected: false,
       isTransactionsNotFound: false,
-      isEmptyInputForSorting: false,
-      sortType: 'no value',
-      sortedTransactions: [],
+      isemptyInputForFiltering: false,
+      filterType: 'no value',
+      filteredTransactions: [],
       lowerIndex: 0,
-      upperIndex: this.state.defaultTransactionsLenInTable,
+      upperIndex: this.state.pageSize,
     });
   }
 
@@ -230,93 +280,87 @@ class UndoControlpanel extends Component {
   onSelect(data) {
     if (
       data !== null &&
-      data.sortingTypes !== null &&
-      this.state.sortType.toLowerCase() === data.sortingTypes.toLowerCase()
+      data.filterTypes !== null &&
+      this.state.filterType === data.filterTypes
     ) {
       return;
     }
-    let sortType = (data !== null && data.sortingTypes) || 'no value';
-
-    if (sortType.toLowerCase() !== 'no value') {
-      this.setState({ isSortingTypeSelected: true });
-      sortType.toLowerCase() === 'user name' &&
-        this.setState({ sortType: 'user name' });
-      sortType.toLowerCase() === 'date' && this.setState({ sortType: 'date' });
-      sortType.toLowerCase() === 'path' && this.setState({ sortType: 'path' });
+    let filterType = (data !== null && data.filterTypes) || 'no value';
+
+    if (filterType !== 'no value') {
+      this.setState({ isFilterTypeSelected: true, filterType });
     } else {
-      this.onCancel();
+      this.onCancelFilter();
     }
   }
 
   /**
-   * On Sort
-   * @method onSort
+   * On Filter
+   * @method onFilter
    * @param {object} data
    * @returns {undefined}
    */
-  onSort(data) {
-    let sortType = data.sortingTypes || 'no value';
+  onFilter(data) {
+    let filterType = data.filterTypes || 'no value';
     let value;
-    (sortType.toLowerCase() === 'user name' && (value = data.sortByUsername)) ||
-      (sortType.toLowerCase() === 'path' && (value = data.sortByPath)) ||
-      (sortType.toLowerCase() === 'date' && (value = data.sortByDate)) ||
+    (filterType === 'user' && (value = data.filterByUsername)) ||
+      (filterType === 'path' && (value = data.filterByPath)) ||
+      (filterType === 'date' && (value = data.filterByDate)) ||
       (value = undefined);
 
-    if (sortType.toLowerCase() !== 'no value' && value !== undefined) {
-      let sortedTransactions = [];
-      if (sortType.toLowerCase() === 'user name') {
+    if (filterType !== 'no value' && value !== undefined) {
+      let filteredTransactions = [];
+      if (filterType === 'user') {
         this.props.transactions.forEach((element) => {
           if (value.trim().toLowerCase() === 'zope' && !element.username) {
-            sortedTransactions.push(element);
+            filteredTransactions.push(element);
           } else if (
             element.username
               .trim()
               .toLowerCase()
               .includes(value.trim().toLowerCase())
           ) {
-            sortedTransactions.push(element);
+            filteredTransactions.push(element);
           }
         });
-        this.setSortedTransactions(sortedTransactions);
-      } else if (sortType.toLowerCase() === 'path') {
+        this.setfilteredTransactions(filteredTransactions);
+      } else if (filterType === 'path') {
         this.props.transactions.forEach((element) => {
           if (
             element.id.trim().toLowerCase().includes(value.trim().toLowerCase())
           ) {
-            sortedTransactions.push(element);
+            filteredTransactions.push(element);
           }
         });
-        this.setSortedTransactions(sortedTransactions);
+        this.setfilteredTransactions(filteredTransactions);
       } else {
         // MS is Milli Seconds
         let MSInADay = 86400000;
-        let sortingTimeInMS = Date.parse(value);
-        let endTimeOfSortingDateInMS =
-          sortingTimeInMS - (sortingTimeInMS % MSInADay) + MSInADay - 1;
-        let startTimeOfSortingDateInMS =
-          sortingTimeInMS - (sortingTimeInMS % MSInADay);
+        let timeInMS = Date.parse(value);
+        let endInMS = timeInMS + (timeInMS % 60000) + 60000; // next minute
+        let startInMS = timeInMS - (timeInMS % MSInADay);
 
         this.props.transactions.forEach((element) => {
           if (
-            endTimeOfSortingDateInMS >= Date.parse(element.time) &&
-            Date.parse(element.time) >= startTimeOfSortingDateInMS
+            endInMS >= Date.parse(element.time) &&
+            Date.parse(element.time) >= startInMS
           ) {
-            sortedTransactions.push(element);
+            filteredTransactions.push(element);
           }
         });
-        this.setSortedTransactions(sortedTransactions);
+        this.setfilteredTransactions(filteredTransactions);
       }
       toast.info(
         <Toast
           info
-          title={this.props.intl.formatMessage(messages.sorted)}
+          title={this.props.intl.formatMessage(messages.filtered)}
           content={this.props.intl.formatMessage(
-            messages.transactionsHaveBeenSorted,
+            messages.transactionsHaveBeenFiltered,
           )}
         />,
       );
     } else {
-      this.setState({ isEmptyInputForSorting: true });
+      this.setState({ isemptyInputForFiltering: true });
     }
   }
 
@@ -326,128 +370,27 @@ class UndoControlpanel extends Component {
    * @returns {undefined}
    */
   onUndo() {
-    let transactionsSelected = false;
-    let undoTransactionsIds = map(
-      this.props.transactions.slice(0, this.props.transactions.length),
+    const undoTransactionsIds = map(
+      this.state.selectedTransactions,
       (transaction) => {
-        if (
-          document.getElementById(transaction.id) !== null &&
-          document.getElementById(transaction.id).firstElementChild
-            .firstElementChild.firstElementChild.checked
-        ) {
-          transactionsSelected = true;
-          return transaction.id;
-        }
-        return '';
+        return transaction.id;
       },
     );
-    if (transactionsSelected) {
-      this.setState({
-        isClickedOnUndoButton: true,
-      });
-      this.props.revertTransactions(undoTransactionsIds);
-    } else {
-      toast.error(
-        <Toast
-          error
-          title={this.props.intl.formatMessage(messages.noTransactionsSelected)}
-          content={this.props.intl.formatMessage(
-            messages.noTransactionsSelectedToDoUndo,
-          )}
-        />,
-      );
-    }
 
-    Array.from(
-      document.getElementsByClassName('transactions-checkboxes'),
-    ).forEach((element) => {
-      element.firstElementChild.checked = false;
+    this.setState({
+      undoRequested: true,
     });
+    this.props.revertTransactions(undoTransactionsIds);
   }
 
   /**
-   * On Prev
-   * @method onPrev
-   * @returns {undefined}
-   */
-  onPrev() {
-    0 < this.state.lowerIndex &&
-      this.setState({
-        upperIndex: this.state.lowerIndex,
-        lowerIndex:
-          this.state.lowerIndex - this.state.defaultTransactionsLenInTable,
-      });
-  }
-
-  /**
-   * On Next
-   * @method onNext
-   * @returns {undefined}
-   */
-  onNext() {
-    this.props.transactions.length > this.state.upperIndex &&
-      this.setState({
-        lowerIndex: this.state.upperIndex,
-        upperIndex:
-          this.state.upperIndex + this.state.defaultTransactionsLenInTable,
-      });
-  }
-
-  /**
-   * Handle next and prev buttons visibility when transactions are sorted
-   * @method handleSortedNextPrevButtons
-   * @returns {undefined}
-   */
-  handleSortedNextPrevButtons() {
-    this.state.upperIndex >= this.state.sortedTransactions.length &&
-      this.state.showNextButton &&
-      this.setState({ showNextButton: false });
-
-    this.state.upperIndex < this.state.sortedTransactions.length &&
-      !this.state.showNextButton &&
-      this.setState({ showNextButton: true });
-
-    this.state.lowerIndex <= 0 &&
-      this.state.showPrevButton &&
-      this.setState({ showPrevButton: false });
-
-    this.state.lowerIndex > 0 &&
-      !this.state.showPrevButton &&
-      this.setState({ showPrevButton: true });
-  }
-
-  /**
-   * Handle next and prev buttons visibility when transactions are not sorted
-   * @method handleNotSortedNextPrevButtons
-   * @returns {undefined}
-   */
-  handleNotSortedNextPrevButtons() {
-    this.state.upperIndex >= this.props.transactions?.length &&
-      this.state.showNextButton &&
-      this.setState({ showNextButton: false });
-
-    this.state.upperIndex < this.props.transactions?.length &&
-      !this.state.showNextButton &&
-      this.setState({ showNextButton: true });
-
-    this.state.lowerIndex <= 0 &&
-      this.state.showPrevButton &&
-      this.setState({ showPrevButton: false });
-
-    this.state.lowerIndex > 0 &&
-      !this.state.showPrevButton &&
-      this.setState({ showPrevButton: true });
-  }
-
-  /**
-   * Handle next, prev buttons and table visibility
+   * Handle table visibility
    * @method handleTableVisiblity
    * @returns {undefined}
    */
   handleTableVisiblity() {
-    if (this.state.sortedTransactions.length > 0) {
-      this.handleSortedNextPrevButtons();
-    } else if (!this.state.isSortingTypeSelected) {
+    if (this.state.filteredTransactions.length > 0) {
+    } else if (!this.state.isFilterTypeSelected) {
       this.props.transactions?.length > 0 &&
         this.state.isTransactionsNotFound &&
         this.setState({ isTransactionsNotFound: false });
@@ -455,10 +398,6 @@ class UndoControlpanel extends Component {
       this.props.transactions?.length <= 0 &&
         !this.state.isTransactionsNotFound &&
         this.setState({ isTransactionsNotFound: true });
-
-      this.handleNotSortedNextPrevButtons();
-    } else {
-      this.handleNotSortedNextPrevButtons();
     }
   }
 
@@ -471,10 +410,10 @@ class UndoControlpanel extends Component {
     if (
       this.props.revertRequest.error &&
       this.props.revertRequest.error !== null &&
-      this.state.isClickedOnUndoButton
+      this.state.undoRequested
     ) {
       this.setState({
-        isClickedOnUndoButton: false,
+        undoRequested: false,
       });
       toast.error(
         <Toast
@@ -487,10 +426,10 @@ class UndoControlpanel extends Component {
       );
     } else if (
       this.props.revertRequest.error === null &&
-      this.state.isClickedOnUndoButton
+      this.state.undoRequested
     ) {
       this.setState({
-        isClickedOnUndoButton: false,
+        undoRequested: false,
       });
       toast.success(
         <Toast
@@ -504,6 +443,37 @@ class UndoControlpanel extends Component {
     }
   }
 
+  toggleCheckedTransactions(items, checked) {
+    let list = [...this.state.selectedTransactions];
+    items.forEach((t) => {
+      const selected = findIndex(list, t) >= 0;
+      if (selected) {
+        if (!checked) {
+          remove(list, t);
+        }
+      } else {
+        if (checked) {
+          list.push(t);
+        }
+      }
+    });
+    this.setState({ selectedTransactions: list });
+  }
+
+  onChangePageSize(e, v) {
+    this.setState({
+      upperIndex: this.state.pageSize,
+      lowerIndex: 0,
+      selectAll: false,
+      pageSize: v.value,
+    });
+  }
+
+  onChangePage = (event, { value }) => {
+    this.setState({
+      currentPage: value,
+    });
+  };
   /**
    * Render method.
    * @method render
@@ -511,18 +481,192 @@ class UndoControlpanel extends Component {
    */
   render() {
     const transactionsRange =
-      (this.state.sortedTransactions.length > 0 &&
-        this.state.sortedTransactions.slice(
-          this.state.lowerIndex,
-          this.state.upperIndex,
+      (this.state.filteredTransactions.length > 0 &&
+        this.state.filteredTransactions.slice(
+          this.state.currentPage * this.state.pageSize,
+          this.state.pageSize * (this.state.currentPage + 1),
         )) ||
       this.props.transactions?.slice(
-        this.state.lowerIndex,
-        this.state.upperIndex,
+        this.state.currentPage * this.state.pageSize,
+        this.state.pageSize * (this.state.currentPage + 1),
       );
     this.handleTableVisiblity();
     this.checkTransactionsUndoneStatus();
 
+    const TransactionsTable = ({ items, summary = false }) => {
+      const getReqType = (str) => {
+        const regex = /\/([^/@]*_application_json_[^/@]*)/;
+
+        const matches = str.match(regex);
+
+        const t = matches?.length > 0 ? matches[1] : null;
+        return {
+          t: t,
+          type: t?.replace('_application_json_', ''),
+          clearStr: t ? str.replaceAll(t, '') : str,
+        };
+      };
+
+      const elabDescription = (d) => {
+        const str = getReqType(d).clearStr ?? '';
+        const parts = str
+          .replaceAll('\nUndo', '<br/>Undo:')
+          .replaceAll('\n', '<br/>')
+          .replaceAll(' ', '<br/>')
+          .split('<br/>');
+        return (
+          <>
+            {parts.map((p, i) =>
+              i === 0 ? (
+                <div key={i}>{p}</div>
+              ) : (
+                <div key={i} style={{ fontStyle: 'italic', color: '#878f93' }}>
+                  {p}
+                </div>
+              ),
+            )}
+          </>
+        );
+      };
+
+      return (
+        <Table selectable fixed celled compact singleLine attached>
+          <Table.Header>
+            <Table.Row>
+              {!summary && (
+                <Table.HeaderCell
+                  width={1}
+                  textAlign="center"
+                  style={{ width: '40px' }}
+                >
+                  <Checkbox
+                    title={this.props.intl.formatMessage(messages.selectAll)}
+                    onChange={(e, data) => {
+                      this.setState({ selectAll: data.checked });
+                      this.toggleCheckedTransactions(items, data.checked);
+                    }}
+                    checked={this.state.selectAll}
+                  />
+                </Table.HeaderCell>
+              )}
+              <Table.HeaderCell width={1}>
+                <FormattedMessage id="Request type" defaultMessage="OP" />
+              </Table.HeaderCell>
+              <Table.HeaderCell width={summary ? 9 : 7}>
+                <FormattedMessage id="What" defaultMessage="What" />
+              </Table.HeaderCell>
+              <Table.HeaderCell width={1}>
+                <FormattedMessage id="Who" defaultMessage="Who" />
+              </Table.HeaderCell>
+              <Table.HeaderCell width={2}>
+                <FormattedMessage id="When" defaultMessage="When" />
+              </Table.HeaderCell>
+              {!summary && (
+                <Table.HeaderCell width={1}>
+                  <FormattedMessage id="Note" defaultMessage="Note" />
+                </Table.HeaderCell>
+              )}
+              <Table.HeaderCell />
+            </Table.Row>
+          </Table.Header>
+          <Table.Body>
+            {map(items, (transaction) => (
+              <Table.Row id={transaction.id} key={transaction.id}>
+                {!summary && (
+                  <Table.Cell width={1} textAlign="center">
+                    <Checkbox
+                      onChange={(e, data) => {
+                        this.toggleCheckedTransactions(
+                          [transaction],
+                          data.checked,
+                        );
+                      }}
+                      checked={
+                        findIndex(
+                          this.state.selectedTransactions,
+                          transaction,
+                        ) >= 0
+                      }
+                    />
+                  </Table.Cell>
+                )}
+                <Table.Cell width={1}>
+                  {getReqType(transaction.description).type ?? ''}
+                </Table.Cell>
+                <Table.Cell
+                  width={summary ? 9 : 7}
+                  title={[transaction.description].join(' ')}
+                >
+                  {elabDescription(transaction.description)}
+                </Table.Cell>
+                <Table.Cell
+                  width={1}
+                  title={transaction.username ? transaction.username : 'Zope'}
+                >
+                  {transaction.username ? transaction.username : 'Zope'}
+                </Table.Cell>
+                <Table.Cell width={2}>
+                  <FormattedDate
+                    date={transaction.time}
+                    format={{
+                      dateStyle: 'medium',
+                      timeStyle: 'medium',
+                    }}
+                  />
+                </Table.Cell>
+                {!summary && (
+                  <Table.Cell width={1}>
+                    {transaction.description.includes('Undo') ? 'Undone' : ''}
+                  </Table.Cell>
+                )}
+              </Table.Row>
+            ))}
+          </Table.Body>
+          {!summary && (
+            <Table.Footer>
+              <Table.Row>
+                <Table.HeaderCell textAlign="center" colSpan="6">
+                  <Pagination
+                    current={this.state.currentPage}
+                    total={Math.ceil(
+                      this.props.transactions?.length / this.state.pageSize,
+                    )}
+                    onChangePage={this.onChangePage}
+                    pageSize={this.state.pageSize}
+                    pageSizes={PAGE_SIZES}
+                    onChangePageSize={this.onChangePageSize}
+                  />
+
+                  <Menu pagination>
+                    <Menu.Item
+                      as="button"
+                      icon
+                      disabled={this.state.selectedTransactions?.length <= 0}
+                      style={{ border: 'none' }}
+                      title={this.props.intl.formatMessage(messages.undo)}
+                    >
+                      <Icon
+                        name={undoSVG}
+                        id="undo-button"
+                        className="circled"
+                        size="30px"
+                        title={this.props.intl.formatMessage(messages.undo)}
+                        onClick={() => {
+                          this.setState({
+                            doUndo: true,
+                          });
+                        }}
+                      />
+                    </Menu.Item>
+                  </Menu>
+                </Table.HeaderCell>
+              </Table.Row>
+            </Table.Footer>
+          )}
+        </Table>
+      );
+    };
+
     return (
       <Container id="page-undo" className="controlpanel-undo">
         <Helmet title="Undo" />
@@ -541,58 +685,84 @@ class UndoControlpanel extends Component {
                     {
                       id: 'default',
                       title: this.props.intl.formatMessage(messages.default),
-                      fields: this.state.isSortingTypeSelected
+                      fields: this.state.isFilterTypeSelected
                         ? [
-                            'sortingTypes',
-                            (this.state.sortType.toLowerCase() ===
-                              'user name' &&
-                              'sortByUsername') ||
-                              (this.state.sortType.toLowerCase() === 'path' &&
-                                'sortByPath') ||
-                              (this.state.sortType.toLowerCase() === 'date' &&
-                                'sortByDate'),
+                            'filterTypes',
+                            (this.state.filterType === 'user' &&
+                              'filterByUsername') ||
+                              (this.state.filterType === 'path' &&
+                                'filterByPath') ||
+                              (this.state.filterType === 'date' &&
+                                'filterByDate'),
                           ]
-                        : ['sortingTypes'],
+                        : ['filterTypes'],
                     },
                   ],
                   properties: {
-                    sortingTypes: {
-                      title: this.props.intl.formatMessage(messages.sortBy),
+                    filterTypes: {
+                      title: this.props.intl.formatMessage(messages.filterBy),
                       description: this.props.intl.formatMessage(
-                        messages.sortByDescription,
+                        messages.filterByDescription,
                       ),
                       type: 'string',
-                      choices: map(['User Name', 'Path', 'Date'], (type) => [
-                        type,
-                        type,
-                      ]),
+                      choices: [
+                        [
+                          'user',
+                          this.props.intl.formatMessage(
+                            messages.filterByUsername,
+                          ),
+                        ],
+                        [
+                          'path',
+                          this.props.intl.formatMessage(messages.filterByPath),
+                        ],
+                        [
+                          'date',
+                          this.props.intl.formatMessage(messages.filterByDate),
+                        ],
+                      ],
                     },
-                    sortByUsername: {
-                      title: `Enter Username`,
+                    filterByUsername: {
+                      title: this.props.intl.formatMessage(
+                        messages.filterByUsername_filter,
+                      ),
                       type: 'string',
                     },
-                    sortByPath: {
-                      title: `Enter Path`,
+                    filterByPath: {
+                      title: this.props.intl.formatMessage(
+                        messages.filterByPath_filter,
+                      ),
                       type: 'string',
                     },
-                    sortByDate: {
-                      title: `Enter Date and Time`,
+                    filterByDate: {
+                      title: this.props.intl.formatMessage(
+                        messages.filterByDate_filter,
+                      ),
+                      description: this.props.intl.formatMessage(
+                        messages.filterByDate_filter_description,
+                      ),
                       type: 'date',
                     },
                   },
                   required: [],
                 }}
                 error={
-                  this.state.isEmptyInputForSorting
-                    ? { message: 'Please enter any input to perform sorting' }
+                  this.state.isemptyInputForFiltering
+                    ? {
+                        message: this.props.intl.formatMessage(
+                          messages.emptyInputForFiltering,
+                        ),
+                      }
                     : undefined
                 }
                 onChangeFormData={this.onSelect}
                 onSubmit={
-                  this.state.isSortingTypeSelected ? this.onSort : undefined
+                  this.state.isFilterTypeSelected ? this.onFilter : undefined
                 }
                 onCancel={
-                  this.state.isSortingTypeSelected ? this.onCancel : undefined
+                  this.state.isFilterTypeSelected
+                    ? this.onCancelFilter
+                    : undefined
                 }
                 resetOnCancel={true}
               />
@@ -605,7 +775,12 @@ class UndoControlpanel extends Component {
                 defaultMessage="Transactions"
               />
             </Segment>
-            {this.state.isTransactionsNotFound ? (
+
+            {this.props.getRequest?.loading ? (
+              <Dimmer active>
+                <Loader />
+              </Dimmer>
+            ) : this.state.isTransactionsNotFound ? (
               <Segment>
                 <FormattedMessage
                   id="No Transactions Found"
@@ -613,101 +788,49 @@ class UndoControlpanel extends Component {
                 />
               </Segment>
             ) : (
-              <Table selectable fixed celled compact singleLine attached>
-                <Table.Header>
-                  <Table.Row>
-                    <Table.HeaderCell width={1}>
-                      <FormattedMessage
-                        id="Transactions Checkbox"
-                        defaultMessage="#"
-                      />
-                    </Table.HeaderCell>
-                    <Table.HeaderCell width={3}>
-                      <FormattedMessage id="What" defaultMessage="What" />
-                    </Table.HeaderCell>
-                    <Table.HeaderCell width={3}>
-                      <FormattedMessage id="Who" defaultMessage="Who" />
-                    </Table.HeaderCell>
-                    <Table.HeaderCell width={3}>
-                      <FormattedMessage id="When" defaultMessage="When" />
-                    </Table.HeaderCell>
-                    <Table.HeaderCell width={3}>
-                      <FormattedMessage id="Note" defaultMessage="Note" />
-                    </Table.HeaderCell>
-                    <Table.HeaderCell />
-                  </Table.Row>
-                </Table.Header>
-                <Table.Body>
-                  {map(transactionsRange, (transaction) => (
-                    <Table.Row id={transaction.id} key={transaction.id}>
-                      <Table.Cell width={1}>
-                        <Input
-                          type="checkbox"
-                          className="transactions-checkboxes"
-                        />
-                      </Table.Cell>
-                      <Table.Cell
-                        width={3}
-                        title={[transaction.description].join(' ')}
-                      >
-                        {transaction.description}
-                      </Table.Cell>
-                      <Table.Cell width={3}>
-                        {transaction.username ? transaction.username : 'Zope'}
-                      </Table.Cell>
-                      <Table.Cell width={3}>{transaction.time}</Table.Cell>
-                      <Table.Cell width={3}>
-                        {transaction.description.includes('Undo')
-                          ? 'Undone'
-                          : ''}
-                      </Table.Cell>
-                    </Table.Row>
-                  ))}
-                </Table.Body>
-                <Table.Footer>
-                  <Table.Row>
-                    <Table.HeaderCell textAlign="center" colSpan="6">
-                      <Menu pagination>
-                        <Menu.Item as="a" id="prev-button" icon>
-                          {this.state.showPrevButton ? (
-                            <Icon
-                              onClick={this.onPrev}
-                              name={prevIcon}
-                              title="Prev"
-                            />
-                          ) : (
-                            <div style={{ width: '36px' }}></div>
-                          )}
-                        </Menu.Item>
-                        <Menu.Item as="a" icon>
-                          <Icon
-                            name={undoSVG}
-                            id="undo-button"
-                            className="circled"
-                            size="30px"
-                            title={this.props.intl.formatMessage(messages.undo)}
-                            onClick={this.onUndo}
-                          />
-                        </Menu.Item>
-                        <Menu.Item as="a" id="next-button" icon>
-                          {this.state.showNextButton ? (
-                            <Icon
-                              onClick={this.onNext}
-                              name={nextIcon}
-                              title="Next"
-                            />
-                          ) : (
-                            <div style={{ width: '36px' }}></div>
-                          )}
-                        </Menu.Item>
-                      </Menu>
-                    </Table.HeaderCell>
-                  </Table.Row>
-                </Table.Footer>
-              </Table>
+              <>
+                {this.state.selectedTransactions.length > 0 && (
+                  <Message info>
+                    <FormattedMessage
+                      id="{n_transactions} transactions selected."
+                      defaultMessage="{n_transactions} transactions selected."
+                      values={{
+                        n_transactions: this.state.selectedTransactions.length,
+                      }}
+                    />
+                  </Message>
+                )}
+                <TransactionsTable items={transactionsRange} />
+              </>
             )}
           </Segment.Group>
         </Segment.Group>
+
+        {this.state.doUndo && (
+          <Confirm
+            open
+            header={this.props.intl.formatMessage(messages.executeUndo)}
+            onCancel={() => {
+              this.setState({ doUndo: false });
+            }}
+            onConfirm={this.onUndo}
+            size="fullscreen"
+            content={
+              <div className="content">
+                <TransactionsTable
+                  items={this.state.selectedTransactions}
+                  summary={true}
+                />
+
+                {this.props.revertRequest.loading && (
+                  <Dimmer active>
+                    <Loader />
+                  </Dimmer>
+                )}
+              </div>
+            }
+          />
+        )}
         {this.state.isClient &&
           createPortal(
             <Toolbar
@@ -740,6 +863,7 @@ export default compose(
     (state, props) => ({
       pathname: props.location.pathname,
       transactions: state.transactions.transactions_recieved,
+      getRequest: state.transactions.get,
       revertRequest: state.transactions.revert,
     }),
     { getTransactions, revertTransactions },
diff --git a/packages/volto/src/components/manage/Controlpanels/Users/UserGroupMembershipControlPanel.jsx b/packages/volto/src/components/manage/Controlpanels/Users/UserGroupMembershipControlPanel.jsx
index 5951f0a8493..1d81817cd50 100644
--- a/packages/volto/src/components/manage/Controlpanels/Users/UserGroupMembershipControlPanel.jsx
+++ b/packages/volto/src/components/manage/Controlpanels/Users/UserGroupMembershipControlPanel.jsx
@@ -72,7 +72,7 @@ const UserGroupMembershipPanel = () => {
 
   return (
     <>
-      <div className="users-control-panel">
+      <div className="users-control-panel ui container">
         <Helmet title={intl.formatMessage(messages.usergroupmemberbership)} />
         <Segment.Group raised>
           <Segment className="primary">
diff --git a/packages/volto/src/components/manage/Controlpanels/__snapshots__/Aliases.test.jsx.snap b/packages/volto/src/components/manage/Controlpanels/__snapshots__/Aliases.test.jsx.snap
index f554134ee33..11dab2cc752 100644
--- a/packages/volto/src/components/manage/Controlpanels/__snapshots__/Aliases.test.jsx.snap
+++ b/packages/volto/src/components/manage/Controlpanels/__snapshots__/Aliases.test.jsx.snap
@@ -222,7 +222,7 @@ exports[`Aliases renders an aliases control component 1`] = `
                   class=""
                 >
                   <th
-                    class="one wide"
+                    class="center aligned"
                   >
                     Select
                   </th>
@@ -250,7 +250,7 @@ exports[`Aliases renders an aliases control component 1`] = `
                   class="top aligned"
                 >
                   <td
-                    class=""
+                    class="center aligned"
                   >
                     <div
                       class="ui fitted checkbox"
@@ -306,7 +306,7 @@ exports[`Aliases renders an aliases control component 1`] = `
                   class="top aligned"
                 >
                   <td
-                    class=""
+                    class="center aligned"
                   >
                     <div
                       class="ui fitted checkbox"
@@ -362,7 +362,7 @@ exports[`Aliases renders an aliases control component 1`] = `
                   class="top aligned"
                 >
                   <td
-                    class=""
+                    class="center aligned"
                   >
                     <div
                       class="ui fitted checkbox"
diff --git a/packages/volto/src/components/manage/Controlpanels/__snapshots__/ContentTypes.test.jsx.snap b/packages/volto/src/components/manage/Controlpanels/__snapshots__/ContentTypes.test.jsx.snap
index 1a4e81fdba0..49900ef70b3 100644
--- a/packages/volto/src/components/manage/Controlpanels/__snapshots__/ContentTypes.test.jsx.snap
+++ b/packages/volto/src/components/manage/Controlpanels/__snapshots__/ContentTypes.test.jsx.snap
@@ -6,236 +6,232 @@ exports[`ContentTypes renders dexterity content-types controlpanel component 1`]
     class="ui container types-control-panel"
   >
     <div
-      class="container"
+      class="ui container"
     />
     <div
       class="ui container"
     >
-      <article
-        id="content"
+      <div
+        class="ui raised segments"
       >
         <div
-          class="ui disabled header"
+          class="ui segment primary"
         >
           Dexterity Content Types
         </div>
-        <section
-          id="content-core"
+        <table
+          class="ui single line striped attached compact table content-types-content"
         >
-          <table
-            class="ui single line striped compact table"
+          <thead
+            class=""
           >
-            <thead
+            <tr
               class=""
             >
-              <tr
+              <th
                 class=""
               >
-                <th
-                  class=""
-                >
-                  Type
-                </th>
-                <th
-                  class=""
-                >
-                  Description
-                </th>
-                <th
-                  class=""
-                >
-                  Items
-                </th>
-                <th
-                  class="right aligned"
-                >
-                  Actions
-                </th>
-              </tr>
-            </thead>
-            <tbody
+                Type
+              </th>
+              <th
+                class=""
+              >
+                Description
+              </th>
+              <th
+                class=""
+              >
+                Items
+              </th>
+              <th
+                class="right aligned"
+              >
+                Actions
+              </th>
+            </tr>
+          </thead>
+          <tbody
+            class=""
+          >
+            <tr
               class=""
             >
-              <tr
+              <td
                 class=""
               >
-                <td
-                  class=""
+                <a
+                  href="/controlpanel/dexterity-types/Document"
                 >
-                  <a
-                    href="/controlpanel/dexterity-types/Document"
-                  >
-                    Page
-                  </a>
-                </td>
-                <td
-                  class=""
-                />
-                <td
-                  class=""
-                >
-                  0
-                </td>
-                <td
-                  class="right aligned"
+                  Page
+                </a>
+              </td>
+              <td
+                class=""
+              />
+              <td
+                class=""
+              >
+                0
+              </td>
+              <td
+                class="right aligned"
+              >
+                <div
+                  aria-expanded="false"
+                  class="ui dropdown actions-Document"
+                  role="listbox"
+                  tabindex="0"
                 >
+                  <i
+                    aria-hidden="true"
+                    class="ellipsis horizontal icon"
+                  />
                   <div
-                    aria-expanded="false"
-                    class="ui dropdown actions-Document"
-                    role="listbox"
-                    tabindex="0"
+                    class="menu transition left"
                   >
-                    <i
-                      aria-hidden="true"
-                      class="ellipsis horizontal icon"
-                    />
                     <div
-                      class="menu transition left"
+                      class="item edit-Document"
+                      role="option"
                     >
-                      <div
-                        class="item edit-Document"
-                        role="option"
-                      >
-                        <svg
-                          class="icon"
-                          style="height: 15px; width: auto; fill: currentColor;"
-                          viewBox=""
-                          xmlns=""
-                        />
-                        Edit
-                      </div>
-                      <div
-                        class="item"
-                        role="option"
-                      >
-                        <svg
-                          class="icon"
-                          style="height: 15px; width: auto; fill: currentColor;"
-                          viewBox=""
-                          xmlns=""
-                        />
-                        Schema
-                      </div>
-                      <div
-                        class="item layout-Document"
-                        role="option"
-                      >
-                        <svg
-                          class="icon"
-                          style="height: 15px; width: auto; fill: currentColor;"
-                          viewBox=""
-                          xmlns=""
-                        />
-                        Layout
-                      </div>
-                      <div
-                        class="item delete-Document"
-                        role="option"
-                      >
-                        <svg
-                          class="icon"
-                          style="height: 15px; width: auto; fill: currentColor;"
-                          viewBox=""
-                          xmlns=""
-                        />
-                        Delete
-                      </div>
+                      <svg
+                        class="icon"
+                        style="height: 15px; width: auto; fill: currentColor;"
+                        viewBox=""
+                        xmlns=""
+                      />
+                      Edit
+                    </div>
+                    <div
+                      class="item"
+                      role="option"
+                    >
+                      <svg
+                        class="icon"
+                        style="height: 15px; width: auto; fill: currentColor;"
+                        viewBox=""
+                        xmlns=""
+                      />
+                      Schema
+                    </div>
+                    <div
+                      class="item layout-Document"
+                      role="option"
+                    >
+                      <svg
+                        class="icon"
+                        style="height: 15px; width: auto; fill: currentColor;"
+                        viewBox=""
+                        xmlns=""
+                      />
+                      Layout
+                    </div>
+                    <div
+                      class="item delete-Document"
+                      role="option"
+                    >
+                      <svg
+                        class="icon"
+                        style="height: 15px; width: auto; fill: currentColor;"
+                        viewBox=""
+                        xmlns=""
+                      />
+                      Delete
                     </div>
                   </div>
-                </td>
-              </tr>
-              <tr
+                </div>
+              </td>
+            </tr>
+            <tr
+              class=""
+            >
+              <td
                 class=""
               >
-                <td
-                  class=""
+                <a
+                  href="/controlpanel/dexterity-types/Folder"
                 >
-                  <a
-                    href="/controlpanel/dexterity-types/Folder"
-                  >
-                    Folder
-                  </a>
-                </td>
-                <td
-                  class=""
-                />
-                <td
-                  class=""
-                >
-                  0
-                </td>
-                <td
-                  class="right aligned"
+                  Folder
+                </a>
+              </td>
+              <td
+                class=""
+              />
+              <td
+                class=""
+              >
+                0
+              </td>
+              <td
+                class="right aligned"
+              >
+                <div
+                  aria-expanded="false"
+                  class="ui dropdown actions-Folder"
+                  role="listbox"
+                  tabindex="0"
                 >
+                  <i
+                    aria-hidden="true"
+                    class="ellipsis horizontal icon"
+                  />
                   <div
-                    aria-expanded="false"
-                    class="ui dropdown actions-Folder"
-                    role="listbox"
-                    tabindex="0"
+                    class="menu transition left"
                   >
-                    <i
-                      aria-hidden="true"
-                      class="ellipsis horizontal icon"
-                    />
                     <div
-                      class="menu transition left"
+                      class="item edit-Folder"
+                      role="option"
+                    >
+                      <svg
+                        class="icon"
+                        style="height: 15px; width: auto; fill: currentColor;"
+                        viewBox=""
+                        xmlns=""
+                      />
+                      Edit
+                    </div>
+                    <div
+                      class="item"
+                      role="option"
+                    >
+                      <svg
+                        class="icon"
+                        style="height: 15px; width: auto; fill: currentColor;"
+                        viewBox=""
+                        xmlns=""
+                      />
+                      Schema
+                    </div>
+                    <div
+                      class="item layout-Folder"
+                      role="option"
+                    >
+                      <svg
+                        class="icon"
+                        style="height: 15px; width: auto; fill: currentColor;"
+                        viewBox=""
+                        xmlns=""
+                      />
+                      Layout
+                    </div>
+                    <div
+                      class="item delete-Folder"
+                      role="option"
                     >
-                      <div
-                        class="item edit-Folder"
-                        role="option"
-                      >
-                        <svg
-                          class="icon"
-                          style="height: 15px; width: auto; fill: currentColor;"
-                          viewBox=""
-                          xmlns=""
-                        />
-                        Edit
-                      </div>
-                      <div
-                        class="item"
-                        role="option"
-                      >
-                        <svg
-                          class="icon"
-                          style="height: 15px; width: auto; fill: currentColor;"
-                          viewBox=""
-                          xmlns=""
-                        />
-                        Schema
-                      </div>
-                      <div
-                        class="item layout-Folder"
-                        role="option"
-                      >
-                        <svg
-                          class="icon"
-                          style="height: 15px; width: auto; fill: currentColor;"
-                          viewBox=""
-                          xmlns=""
-                        />
-                        Layout
-                      </div>
-                      <div
-                        class="item delete-Folder"
-                        role="option"
-                      >
-                        <svg
-                          class="icon"
-                          style="height: 15px; width: auto; fill: currentColor;"
-                          viewBox=""
-                          xmlns=""
-                        />
-                        Delete
-                      </div>
+                      <svg
+                        class="icon"
+                        style="height: 15px; width: auto; fill: currentColor;"
+                        viewBox=""
+                        xmlns=""
+                      />
+                      Delete
                     </div>
                   </div>
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </section>
-      </article>
+                </div>
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
     </div>
   </div>
   <div
diff --git a/packages/volto/src/components/manage/Controlpanels/__snapshots__/Controlpanels.test.jsx.snap b/packages/volto/src/components/manage/Controlpanels/__snapshots__/Controlpanels.test.jsx.snap
index 7c585afada3..e2673fc9a3a 100644
--- a/packages/volto/src/components/manage/Controlpanels/__snapshots__/Controlpanels.test.jsx.snap
+++ b/packages/volto/src/components/manage/Controlpanels/__snapshots__/Controlpanels.test.jsx.snap
@@ -3,10 +3,10 @@
 exports[`Controlpanels renders a controlpanels component 1`] = `
 <div>
   <div
-    class="view-wrapper"
+    class="view-wrapper "
   >
     <div
-      class="ui container controlpanel"
+      class="ui container controlpanel controlpanels-container"
     >
       <div
         class="ui raised segments"
@@ -434,10 +434,10 @@ exports[`Controlpanels renders a controlpanels component 1`] = `
 exports[`Controlpanels renders an additional control panel 1`] = `
 <div>
   <div
-    class="view-wrapper"
+    class="view-wrapper "
   >
     <div
-      class="ui container controlpanel"
+      class="ui container controlpanel controlpanels-container"
     >
       <div
         class="ui raised segments"
diff --git a/packages/volto/src/components/manage/Controlpanels/__snapshots__/ModerateComments.test.jsx.snap b/packages/volto/src/components/manage/Controlpanels/__snapshots__/ModerateComments.test.jsx.snap
index 41a8a9da88c..e1e4a00fdaf 100644
--- a/packages/volto/src/components/manage/Controlpanels/__snapshots__/ModerateComments.test.jsx.snap
+++ b/packages/volto/src/components/manage/Controlpanels/__snapshots__/ModerateComments.test.jsx.snap
@@ -11,18 +11,16 @@ exports[`ModerateComments renders a moderate comments component 1`] = `
     <div
       class="ui container"
     >
-      <article
-        id="content"
+      <div
+        class="ui raised segments"
       >
-        <header>
-          <h1
-            class="documentFirstHeading"
-          >
-            Moderate comments
-          </h1>
-        </header>
-        <section
-          id="content-core"
+        <div
+          class="ui segment primary"
+        >
+          Moderate comments
+        </div>
+        <div
+          class="ui segment moderate-comments-content"
         >
           <table
             class="ui single line striped compact table"
@@ -59,8 +57,8 @@ exports[`ModerateComments renders a moderate comments component 1`] = `
               class=""
             />
           </table>
-        </section>
-      </article>
+        </div>
+      </div>
     </div>
   </div>
   <div
diff --git a/packages/volto/src/components/manage/Controlpanels/__snapshots__/UndoControlpanel.test.jsx.snap b/packages/volto/src/components/manage/Controlpanels/__snapshots__/UndoControlpanel.test.jsx.snap
index dc7569f0bba..f8c8dfff5af 100644
--- a/packages/volto/src/components/manage/Controlpanels/__snapshots__/UndoControlpanel.test.jsx.snap
+++ b/packages/volto/src/components/manage/Controlpanels/__snapshots__/UndoControlpanel.test.jsx.snap
@@ -24,40 +24,41 @@ exports[`UndoControlpanel renders undo controlpanel component 1`] = `
       \\"id\\": \\"default\\",
       \\"title\\": \\"Default\\",
       \\"fields\\": [
-        \\"sortingTypes\\"
+        \\"filterTypes\\"
       ]
     }
   ],
   \\"properties\\": {
-    \\"sortingTypes\\": {
-      \\"title\\": \\"Sort by\\",
-      \\"description\\": \\"Sort transactions by User-Name, Path or Date\\",
+    \\"filterTypes\\": {
+      \\"title\\": \\"Filter transactions by\\",
+      \\"description\\": \\"Filter transactions by user, path or date\\",
       \\"type\\": \\"string\\",
       \\"choices\\": [
         [
-          \\"User Name\\",
-          \\"User Name\\"
+          \\"user\\",
+          \\"Username\\"
         ],
         [
-          \\"Path\\",
+          \\"path\\",
           \\"Path\\"
         ],
         [
-          \\"Date\\",
+          \\"date\\",
           \\"Date\\"
         ]
       ]
     },
-    \\"sortByUsername\\": {
-      \\"title\\": \\"Enter Username\\",
+    \\"filterByUsername\\": {
+      \\"title\\": \\"Enter username\\",
       \\"type\\": \\"string\\"
     },
-    \\"sortByPath\\": {
+    \\"filterByPath\\": {
       \\"title\\": \\"Enter Path\\",
       \\"type\\": \\"string\\"
     },
-    \\"sortByDate\\": {
-      \\"title\\": \\"Enter Date and Time\\",
+    \\"filterByDate\\": {
+      \\"title\\": \\"Enter date and time\\",
+      \\"description\\": \\"Will display transactions from start of selected day, until time selected\\",
       \\"type\\": \\"date\\"
     }
   },
@@ -83,28 +84,46 @@ exports[`UndoControlpanel renders undo controlpanel component 1`] = `
             <tr
               class=""
             >
+              <th
+                class="center aligned one wide"
+                style="width: 40px;"
+              >
+                <div
+                  class="ui fitted checkbox"
+                >
+                  <input
+                    class="hidden"
+                    readonly=""
+                    tabindex="0"
+                    title="Select all"
+                    type="checkbox"
+                    value=""
+                  />
+                  <label />
+                </div>
+              </th>
               <th
                 class="one wide"
               >
-                #
+                OP
               </th>
               <th
-                class="three wide"
+                class="seven wide"
               >
                 What
               </th>
               <th
-                class="three wide"
+                class="one wide"
               >
                 Who
               </th>
               <th
-                class="three wide"
+                class="two wide"
               >
                 When
               </th>
               <th
-                class="three wide"
+                class="one wide"
               >
                 Note
               </th>
@@ -121,34 +140,75 @@ exports[`UndoControlpanel renders undo controlpanel component 1`] = `
               id="QStrR0RRc0M5TjA9"
             >
               <td
-                class="one wide"
+                class="center aligned one wide"
               >
                 <div
-                  class="ui input transactions-checkboxes"
+                  class="ui fitted checkbox"
                 >
                   <input
+                    class="hidden"
+                    readonly=""
+                    tabindex="0"
                     type="checkbox"
+                    value=""
                   />
+                  <label />
                 </div>
               </td>
               <td
-                class="three wide"
+                class="one wide"
+              />
+              <td
+                class="seven wide"
                 title="Added default view for root object"
               >
-                Added default view for root object
+                <div>
+                  Added
+                </div>
+                <div
+                  style="font-style: italic; color: rgb(135, 143, 147);"
+                >
+                  default
+                </div>
+                <div
+                  style="font-style: italic; color: rgb(135, 143, 147);"
+                >
+                  view
+                </div>
+                <div
+                  style="font-style: italic; color: rgb(135, 143, 147);"
+                >
+                  for
+                </div>
+                <div
+                  style="font-style: italic; color: rgb(135, 143, 147);"
+                >
+                  root
+                </div>
+                <div
+                  style="font-style: italic; color: rgb(135, 143, 147);"
+                >
+                  object
+                </div>
               </td>
               <td
-                class="three wide"
+                class="one wide"
+                title="Zope"
               >
                 Zope
               </td>
               <td
-                class="three wide"
+                class="two wide"
               >
-                2022-06-19T22:15:02
+                <time
+                  datetime="2022-06-19T22:15:02"
+                  title="Sunday, June 19, 2022 at 10:15 PM"
+                >
+                  Jun 19, 2022, 10:15:02 PM
+                </time>
               </td>
               <td
-                class="three wide"
+                class="one wide"
               />
             </tr>
             <tr
@@ -156,34 +216,55 @@ exports[`UndoControlpanel renders undo controlpanel component 1`] = `
               id="QStrR0RRcTVrbFU9"
             >
               <td
-                class="one wide"
+                class="center aligned one wide"
               >
                 <div
-                  class="ui input transactions-checkboxes"
+                  class="ui fitted checkbox"
                 >
                   <input
+                    class="hidden"
+                    readonly=""
+                    tabindex="0"
                     type="checkbox"
+                    value=""
                   />
+                  <label />
                 </div>
               </td>
               <td
-                class="three wide"
+                class="one wide"
+              />
+              <td
+                class="seven wide"
                 title="Added virtual_hosting"
               >
-                Added virtual_hosting
+                <div>
+                  Added
+                </div>
+                <div
+                  style="font-style: italic; color: rgb(135, 143, 147);"
+                >
+                  virtual_hosting
+                </div>
               </td>
               <td
-                class="three wide"
+                class="one wide"
+                title="Zope"
               >
                 Zope
               </td>
               <td
-                class="three wide"
+                class="two wide"
               >
-                2022-06-19T22:15:02
+                <time
+                  datetime="2022-06-19T22:15:02"
+                  title="Sunday, June 19, 2022 at 10:15 PM"
+                >
+                  Jun 19, 2022, 10:15:02 PM
+                </time>
               </td>
               <td
-                class="three wide"
+                class="one wide"
               />
             </tr>
             <tr
@@ -191,34 +272,70 @@ exports[`UndoControlpanel renders undo controlpanel component 1`] = `
               id="QStrR0RRcVh4cGs9"
             >
               <td
-                class="one wide"
+                class="center aligned one wide"
               >
                 <div
-                  class="ui input transactions-checkboxes"
+                  class="ui fitted checkbox"
                 >
                   <input
+                    class="hidden"
+                    readonly=""
+                    tabindex="0"
                     type="checkbox"
+                    value=""
                   />
+                  <label />
                 </div>
               </td>
               <td
-                class="three wide"
+                class="one wide"
+              />
+              <td
+                class="seven wide"
                 title="Added site error_log at /error_log"
               >
-                Added site error_log at /error_log
+                <div>
+                  Added
+                </div>
+                <div
+                  style="font-style: italic; color: rgb(135, 143, 147);"
+                >
+                  site
+                </div>
+                <div
+                  style="font-style: italic; color: rgb(135, 143, 147);"
+                >
+                  error_log
+                </div>
+                <div
+                  style="font-style: italic; color: rgb(135, 143, 147);"
+                >
+                  at
+                </div>
+                <div
+                  style="font-style: italic; color: rgb(135, 143, 147);"
+                >
+                  /error_log
+                </div>
               </td>
               <td
-                class="three wide"
+                class="one wide"
+                title="Zope"
               >
                 Zope
               </td>
               <td
-                class="three wide"
+                class="two wide"
               >
-                2022-06-19T22:15:02
+                <time
+                  datetime="2022-06-19T22:15:02"
+                  title="Sunday, June 19, 2022 at 10:15 PM"
+                >
+                  Jun 19, 2022, 10:15:02 PM
+                </time>
               </td>
               <td
-                class="three wide"
+                class="one wide"
               />
             </tr>
             <tr
@@ -226,34 +343,55 @@ exports[`UndoControlpanel renders undo controlpanel component 1`] = `
               id="QStrR0RRcDlFaUk9"
             >
               <td
-                class="one wide"
+                class="center aligned one wide"
               >
                 <div
-                  class="ui input transactions-checkboxes"
+                  class="ui fitted checkbox"
                 >
                   <input
+                    class="hidden"
+                    readonly=""
+                    tabindex="0"
                     type="checkbox"
+                    value=""
                   />
+                  <label />
                 </div>
               </td>
               <td
-                class="three wide"
+                class="one wide"
+              />
+              <td
+                class="seven wide"
                 title="Added session_data_manager"
               >
-                Added session_data_manager
+                <div>
+                  Added
+                </div>
+                <div
+                  style="font-style: italic; color: rgb(135, 143, 147);"
+                >
+                  session_data_manager
+                </div>
               </td>
               <td
-                class="three wide"
+                class="one wide"
+                title="Zope"
               >
                 Zope
               </td>
               <td
-                class="three wide"
+                class="two wide"
               >
-                2022-06-19T22:15:02
+                <time
+                  datetime="2022-06-19T22:15:02"
+                  title="Sunday, June 19, 2022 at 10:15 PM"
+                >
+                  Jun 19, 2022, 10:15:02 PM
+                </time>
               </td>
               <td
-                class="three wide"
+                class="one wide"
               />
             </tr>
             <tr
@@ -261,34 +399,55 @@ exports[`UndoControlpanel renders undo controlpanel component 1`] = `
               id="QStrR0RRcFU2KzQ9"
             >
               <td
-                class="one wide"
+                class="center aligned one wide"
               >
                 <div
-                  class="ui input transactions-checkboxes"
+                  class="ui fitted checkbox"
                 >
                   <input
+                    class="hidden"
+                    readonly=""
+                    tabindex="0"
                     type="checkbox"
+                    value=""
                   />
+                  <label />
                 </div>
               </td>
               <td
-                class="three wide"
+                class="one wide"
+              />
+              <td
+                class="seven wide"
                 title="Added browser_id_manager"
               >
-                Added browser_id_manager
+                <div>
+                  Added
+                </div>
+                <div
+                  style="font-style: italic; color: rgb(135, 143, 147);"
+                >
+                  browser_id_manager
+                </div>
               </td>
               <td
-                class="three wide"
+                class="one wide"
+                title="Zope"
               >
                 Zope
               </td>
               <td
-                class="three wide"
+                class="two wide"
               >
-                2022-06-19T22:15:02
+                <time
+                  datetime="2022-06-19T22:15:02"
+                  title="Sunday, June 19, 2022 at 10:15 PM"
+                >
+                  Jun 19, 2022, 10:15:02 PM
+                </time>
               </td>
               <td
-                class="three wide"
+                class="one wide"
               />
             </tr>
             <tr
@@ -296,34 +455,60 @@ exports[`UndoControlpanel renders undo controlpanel component 1`] = `
               id="QStrR0RRbUkzKzQ9"
             >
               <td
-                class="one wide"
+                class="center aligned one wide"
               >
                 <div
-                  class="ui input transactions-checkboxes"
+                  class="ui fitted checkbox"
                 >
                   <input
+                    class="hidden"
+                    readonly=""
+                    tabindex="0"
                     type="checkbox"
+                    value=""
                   />
+                  <label />
                 </div>
               </td>
               <td
-                class="three wide"
+                class="one wide"
+              />
+              <td
+                class="seven wide"
                 title="Created initial user"
               >
-                Created initial user
+                <div>
+                  Created
+                </div>
+                <div
+                  style="font-style: italic; color: rgb(135, 143, 147);"
+                >
+                  initial
+                </div>
+                <div
+                  style="font-style: italic; color: rgb(135, 143, 147);"
+                >
+                  user
+                </div>
               </td>
               <td
-                class="three wide"
+                class="one wide"
+                title="Zope"
               >
                 Zope
               </td>
               <td
-                class="three wide"
+                class="two wide"
               >
-                2022-06-19T22:15:02
+                <time
+                  datetime="2022-06-19T22:15:02"
+                  title="Sunday, June 19, 2022 at 10:15 PM"
+                >
+                  Jun 19, 2022, 10:15:02 PM
+                </time>
               </td>
               <td
-                class="three wide"
+                class="one wide"
               />
             </tr>
             <tr
@@ -331,32 +516,48 @@ exports[`UndoControlpanel renders undo controlpanel component 1`] = `
               id="QStrR0RRbEVVa1E9"
             >
               <td
-                class="one wide"
+                class="center aligned one wide"
               >
                 <div
-                  class="ui input transactions-checkboxes"
+                  class="ui fitted checkbox"
                 >
                   <input
+                    class="hidden"
+                    readonly=""
+                    tabindex="0"
                     type="checkbox"
+                    value=""
                   />
+                  <label />
                 </div>
               </td>
               <td
-                class="three wide"
-                title=""
+                class="one wide"
               />
               <td
-                class="three wide"
+                class="seven wide"
+                title=""
+              >
+                <div />
+              </td>
+              <td
+                class="one wide"
+                title="Zope"
               >
                 Zope
               </td>
               <td
-                class="three wide"
+                class="two wide"
               >
-                2022-06-19T22:15:02
+                <time
+                  datetime="2022-06-19T22:15:02"
+                  title="Sunday, June 19, 2022 at 10:15 PM"
+                >
+                  Jun 19, 2022, 10:15:02 PM
+                </time>
               </td>
               <td
-                class="three wide"
+                class="one wide"
               />
             </tr>
             <tr
@@ -364,34 +565,60 @@ exports[`UndoControlpanel renders undo controlpanel component 1`] = `
               id="QStrR0ROWlo5YW89"
             >
               <td
-                class="one wide"
+                class="center aligned one wide"
               >
                 <div
-                  class="ui input transactions-checkboxes"
+                  class="ui fitted checkbox"
                 >
                   <input
+                    class="hidden"
+                    readonly=""
+                    tabindex="0"
                     type="checkbox"
+                    value=""
                   />
+                  <label />
                 </div>
               </td>
               <td
-                class="three wide"
+                class="one wide"
+              />
+              <td
+                class="seven wide"
                 title="initial database creation"
               >
-                initial database creation
+                <div>
+                  initial
+                </div>
+                <div
+                  style="font-style: italic; color: rgb(135, 143, 147);"
+                >
+                  database
+                </div>
+                <div
+                  style="font-style: italic; color: rgb(135, 143, 147);"
+                >
+                  creation
+                </div>
               </td>
               <td
-                class="three wide"
+                class="one wide"
+                title="Zope"
               >
                 Zope
               </td>
               <td
-                class="three wide"
+                class="two wide"
               >
-                2022-06-19T22:14:50
+                <time
+                  datetime="2022-06-19T22:14:50"
+                  title="Sunday, June 19, 2022 at 10:14 PM"
+                >
+                  Jun 19, 2022, 10:14:50 PM
+                </time>
               </td>
               <td
-                class="three wide"
+                class="one wide"
               />
             </tr>
           </tbody>
@@ -406,18 +633,58 @@ exports[`UndoControlpanel renders undo controlpanel component 1`] = `
                 colspan="6"
               >
                 <div
-                  class="ui pagination menu"
+                  class="ui secondary attached menu"
                 >
-                  <a
-                    class="icon item"
-                    id="prev-button"
+                  <div
+                    class="menu"
+                  />
+                  <div
+                    class="right menu"
                   >
                     <div
-                      style="width: 36px;"
-                    />
-                  </a>
-                  <a
-                    class="icon item"
+                      class="item"
+                    >
+                      Show
+                      :
+                    </div>
+                    <a
+                      class="active item"
+                      value="20"
+                    >
+                      20
+                    </a>
+                    <a
+                      class="item"
+                      value="50"
+                    >
+                      50
+                    </a>
+                    <a
+                      class="item"
+                      value="100"
+                    >
+                      100
+                    </a>
+                    <a
+                      class="item"
+                      value="200"
+                    >
+                      200
+                    </a>
+                    <a
+                      class="item"
+                      value="500"
+                    >
+                      500
+                    </a>
+                  </div>
+                </div>
+                <div
+                  class="ui pagination menu"
+                >
+                  <button
+                    class="disabled icon item"
+                    title="Undo"
                   >
                     <svg
                       class="icon circled"
@@ -431,15 +698,7 @@ exports[`UndoControlpanel renders undo controlpanel component 1`] = `
                       </title>
                       undefined
                     </svg>
-                  </a>
-                  <a
-                    class="icon item"
-                    id="next-button"
-                  >
-                    <div
-                      style="width: 36px;"
-                    />
-                  </a>
+                  </button>
                 </div>
               </th>
             </tr>
diff --git a/packages/volto/theme/themes/pastanaga/elements/container.overrides b/packages/volto/theme/themes/pastanaga/elements/container.overrides
index 89536566c72..c779755a8fd 100644
--- a/packages/volto/theme/themes/pastanaga/elements/container.overrides
+++ b/packages/volto/theme/themes/pastanaga/elements/container.overrides
@@ -16,13 +16,26 @@
     margin-right 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045);
 }
 
-.contentWidthMedia(@width, @gutter, @offset) {
+.controlPanelContainer(@width, @toolbarsOffset, @offset) when (not(@width = auto)) {
+ &.section-controlpanel{
+    .content-area{
+      .ui.container:not(.controlpanels-container) {
+          width:  calc(90vw - @toolbarsOffset - @offset )!important;
+      }
+    }
+  }
+}
+
+.contentWidthMedia(@width, @gutter, @offset, @toolbarsOffset) {
   .ui.container {
     width: @width !important;
     margin-right: @gutter !important;
     margin-left: @gutter !important;
   }
 
+
+  .controlPanelContainer(@width,@toolbarsOffset, @offset);
+
   .drag.handle.wrapper {
     margin-left: @offset !important;
   }
@@ -34,7 +47,7 @@
 
 .contentWidth(@offset) {
   @media only screen and (max-width: @largestMobileScreen + @offset) {
-    .contentWidthMedia(@mobileWidth, @mobileGutter, -12px);
+    .contentWidthMedia(@mobileWidth, @mobileGutter, -12px, @offset);
 
     [class*='mobile hidden'],
     [class*='tablet only']:not(.mobile),
@@ -46,7 +59,7 @@
     }
   }
   @media only screen and (min-width: @tabletBreakpoint + @offset) and (max-width: @largestTabletScreen + @offset) {
-    .contentWidthMedia(@tabletWidth, @tabletGutter, -30px);
+    .contentWidthMedia(@tabletWidth, @tabletGutter, -30px, @offset);
 
     [class*='mobile only']:not(.tablet),
     [class*='tablet hidden'],
@@ -58,7 +71,7 @@
     }
   }
   @media only screen and (min-width: @computerBreakpoint + @offset) and (max-width: @largestSmallMonitor + @offset) {
-    .contentWidthMedia(@computerWidth, @computerGutter, -30px);
+    .contentWidthMedia(@computerWidth, @computerGutter, -30px, @offset);
 
     [class*='mobile only']:not(.computer),
     [class*='tablet only']:not(.computer),
@@ -70,7 +83,7 @@
     }
   }
   @media only screen and (min-width: @largeMonitorBreakpoint + @offset) {
-    .contentWidthMedia(@largeMonitorWidth, @largeMonitorGutter, -30px);
+    .contentWidthMedia(@largeMonitorWidth, @largeMonitorGutter, -30px, @offset);
 
     [class*='mobile only']:not([class*='large screen']),
     [class*='tablet only']:not([class*='large screen']),
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index ae6dfec91f9..b3abde2eef0 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -497,7 +497,7 @@ importers:
         version: 17.1.1(typescript@5.6.3)
       tsup:
         specifier: ^8.3.5
-        version: 8.3.5(@microsoft/api-extractor@7.43.0(@types/node@20.12.7))(@swc/core@1.4.16)(jiti@1.21.6)(postcss@8.4.47)(tsx@4.19.1)(typescript@5.6.3)
+        version: 8.3.5(@microsoft/api-extractor@7.43.0(@types/node@20.12.7))(@swc/core@1.4.16(@swc/helpers@0.5.10))(jiti@1.21.6)(postcss@8.4.47)(tsx@4.19.1)(typescript@5.6.3)
       typescript:
         specifier: ^5.6.3
         version: 5.6.3
@@ -527,7 +527,7 @@ importers:
         version: 3.12.0(react@18.2.0)
       '@storybook/test':
         specifier: ^8.0.4
-        version: 8.0.8(@jest/globals@29.7.0)(@types/jest@29.5.12)(jest@29.7.0(@types/node@20.12.7))(vitest@2.1.3(@types/node@20.12.7)(jsdom@22.1.0)(less@3.11.1)(lightningcss@1.24.1)(sass@1.75.0)(terser@5.30.3))
+        version: 8.0.8(@jest/globals@29.7.0)(@types/jest@29.5.12)(jest@29.7.0(@types/node@20.12.7)(babel-plugin-macros@3.1.0)(node-notifier@8.0.2))(vitest@2.1.3(@types/node@20.12.7)(jsdom@22.1.0)(less@3.11.1)(lightningcss@1.24.1)(sass@1.75.0)(terser@5.30.3))
       clsx:
         specifier: ^2.1.1
         version: 2.1.1
@@ -555,7 +555,7 @@ importers:
         version: 8.0.8(@types/react@18.2.79)(encoding@0.1.13)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
       '@storybook/addon-interactions':
         specifier: ^8.0.4
-        version: 8.0.8(@jest/globals@29.7.0)(@types/jest@29.5.12)(jest@29.7.0(@types/node@20.12.7))(vitest@2.1.3(@types/node@20.12.7)(jsdom@22.1.0)(less@3.11.1)(lightningcss@1.24.1)(sass@1.75.0)(terser@5.30.3))
+        version: 8.0.8(@jest/globals@29.7.0)(@types/jest@29.5.12)(jest@29.7.0(@types/node@20.12.7)(babel-plugin-macros@3.1.0)(node-notifier@8.0.2))(vitest@2.1.3(@types/node@20.12.7)(jsdom@22.1.0)(less@3.11.1)(lightningcss@1.24.1)(sass@1.75.0)(terser@5.30.3))
       '@storybook/addon-links':
         specifier: ^8.0.4
         version: 8.0.8(react@18.2.0)
@@ -573,13 +573,13 @@ importers:
         version: 8.0.8(encoding@0.1.13)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(typescript@5.6.3)
       '@storybook/react-vite':
         specifier: ^8.0.4
-        version: 8.0.8(@preact/preset-vite@2.8.2(@babel/core@7.25.8)(vite@5.4.8(@types/node@20.12.7)(less@3.11.1)(lightningcss@1.24.1)(sass@1.75.0)(terser@5.30.3)))(encoding@0.1.13)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(rollup@4.24.0)(typescript@5.6.3)(vite@5.4.8(@types/node@20.12.7)(less@3.11.1)(lightningcss@1.24.1)(sass@1.75.0)(terser@5.30.3))
+        version: 8.0.8(@preact/preset-vite@2.8.2(@babel/core@7.25.8)(preact@10.25.4)(vite@5.4.8(@types/node@20.12.7)(less@3.11.1)(lightningcss@1.24.1)(sass@1.75.0)(terser@5.30.3)))(encoding@0.1.13)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(rollup@4.24.0)(typescript@5.6.3)(vite@5.4.8(@types/node@20.12.7)(less@3.11.1)(lightningcss@1.24.1)(sass@1.75.0)(terser@5.30.3))
       '@storybook/theming':
         specifier: ^8.0.4
         version: 8.0.8(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
       '@testing-library/jest-dom':
         specifier: 6.4.2
-        version: 6.4.2(@jest/globals@29.7.0)(@types/jest@29.5.12)(jest@29.7.0(@types/node@20.12.7))(vitest@2.1.3(@types/node@20.12.7)(jsdom@22.1.0)(less@3.11.1)(lightningcss@1.24.1)(sass@1.75.0)(terser@5.30.3))
+        version: 6.4.2(@jest/globals@29.7.0)(@types/jest@29.5.12)(jest@29.7.0(@types/node@20.12.7)(babel-plugin-macros@3.1.0)(node-notifier@8.0.2))(vitest@2.1.3(@types/node@20.12.7)(jsdom@22.1.0)(less@3.11.1)(lightningcss@1.24.1)(sass@1.75.0)(terser@5.30.3))
       '@testing-library/react':
         specifier: 14.2.1
         version: 14.2.1(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
@@ -624,7 +624,7 @@ importers:
         version: 8.0.8(@babel/preset-env@7.24.4(@babel/core@7.25.8))(encoding@0.1.13)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
       tsup:
         specifier: ^8.3.5
-        version: 8.3.5(@microsoft/api-extractor@7.43.0(@types/node@20.12.7))(@swc/core@1.4.16)(jiti@1.21.6)(postcss@8.4.47)(tsx@4.19.1)(typescript@5.6.3)
+        version: 8.3.5(@microsoft/api-extractor@7.43.0(@types/node@20.12.7))(@swc/core@1.4.16(@swc/helpers@0.5.10))(jiti@1.21.6)(postcss@8.4.47)(tsx@4.19.1)(typescript@5.6.3)
       typescript:
         specifier: ^5.6.3
         version: 5.6.3
@@ -762,7 +762,7 @@ importers:
         version: link:../tsconfig
       tsup:
         specifier: ^8.3.5
-        version: 8.3.5(@microsoft/api-extractor@7.43.0(@types/node@20.12.7))(@swc/core@1.4.16)(jiti@1.21.6)(postcss@8.4.47)(tsx@4.19.1)(typescript@5.6.3)
+        version: 8.3.5(@microsoft/api-extractor@7.43.0(@types/node@20.12.7))(@swc/core@1.4.16(@swc/helpers@0.5.10))(jiti@1.21.6)(postcss@8.4.47)(tsx@4.19.1)(typescript@5.6.3)
       typescript:
         specifier: ^5.6.3
         version: 5.6.3
@@ -814,7 +814,7 @@ importers:
         version: link:../tsconfig
       tsup:
         specifier: ^8.3.5
-        version: 8.3.5(@microsoft/api-extractor@7.43.0(@types/node@20.12.7))(@swc/core@1.4.16)(jiti@1.21.6)(postcss@8.4.47)(tsx@4.19.1)(typescript@5.6.3)
+        version: 8.3.5(@microsoft/api-extractor@7.43.0(@types/node@20.12.7))(@swc/core@1.4.16(@swc/helpers@0.5.10))(jiti@1.21.6)(postcss@8.4.47)(tsx@4.19.1)(typescript@5.6.3)
       typescript:
         specifier: ^5.6.3
         version: 5.6.3
@@ -881,7 +881,7 @@ importers:
         version: link:../tsconfig
       tsup:
         specifier: ^8.3.5
-        version: 8.3.5(@microsoft/api-extractor@7.43.0(@types/node@20.12.7))(@swc/core@1.4.16)(jiti@1.21.6)(postcss@8.4.47)(tsx@4.19.1)(typescript@5.6.3)
+        version: 8.3.5(@microsoft/api-extractor@7.43.0(@types/node@20.12.7))(@swc/core@1.4.16(@swc/helpers@0.5.10))(jiti@1.21.6)(postcss@8.4.47)(tsx@4.19.1)(typescript@5.6.3)
       typescript:
         specifier: ^5.6.3
         version: 5.6.3
@@ -976,7 +976,7 @@ importers:
         version: 8.0.8(@types/react@18.2.79)(encoding@0.1.13)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
       '@storybook/addon-interactions':
         specifier: ^8.0.4
-        version: 8.0.8(@jest/globals@29.7.0)(@types/jest@29.5.12)(jest@29.7.0(@types/node@20.12.7))(vitest@2.1.3(@types/node@20.12.7)(jsdom@22.1.0)(less@3.11.1)(lightningcss@1.28.1)(sass@1.75.0)(terser@5.30.3))
+        version: 8.0.8(vitest@2.1.3(@types/node@20.12.7)(jsdom@22.1.0)(less@3.11.1)(lightningcss@1.28.1)(sass@1.75.0)(terser@5.30.3))
       '@storybook/addon-links':
         specifier: ^8.0.4
         version: 8.0.8(react@18.2.0)
@@ -994,7 +994,7 @@ importers:
         version: 8.0.8(encoding@0.1.13)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(typescript@5.6.3)
       '@storybook/react-vite':
         specifier: ^8.0.4
-        version: 8.0.8(@preact/preset-vite@2.8.2(@babel/core@7.25.8)(vite@5.4.9(@types/node@20.12.7)(less@3.11.1)(lightningcss@1.28.1)(sass@1.75.0)(terser@5.30.3)))(encoding@0.1.13)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(rollup@4.24.0)(typescript@5.6.3)(vite@5.4.9(@types/node@20.12.7)(less@3.11.1)(lightningcss@1.28.1)(sass@1.75.0)(terser@5.30.3))
+        version: 8.0.8(@preact/preset-vite@2.8.2(@babel/core@7.25.8)(preact@10.25.4)(vite@5.4.9(@types/node@20.12.7)(less@3.11.1)(lightningcss@1.28.1)(sass@1.75.0)(terser@5.30.3)))(encoding@0.1.13)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(rollup@4.24.0)(typescript@5.6.3)(vite@5.4.9(@types/node@20.12.7)(less@3.11.1)(lightningcss@1.28.1)(sass@1.75.0)(terser@5.30.3))
       '@storybook/theming':
         specifier: ^8.0.4
         version: 8.0.8(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
@@ -1061,7 +1061,7 @@ importers:
         version: 8.0.8(@types/react@18.3.12)(encoding@0.1.13)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
       '@storybook/addon-interactions':
         specifier: ^8.0.4
-        version: 8.0.8(@jest/globals@29.7.0)(@types/jest@29.5.12)(jest@29.7.0(@types/node@20.12.7))(vitest@2.1.3(@types/node@20.12.7)(jsdom@22.1.0)(less@3.11.1)(lightningcss@1.28.1)(sass@1.75.0)(terser@5.30.3))
+        version: 8.0.8(vitest@2.1.3(@types/node@20.12.7)(jsdom@22.1.0)(less@3.11.1)(lightningcss@1.28.1)(sass@1.75.0)(terser@5.30.3))
       '@storybook/addon-links':
         specifier: ^8.0.4
         version: 8.0.8(react@18.2.0)
@@ -1079,7 +1079,7 @@ importers:
         version: 8.0.8(encoding@0.1.13)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(typescript@5.6.3)
       '@storybook/react-vite':
         specifier: ^8.0.4
-        version: 8.0.8(@preact/preset-vite@2.8.2(@babel/core@7.25.8)(vite@5.4.9(@types/node@20.12.7)(less@3.11.1)(lightningcss@1.28.1)(sass@1.75.0)(terser@5.30.3)))(encoding@0.1.13)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(rollup@4.24.0)(typescript@5.6.3)(vite@5.4.9(@types/node@20.12.7)(less@3.11.1)(lightningcss@1.28.1)(sass@1.75.0)(terser@5.30.3))
+        version: 8.0.8(@preact/preset-vite@2.8.2(@babel/core@7.25.8)(preact@10.25.4)(vite@5.4.9(@types/node@20.12.7)(less@3.11.1)(lightningcss@1.28.1)(sass@1.75.0)(terser@5.30.3)))(encoding@0.1.13)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(rollup@4.24.0)(typescript@5.6.3)(vite@5.4.9(@types/node@20.12.7)(less@3.11.1)(lightningcss@1.28.1)(sass@1.75.0)(terser@5.30.3))
       '@storybook/theming':
         specifier: ^8.0.4
         version: 8.0.8(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
@@ -1478,7 +1478,7 @@ importers:
         version: 5.13.2(@babel/core@7.24.4)
       '@loadable/webpack-plugin':
         specifier: 5.15.2
-        version: 5.15.2(webpack@5.90.1(esbuild@0.20.2))
+        version: 5.15.2(webpack@5.90.1)
       '@plone/types':
         specifier: workspace:*
         version: link:../types
@@ -1505,13 +1505,13 @@ importers:
         version: 8.0.8(react@18.2.0)
       '@storybook/addon-webpack5-compiler-babel':
         specifier: ^3.0.3
-        version: 3.0.3(webpack@5.90.1(esbuild@0.20.2))
+        version: 3.0.3(webpack@5.90.1)
       '@storybook/react':
         specifier: ^8.0.4
         version: 8.0.8(encoding@0.1.13)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(typescript@5.6.3)
       '@storybook/react-webpack5':
         specifier: ^8.0.4
-        version: 8.0.8(encoding@0.1.13)(esbuild@0.20.2)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(typescript@5.6.3)
+        version: 8.0.8(encoding@0.1.13)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(typescript@5.6.3)
       '@storybook/theming':
         specifier: ^8.0.4
         version: 8.0.8(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
@@ -1568,7 +1568,7 @@ importers:
         version: 4.4.2
       babel-loader:
         specifier: 9.1.0
-        version: 9.1.0(@babel/core@7.24.4)(webpack@5.90.1(esbuild@0.20.2))
+        version: 9.1.0(@babel/core@7.24.4)(webpack@5.90.1)
       babel-plugin-add-module-exports:
         specifier: 0.2.1
         version: 0.2.1
@@ -1589,10 +1589,10 @@ importers:
         version: 0.3.3(debug@4.3.2)
       circular-dependency-plugin:
         specifier: 5.2.2
-        version: 5.2.2(webpack@5.90.1(esbuild@0.20.2))
+        version: 5.2.2(webpack@5.90.1)
       css-loader:
         specifier: 5.2.7
-        version: 5.2.7(webpack@5.90.1(esbuild@0.20.2))
+        version: 5.2.7(webpack@5.90.1)
       cypress:
         specifier: 13.13.2
         version: 13.13.2
@@ -1613,16 +1613,16 @@ importers:
         version: 9.1.0(eslint@8.57.0)
       eslint-config-react-app:
         specifier: ^7.0.1
-        version: 7.0.1(@babel/plugin-syntax-flow@7.24.1(@babel/core@7.24.4))(@babel/plugin-transform-react-jsx@7.23.4(@babel/core@7.24.4))(eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@7.7.0(eslint@8.57.0)(typescript@5.6.3))(eslint-plugin-import@2.29.1)(eslint@8.57.0))(eslint@8.57.0)(jest@26.6.3)(typescript@5.6.3)
+        version: 7.0.1(@babel/plugin-syntax-flow@7.24.1(@babel/core@7.24.4))(@babel/plugin-transform-react-jsx@7.23.4(@babel/core@7.24.4))(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0)(jest@26.6.3)(typescript@5.6.3)
       eslint-import-resolver-alias:
         specifier: ^1.1.2
-        version: 1.1.2(eslint-plugin-import@2.29.1(@typescript-eslint/parser@7.7.0(eslint@8.57.0)(typescript@5.6.3))(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0))
+        version: 1.1.2(eslint-plugin-import@2.29.1)
       eslint-import-resolver-babel-plugin-root-import:
         specifier: ^1.1.1
-        version: 1.1.1(babel-plugin-root-import@6.1.0)(eslint-plugin-import@2.29.1(@typescript-eslint/parser@7.7.0(eslint@8.57.0)(typescript@5.6.3))(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0))
+        version: 1.1.1(babel-plugin-root-import@6.1.0)(eslint-plugin-import@2.29.1)
       eslint-import-resolver-typescript:
         specifier: ^3.6.1
-        version: 3.6.1(@typescript-eslint/parser@7.7.0(eslint@8.57.0)(typescript@5.6.3))(eslint-plugin-import@2.29.1)(eslint@8.57.0)
+        version: 3.6.1(@typescript-eslint/parser@7.7.0(eslint@8.57.0)(typescript@5.6.3))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.1(@typescript-eslint/parser@7.7.0(eslint@8.57.0)(typescript@5.6.3))(eslint@8.57.0))(eslint@8.57.0)
       eslint-plugin-import:
         specifier: ^2.29.1
         version: 2.29.1(@typescript-eslint/parser@7.7.0(eslint@8.57.0)(typescript@5.6.3))(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0)
@@ -1643,7 +1643,7 @@ importers:
         version: 1.4.0
       html-webpack-plugin:
         specifier: 5.5.0
-        version: 5.5.0(webpack@5.90.1(esbuild@0.20.2))
+        version: 5.5.0(webpack@5.90.1)
       identity-obj-proxy:
         specifier: 3.0.0
         version: 3.0.0
@@ -1667,16 +1667,16 @@ importers:
         version: 3.11.1
       less-loader:
         specifier: 11.1.0
-        version: 11.1.0(less@3.11.1)(webpack@5.90.1(esbuild@0.20.2))
+        version: 11.1.0(less@3.11.1)(webpack@5.90.1)
       lodash-webpack-plugin:
         specifier: 0.11.6
-        version: 0.11.6(webpack@5.90.1(esbuild@0.20.2))
+        version: 0.11.6(webpack@5.90.1)
       mini-css-extract-plugin:
         specifier: 2.7.2
-        version: 2.7.2(webpack@5.90.1(esbuild@0.20.2))
+        version: 2.7.2(webpack@5.90.1)
       moment-locales-webpack-plugin:
         specifier: 1.2.0
-        version: 1.2.0(moment@2.29.4)(webpack@5.90.1(esbuild@0.20.2))
+        version: 1.2.0(moment@2.29.4)(webpack@5.90.1)
       postcss:
         specifier: 8.4.31
         version: 8.4.31
@@ -1691,7 +1691,7 @@ importers:
         version: 3.1.4(postcss@8.4.31)
       postcss-loader:
         specifier: 7.0.2
-        version: 7.0.2(postcss@8.4.31)(webpack@5.90.1(esbuild@0.20.2))
+        version: 7.0.2(postcss@8.4.31)(webpack@5.90.1)
       postcss-overrides:
         specifier: 3.1.4
         version: 3.1.4
@@ -1703,16 +1703,16 @@ importers:
         version: 3.2.5
       razzle:
         specifier: 4.2.18
-        version: 4.2.18(@babel/core@7.24.4)(babel-preset-razzle@4.2.18)(eslint@8.57.0)(html-webpack-plugin@5.5.0(webpack@5.90.1(esbuild@0.20.2)))(mini-css-extract-plugin@2.7.2(webpack@5.90.1(esbuild@0.20.2)))(razzle-dev-utils@4.2.18(eslint@8.57.0)(typescript@5.6.3)(vue-template-compiler@2.7.16)(webpack-dev-server@4.11.1(debug@4.3.2)(webpack@5.90.1(esbuild@0.20.2)))(webpack@5.90.1(esbuild@0.20.2)))(sockjs-client@1.4.0)(type-fest@3.13.1)(typescript@5.6.3)(vue-template-compiler@2.7.16)(webpack-dev-server@4.11.1(debug@4.3.2)(webpack@5.90.1(esbuild@0.20.2)))(webpack-hot-middleware@2.26.1)(webpack@5.90.1(esbuild@0.20.2))
+        version: 4.2.18(@babel/core@7.24.4)(babel-preset-razzle@4.2.18)(eslint@8.57.0)(html-webpack-plugin@5.5.0(webpack@5.90.1))(mini-css-extract-plugin@2.7.2(webpack@5.90.1))(razzle-dev-utils@4.2.18(eslint@8.57.0)(typescript@5.6.3)(vue-template-compiler@2.7.16)(webpack-dev-server@4.11.1(debug@4.3.2)(webpack@5.90.1))(webpack@5.90.1))(sockjs-client@1.4.0)(type-fest@3.13.1)(typescript@5.6.3)(vue-template-compiler@2.7.16)(webpack-dev-server@4.11.1(debug@4.3.2)(webpack@5.90.1))(webpack-hot-middleware@2.26.1)(webpack@5.90.1)
       razzle-dev-utils:
         specifier: 4.2.18
-        version: 4.2.18(eslint@8.57.0)(typescript@5.6.3)(vue-template-compiler@2.7.16)(webpack-dev-server@4.11.1(debug@4.3.2)(webpack@5.90.1(esbuild@0.20.2)))(webpack@5.90.1(esbuild@0.20.2))
+        version: 4.2.18(eslint@8.57.0)(typescript@5.6.3)(vue-template-compiler@2.7.16)(webpack-dev-server@4.11.1(debug@4.3.2)(webpack@5.90.1))(webpack@5.90.1)
       razzle-plugin-scss:
         specifier: 4.2.18
-        version: 4.2.18(mini-css-extract-plugin@2.7.2(webpack@5.90.1(esbuild@0.20.2)))(postcss@8.4.31)(razzle-dev-utils@4.2.18(eslint@8.57.0)(typescript@5.6.3)(vue-template-compiler@2.7.16)(webpack-dev-server@4.11.1(debug@4.3.2)(webpack@5.90.1(esbuild@0.20.2)))(webpack@5.90.1(esbuild@0.20.2)))(razzle@4.2.18(@babel/core@7.24.4)(babel-preset-razzle@4.2.18)(eslint@8.57.0)(html-webpack-plugin@5.5.0(webpack@5.90.1(esbuild@0.20.2)))(mini-css-extract-plugin@2.7.2(webpack@5.90.1(esbuild@0.20.2)))(razzle-dev-utils@4.2.18(eslint@8.57.0)(typescript@5.6.3)(vue-template-compiler@2.7.16)(webpack-dev-server@4.11.1(debug@4.3.2)(webpack@5.90.1(esbuild@0.20.2)))(webpack@5.90.1(esbuild@0.20.2)))(sockjs-client@1.4.0)(type-fest@3.13.1)(typescript@5.6.3)(vue-template-compiler@2.7.16)(webpack-dev-server@4.11.1(debug@4.3.2)(webpack@5.90.1(esbuild@0.20.2)))(webpack-hot-middleware@2.26.1)(webpack@5.90.1(esbuild@0.20.2)))(webpack@5.90.1(esbuild@0.20.2))
+        version: 4.2.18(mini-css-extract-plugin@2.7.2(webpack@5.90.1))(postcss@8.4.31)(razzle-dev-utils@4.2.18(eslint@8.57.0)(typescript@5.6.3)(vue-template-compiler@2.7.16)(webpack-dev-server@4.11.1(debug@4.3.2)(webpack@5.90.1))(webpack@5.90.1))(razzle@4.2.18(@babel/core@7.24.4)(babel-preset-razzle@4.2.18)(eslint@8.57.0)(html-webpack-plugin@5.5.0(webpack@5.90.1))(mini-css-extract-plugin@2.7.2(webpack@5.90.1))(razzle-dev-utils@4.2.18(eslint@8.57.0)(typescript@5.6.3)(vue-template-compiler@2.7.16)(webpack-dev-server@4.11.1(debug@4.3.2)(webpack@5.90.1))(webpack@5.90.1))(sockjs-client@1.4.0)(type-fest@3.13.1)(typescript@5.6.3)(vue-template-compiler@2.7.16)(webpack-dev-server@4.11.1(debug@4.3.2)(webpack@5.90.1))(webpack-hot-middleware@2.26.1)(webpack@5.90.1))(webpack@5.90.1)
       react-docgen-typescript-plugin:
         specifier: ^1.0.5
-        version: 1.0.6(typescript@5.6.3)(webpack@5.90.1(esbuild@0.20.2))
+        version: 1.0.6(typescript@5.6.3)(webpack@5.90.1)
       react-error-overlay:
         specifier: 6.0.9
         version: 6.0.9
@@ -1730,10 +1730,10 @@ importers:
         version: 1.14.0
       storybook:
         specifier: ^8.0.4
-        version: 8.0.8(@babel/preset-env@7.24.4(@babel/core@7.25.8))(encoding@0.1.13)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
+        version: 8.0.8(@babel/preset-env@7.24.4(@babel/core@7.24.4))(encoding@0.1.13)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
       style-loader:
         specifier: 3.3.1
-        version: 3.3.1(webpack@5.90.1(esbuild@0.20.2))
+        version: 3.3.1(webpack@5.90.1)
       stylelint:
         specifier: ^16.3.1
         version: 16.3.1(typescript@5.6.3)
@@ -1751,7 +1751,7 @@ importers:
         version: 3.0.3
       terser-webpack-plugin:
         specifier: 5.3.6
-        version: 5.3.6(esbuild@0.20.2)(webpack@5.90.1(esbuild@0.20.2))
+        version: 5.3.6(webpack@5.90.1)
       tmp:
         specifier: 0.2.1
         version: 0.2.1
@@ -1760,7 +1760,7 @@ importers:
         version: 26.5.6(jest@26.6.3)(typescript@5.6.3)
       ts-loader:
         specifier: 9.4.4
-        version: 9.4.4(typescript@5.6.3)(webpack@5.90.1(esbuild@0.20.2))
+        version: 9.4.4(typescript@5.6.3)(webpack@5.90.1)
       typescript:
         specifier: ^5.6.3
         version: 5.6.3
@@ -1772,13 +1772,13 @@ importers:
         version: 6.0.0(debug@4.3.2)
       webpack:
         specifier: 5.90.1
-        version: 5.90.1(esbuild@0.20.2)
+        version: 5.90.1
       webpack-bundle-analyzer:
         specifier: 4.10.1
         version: 4.10.1
       webpack-dev-server:
         specifier: 4.11.1
-        version: 4.11.1(debug@4.3.2)(webpack@5.90.1(esbuild@0.20.2))
+        version: 4.11.1(debug@4.3.2)(webpack@5.90.1)
       webpack-node-externals:
         specifier: 3.0.0
         version: 3.0.0
@@ -1872,7 +1872,7 @@ importers:
         version: 10.0.1(cypress@13.13.2)
       '@testing-library/jest-dom':
         specifier: 6.4.2
-        version: 6.4.2(@jest/globals@29.7.0)(@types/jest@29.5.12)(jest@29.7.0(@types/node@20.12.7))(vitest@2.1.3(@types/node@20.12.7)(jsdom@22.1.0)(less@3.11.1)(lightningcss@1.28.1)(sass@1.75.0)(terser@5.30.3))
+        version: 6.4.2(@jest/globals@29.7.0)(@types/jest@29.5.12)(jest@29.7.0(@types/node@20.12.7)(babel-plugin-macros@3.1.0)(node-notifier@8.0.2))(vitest@2.1.3(@types/node@20.12.7)(jsdom@22.1.0)(less@3.11.1)(lightningcss@1.28.1)(sass@1.75.0)(terser@5.30.3))
       '@testing-library/react':
         specifier: 12.1.5
         version: 12.1.5(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
@@ -14040,6 +14040,9 @@ packages:
     resolution: {integrity: sha512-56rxCq7G/XfB4EkXq9Egn5GCqugWvDFjafDOThIdMBsI15iqPqR5r15TfSr1YPYeEI19YeaXMCbY6u88Y76GLQ==}
     engines: {node: ^10 || ^12 || >=14}
 
+  preact@10.25.4:
+    resolution: {integrity: sha512-jLdZDb+Q+odkHJ+MpW/9U5cODzqnB+fy2EiHSZES7ldV5LK7yjlVzTp7R8Xy6W6y75kfK8iWYtFVH7lvjwrCMA==}
+
   preferred-pm@3.1.3:
     resolution: {integrity: sha512-MkXsENfftWSRpzCzImcp4FRsCc3y1opwB73CfCNWyzMqArju2CrlMHlqB7VexKiPEOjGMbttv1r9fSCn5S610w==}
     engines: {node: '>=10'}
@@ -17807,6 +17810,15 @@ snapshots:
       '@babel/helper-split-export-declaration': 7.22.6
       '@babel/helper-validator-identifier': 7.25.7
 
+  '@babel/helper-module-transforms@7.23.3(@babel/core@7.25.8)':
+    dependencies:
+      '@babel/core': 7.25.8
+      '@babel/helper-environment-visitor': 7.22.20
+      '@babel/helper-module-imports': 7.24.3
+      '@babel/helper-simple-access': 7.22.5
+      '@babel/helper-split-export-declaration': 7.22.6
+      '@babel/helper-validator-identifier': 7.25.7
+
   '@babel/helper-module-transforms@7.25.7(@babel/core@7.24.4)':
     dependencies:
       '@babel/core': 7.24.4
@@ -18225,6 +18237,11 @@ snapshots:
       '@babel/core': 7.24.4
       '@babel/helper-plugin-utils': 7.24.0
 
+  '@babel/plugin-syntax-jsx@7.24.1(@babel/core@7.25.8)':
+    dependencies:
+      '@babel/core': 7.25.8
+      '@babel/helper-plugin-utils': 7.24.0
+
   '@babel/plugin-syntax-jsx@7.25.7(@babel/core@7.24.4)':
     dependencies:
       '@babel/core': 7.24.4
@@ -18325,6 +18342,11 @@ snapshots:
       '@babel/core': 7.24.4
       '@babel/helper-plugin-utils': 7.24.0
 
+  '@babel/plugin-syntax-typescript@7.24.1(@babel/core@7.25.8)':
+    dependencies:
+      '@babel/core': 7.25.8
+      '@babel/helper-plugin-utils': 7.24.0
+
   '@babel/plugin-syntax-typescript@7.25.7(@babel/core@7.25.8)':
     dependencies:
       '@babel/core': 7.25.8
@@ -18340,7 +18362,7 @@ snapshots:
     dependencies:
       '@babel/core': 7.25.8
       '@babel/helper-create-regexp-features-plugin': 7.22.15(@babel/core@7.25.8)
-      '@babel/helper-plugin-utils': 7.24.0
+      '@babel/helper-plugin-utils': 7.25.7
 
   '@babel/plugin-transform-arrow-functions@7.24.1(@babel/core@7.24.4)':
     dependencies:
@@ -18634,11 +18656,9 @@ snapshots:
   '@babel/plugin-transform-modules-commonjs@7.24.1(@babel/core@7.25.8)':
     dependencies:
       '@babel/core': 7.25.8
-      '@babel/helper-module-transforms': 7.25.7(@babel/core@7.25.8)
-      '@babel/helper-plugin-utils': 7.25.7
-      '@babel/helper-simple-access': 7.25.7
-    transitivePeerDependencies:
-      - supports-color
+      '@babel/helper-module-transforms': 7.23.3(@babel/core@7.25.8)
+      '@babel/helper-plugin-utils': 7.24.0
+      '@babel/helper-simple-access': 7.22.5
 
   '@babel/plugin-transform-modules-systemjs@7.24.1(@babel/core@7.24.4)':
     dependencies:
@@ -19005,8 +19025,8 @@ snapshots:
       '@babel/core': 7.25.8
       '@babel/helper-annotate-as-pure': 7.22.5
       '@babel/helper-create-class-features-plugin': 7.24.4(@babel/core@7.25.8)
-      '@babel/helper-plugin-utils': 7.25.7
-      '@babel/plugin-syntax-typescript': 7.25.7(@babel/core@7.25.8)
+      '@babel/helper-plugin-utils': 7.24.0
+      '@babel/plugin-syntax-typescript': 7.24.1(@babel/core@7.25.8)
 
   '@babel/plugin-transform-unicode-escapes@7.24.1(@babel/core@7.24.4)':
     dependencies:
@@ -19277,19 +19297,15 @@ snapshots:
       '@babel/plugin-syntax-jsx': 7.24.1(@babel/core@7.24.4)
       '@babel/plugin-transform-modules-commonjs': 7.24.1(@babel/core@7.24.4)
       '@babel/plugin-transform-typescript': 7.24.4(@babel/core@7.24.4)
-    transitivePeerDependencies:
-      - supports-color
 
   '@babel/preset-typescript@7.24.1(@babel/core@7.25.8)':
     dependencies:
       '@babel/core': 7.25.8
-      '@babel/helper-plugin-utils': 7.25.7
-      '@babel/helper-validator-option': 7.25.7
-      '@babel/plugin-syntax-jsx': 7.25.7(@babel/core@7.25.8)
+      '@babel/helper-plugin-utils': 7.24.0
+      '@babel/helper-validator-option': 7.23.5
+      '@babel/plugin-syntax-jsx': 7.24.1(@babel/core@7.25.8)
       '@babel/plugin-transform-modules-commonjs': 7.24.1(@babel/core@7.25.8)
       '@babel/plugin-transform-typescript': 7.24.4(@babel/core@7.25.8)
-    transitivePeerDependencies:
-      - supports-color
 
   '@babel/register@7.23.7(@babel/core@7.25.8)':
     dependencies:
@@ -20146,10 +20162,10 @@ snapshots:
       - ts-node
       - utf-8-validate
 
-  '@jest/core@29.7.0':
+  '@jest/core@29.7.0(babel-plugin-macros@3.1.0)(node-notifier@8.0.2)':
     dependencies:
       '@jest/console': 29.7.0
-      '@jest/reporters': 29.7.0
+      '@jest/reporters': 29.7.0(node-notifier@8.0.2)
       '@jest/test-result': 29.7.0
       '@jest/transform': 29.7.0
       '@jest/types': 29.6.3
@@ -20160,7 +20176,7 @@ snapshots:
       exit: 0.1.2
       graceful-fs: 4.2.11
       jest-changed-files: 29.7.0
-      jest-config: 29.7.0(@types/node@20.12.7)
+      jest-config: 29.7.0(@types/node@20.12.7)(babel-plugin-macros@3.1.0)
       jest-haste-map: 29.7.0
       jest-message-util: 29.7.0
       jest-regex-util: 29.6.3
@@ -20176,6 +20192,8 @@ snapshots:
       pretty-format: 29.7.0
       slash: 3.0.0
       strip-ansi: 6.0.1
+    optionalDependencies:
+      node-notifier: 8.0.2
     transitivePeerDependencies:
       - babel-plugin-macros
       - supports-color
@@ -20271,7 +20289,7 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@jest/reporters@29.7.0':
+  '@jest/reporters@29.7.0(node-notifier@8.0.2)':
     dependencies:
       '@bcoe/v8-coverage': 0.2.3
       '@jest/console': 29.7.0
@@ -20297,6 +20315,8 @@ snapshots:
       string-length: 4.0.2
       strip-ansi: 6.0.1
       v8-to-istanbul: 9.3.0
+    optionalDependencies:
+      node-notifier: 8.0.2
     transitivePeerDependencies:
       - supports-color
     optional: true
@@ -20505,10 +20525,10 @@ snapshots:
       lodash: 4.17.21
       react: 18.2.0
 
-  '@loadable/webpack-plugin@5.15.2(webpack@5.90.1(esbuild@0.20.2))':
+  '@loadable/webpack-plugin@5.15.2(webpack@5.90.1)':
     dependencies:
       make-dir: 3.1.0
-      webpack: 5.90.1(esbuild@0.20.2)
+      webpack: 5.90.1
 
   '@mapbox/node-pre-gyp@1.0.11(encoding@0.1.13)':
     dependencies:
@@ -21118,7 +21138,7 @@ snapshots:
 
   '@pkgr/core@0.1.1': {}
 
-  '@pmmmwh/react-refresh-webpack-plugin@0.5.11(react-refresh@0.14.0)(sockjs-client@1.4.0)(type-fest@3.13.1)(webpack-dev-server@4.11.1(debug@4.3.2)(webpack@5.90.1(esbuild@0.20.2)))(webpack-hot-middleware@2.26.1)(webpack@5.90.1(esbuild@0.20.2))':
+  '@pmmmwh/react-refresh-webpack-plugin@0.5.11(react-refresh@0.14.0)(sockjs-client@1.4.0)(type-fest@3.13.1)(webpack-dev-server@4.11.1(debug@4.3.2)(webpack@5.90.1))(webpack-hot-middleware@2.26.1)(webpack@5.90.1)':
     dependencies:
       ansi-html-community: 0.0.8
       common-path-prefix: 3.0.0
@@ -21130,11 +21150,11 @@ snapshots:
       react-refresh: 0.14.0
       schema-utils: 3.3.0
       source-map: 0.7.4
-      webpack: 5.90.1(esbuild@0.20.2)
+      webpack: 5.90.1
     optionalDependencies:
       sockjs-client: 1.4.0
       type-fest: 3.13.1
-      webpack-dev-server: 4.11.1(debug@4.3.2)(webpack@5.90.1(esbuild@0.20.2))
+      webpack-dev-server: 4.11.1(debug@4.3.2)(webpack@5.90.1)
       webpack-hot-middleware: 2.26.1
 
   '@pnpm/config.env-replace@1.1.0': {}
@@ -21153,12 +21173,12 @@ snapshots:
 
   '@popperjs/core@2.11.8': {}
 
-  '@preact/preset-vite@2.8.2(@babel/core@7.25.8)(vite@5.4.8(@types/node@20.12.7)(less@3.11.1)(lightningcss@1.24.1)(sass@1.75.0)(terser@5.30.3))':
+  '@preact/preset-vite@2.8.2(@babel/core@7.25.8)(preact@10.25.4)(vite@5.4.8(@types/node@20.12.7)(less@3.11.1)(lightningcss@1.24.1)(sass@1.75.0)(terser@5.30.3))':
     dependencies:
       '@babel/core': 7.25.8
       '@babel/plugin-transform-react-jsx': 7.23.4(@babel/core@7.25.8)
       '@babel/plugin-transform-react-jsx-development': 7.22.5(@babel/core@7.25.8)
-      '@prefresh/vite': 2.4.5(vite@5.4.8(@types/node@20.12.7)(less@3.11.1)(lightningcss@1.24.1)(sass@1.75.0)(terser@5.30.3))
+      '@prefresh/vite': 2.4.5(preact@10.25.4)(vite@5.4.8(@types/node@20.12.7)(less@3.11.1)(lightningcss@1.24.1)(sass@1.75.0)(terser@5.30.3))
       '@rollup/pluginutils': 4.2.1
       babel-plugin-transform-hook-names: 1.0.2(@babel/core@7.25.8)
       debug: 4.3.4(supports-color@8.1.1)
@@ -21174,12 +21194,12 @@ snapshots:
       - supports-color
     optional: true
 
-  '@preact/preset-vite@2.8.2(@babel/core@7.25.8)(vite@5.4.9(@types/node@20.12.7)(less@3.11.1)(lightningcss@1.28.1)(sass@1.75.0)(terser@5.30.3))':
+  '@preact/preset-vite@2.8.2(@babel/core@7.25.8)(preact@10.25.4)(vite@5.4.9(@types/node@20.12.7)(less@3.11.1)(lightningcss@1.28.1)(sass@1.75.0)(terser@5.30.3))':
     dependencies:
       '@babel/core': 7.25.8
       '@babel/plugin-transform-react-jsx': 7.23.4(@babel/core@7.25.8)
       '@babel/plugin-transform-react-jsx-development': 7.22.5(@babel/core@7.25.8)
-      '@prefresh/vite': 2.4.5(vite@5.4.9(@types/node@20.12.7)(less@3.11.1)(lightningcss@1.28.1)(sass@1.75.0)(terser@5.30.3))
+      '@prefresh/vite': 2.4.5(preact@10.25.4)(vite@5.4.9(@types/node@20.12.7)(less@3.11.1)(lightningcss@1.28.1)(sass@1.75.0)(terser@5.30.3))
       '@rollup/pluginutils': 4.2.1
       babel-plugin-transform-hook-names: 1.0.2(@babel/core@7.25.8)
       debug: 4.3.4(supports-color@8.1.1)
@@ -21198,31 +21218,35 @@ snapshots:
   '@prefresh/babel-plugin@0.5.1':
     optional: true
 
-  '@prefresh/core@1.5.2':
+  '@prefresh/core@1.5.2(preact@10.25.4)':
+    dependencies:
+      preact: 10.25.4
     optional: true
 
   '@prefresh/utils@1.2.0':
     optional: true
 
-  '@prefresh/vite@2.4.5(vite@5.4.8(@types/node@20.12.7)(less@3.11.1)(lightningcss@1.24.1)(sass@1.75.0)(terser@5.30.3))':
+  '@prefresh/vite@2.4.5(preact@10.25.4)(vite@5.4.8(@types/node@20.12.7)(less@3.11.1)(lightningcss@1.24.1)(sass@1.75.0)(terser@5.30.3))':
     dependencies:
       '@babel/core': 7.25.8
       '@prefresh/babel-plugin': 0.5.1
-      '@prefresh/core': 1.5.2
+      '@prefresh/core': 1.5.2(preact@10.25.4)
       '@prefresh/utils': 1.2.0
       '@rollup/pluginutils': 4.2.1
+      preact: 10.25.4
       vite: 5.4.8(@types/node@20.12.7)(less@3.11.1)(lightningcss@1.24.1)(sass@1.75.0)(terser@5.30.3)
     transitivePeerDependencies:
       - supports-color
     optional: true
 
-  '@prefresh/vite@2.4.5(vite@5.4.9(@types/node@20.12.7)(less@3.11.1)(lightningcss@1.28.1)(sass@1.75.0)(terser@5.30.3))':
+  '@prefresh/vite@2.4.5(preact@10.25.4)(vite@5.4.9(@types/node@20.12.7)(less@3.11.1)(lightningcss@1.28.1)(sass@1.75.0)(terser@5.30.3))':
     dependencies:
       '@babel/core': 7.25.8
       '@prefresh/babel-plugin': 0.5.1
-      '@prefresh/core': 1.5.2
+      '@prefresh/core': 1.5.2(preact@10.25.4)
       '@prefresh/utils': 1.2.0
       '@rollup/pluginutils': 4.2.1
+      preact: 10.25.4
       vite: 5.4.9(@types/node@20.12.7)(less@3.11.1)(lightningcss@1.28.1)(sass@1.75.0)(terser@5.30.3)
     transitivePeerDependencies:
       - supports-color
@@ -22898,11 +22922,11 @@ snapshots:
     dependencies:
       '@storybook/global': 5.0.0
 
-  '@storybook/addon-interactions@8.0.8(@jest/globals@29.7.0)(@types/jest@29.5.12)(jest@29.7.0(@types/node@20.12.7))(vitest@2.1.3(@types/node@20.12.7)(jsdom@22.1.0)(less@3.11.1)(lightningcss@1.24.1)(sass@1.75.0)(terser@5.30.3))':
+  '@storybook/addon-interactions@8.0.8(@jest/globals@29.7.0)(@types/jest@29.5.12)(jest@29.7.0(@types/node@20.12.7)(babel-plugin-macros@3.1.0)(node-notifier@8.0.2))(vitest@2.1.3(@types/node@20.12.7)(jsdom@22.1.0)(less@3.11.1)(lightningcss@1.24.1)(sass@1.75.0)(terser@5.30.3))':
     dependencies:
       '@storybook/global': 5.0.0
       '@storybook/instrumenter': 8.0.8
-      '@storybook/test': 8.0.8(@jest/globals@29.7.0)(@types/jest@29.5.12)(jest@29.7.0(@types/node@20.12.7))(vitest@2.1.3(@types/node@20.12.7)(jsdom@22.1.0)(less@3.11.1)(lightningcss@1.24.1)(sass@1.75.0)(terser@5.30.3))
+      '@storybook/test': 8.0.8(@jest/globals@29.7.0)(@types/jest@29.5.12)(jest@29.7.0(@types/node@20.12.7)(babel-plugin-macros@3.1.0)(node-notifier@8.0.2))(vitest@2.1.3(@types/node@20.12.7)(jsdom@22.1.0)(less@3.11.1)(lightningcss@1.24.1)(sass@1.75.0)(terser@5.30.3))
       '@storybook/types': 8.0.8
       polished: 4.3.1
       ts-dedent: 2.2.0
@@ -22913,11 +22937,11 @@ snapshots:
       - jest
       - vitest
 
-  '@storybook/addon-interactions@8.0.8(@jest/globals@29.7.0)(@types/jest@29.5.12)(jest@29.7.0(@types/node@20.12.7))(vitest@2.1.3(@types/node@20.12.7)(jsdom@22.1.0)(less@3.11.1)(lightningcss@1.28.1)(sass@1.75.0)(terser@5.30.3))':
+  '@storybook/addon-interactions@8.0.8(vitest@2.1.3(@types/node@20.12.7)(jsdom@22.1.0)(less@3.11.1)(lightningcss@1.28.1)(sass@1.75.0)(terser@5.30.3))':
     dependencies:
       '@storybook/global': 5.0.0
       '@storybook/instrumenter': 8.0.8
-      '@storybook/test': 8.0.8(@jest/globals@29.7.0)(@types/jest@29.5.12)(jest@29.7.0(@types/node@20.12.7))(vitest@2.1.3(@types/node@20.12.7)(jsdom@22.1.0)(less@3.11.1)(lightningcss@1.28.1)(sass@1.75.0)(terser@5.30.3))
+      '@storybook/test': 8.0.8(vitest@2.1.3(@types/node@20.12.7)(jsdom@22.1.0)(less@3.11.1)(lightningcss@1.28.1)(sass@1.75.0)(terser@5.30.3))
       '@storybook/types': 8.0.8
       polished: 4.3.1
       ts-dedent: 2.2.0
@@ -22960,10 +22984,10 @@ snapshots:
     dependencies:
       memoizerific: 1.11.3
 
-  '@storybook/addon-webpack5-compiler-babel@3.0.3(webpack@5.90.1(esbuild@0.20.2))':
+  '@storybook/addon-webpack5-compiler-babel@3.0.3(webpack@5.90.1)':
     dependencies:
       '@babel/core': 7.24.4
-      babel-loader: 9.1.3(@babel/core@7.24.4)(webpack@5.90.1(esbuild@0.20.2))
+      babel-loader: 9.1.3(@babel/core@7.24.4)(webpack@5.90.1)
     transitivePeerDependencies:
       - supports-color
       - webpack
@@ -23056,7 +23080,7 @@ snapshots:
       - encoding
       - supports-color
 
-  '@storybook/builder-vite@8.0.8(@preact/preset-vite@2.8.2(@babel/core@7.25.8)(vite@5.4.8(@types/node@20.12.7)(less@3.11.1)(lightningcss@1.24.1)(sass@1.75.0)(terser@5.30.3)))(encoding@0.1.13)(typescript@5.6.3)(vite@5.4.8(@types/node@20.12.7)(less@3.11.1)(lightningcss@1.24.1)(sass@1.75.0)(terser@5.30.3))':
+  '@storybook/builder-vite@8.0.8(@preact/preset-vite@2.8.2(@babel/core@7.25.8)(preact@10.25.4)(vite@5.4.8(@types/node@20.12.7)(less@3.11.1)(lightningcss@1.24.1)(sass@1.75.0)(terser@5.30.3)))(encoding@0.1.13)(typescript@5.6.3)(vite@5.4.8(@types/node@20.12.7)(less@3.11.1)(lightningcss@1.24.1)(sass@1.75.0)(terser@5.30.3))':
     dependencies:
       '@storybook/channels': 8.0.8
       '@storybook/client-logger': 8.0.8
@@ -23077,13 +23101,13 @@ snapshots:
       ts-dedent: 2.2.0
       vite: 5.4.8(@types/node@20.12.7)(less@3.11.1)(lightningcss@1.24.1)(sass@1.75.0)(terser@5.30.3)
     optionalDependencies:
-      '@preact/preset-vite': 2.8.2(@babel/core@7.25.8)(vite@5.4.8(@types/node@20.12.7)(less@3.11.1)(lightningcss@1.24.1)(sass@1.75.0)(terser@5.30.3))
+      '@preact/preset-vite': 2.8.2(@babel/core@7.25.8)(preact@10.25.4)(vite@5.4.8(@types/node@20.12.7)(less@3.11.1)(lightningcss@1.24.1)(sass@1.75.0)(terser@5.30.3))
       typescript: 5.6.3
     transitivePeerDependencies:
       - encoding
       - supports-color
 
-  '@storybook/builder-vite@8.0.8(@preact/preset-vite@2.8.2(@babel/core@7.25.8)(vite@5.4.9(@types/node@20.12.7)(less@3.11.1)(lightningcss@1.28.1)(sass@1.75.0)(terser@5.30.3)))(encoding@0.1.13)(typescript@5.6.3)(vite@5.4.9(@types/node@20.12.7)(less@3.11.1)(lightningcss@1.28.1)(sass@1.75.0)(terser@5.30.3))':
+  '@storybook/builder-vite@8.0.8(@preact/preset-vite@2.8.2(@babel/core@7.25.8)(preact@10.25.4)(vite@5.4.9(@types/node@20.12.7)(less@3.11.1)(lightningcss@1.28.1)(sass@1.75.0)(terser@5.30.3)))(encoding@0.1.13)(typescript@5.6.3)(vite@5.4.9(@types/node@20.12.7)(less@3.11.1)(lightningcss@1.28.1)(sass@1.75.0)(terser@5.30.3))':
     dependencies:
       '@storybook/channels': 8.0.8
       '@storybook/client-logger': 8.0.8
@@ -23104,13 +23128,13 @@ snapshots:
       ts-dedent: 2.2.0
       vite: 5.4.9(@types/node@20.12.7)(less@3.11.1)(lightningcss@1.28.1)(sass@1.75.0)(terser@5.30.3)
     optionalDependencies:
-      '@preact/preset-vite': 2.8.2(@babel/core@7.25.8)(vite@5.4.9(@types/node@20.12.7)(less@3.11.1)(lightningcss@1.28.1)(sass@1.75.0)(terser@5.30.3))
+      '@preact/preset-vite': 2.8.2(@babel/core@7.25.8)(preact@10.25.4)(vite@5.4.9(@types/node@20.12.7)(less@3.11.1)(lightningcss@1.28.1)(sass@1.75.0)(terser@5.30.3))
       typescript: 5.6.3
     transitivePeerDependencies:
       - encoding
       - supports-color
 
-  '@storybook/builder-webpack5@8.0.8(encoding@0.1.13)(esbuild@0.20.2)(typescript@5.6.3)':
+  '@storybook/builder-webpack5@8.0.8(encoding@0.1.13)(typescript@5.6.3)':
     dependencies:
       '@storybook/channels': 8.0.8
       '@storybook/client-logger': 8.0.8
@@ -23126,24 +23150,24 @@ snapshots:
       case-sensitive-paths-webpack-plugin: 2.4.0
       cjs-module-lexer: 1.2.3
       constants-browserify: 1.0.0
-      css-loader: 6.11.0(webpack@5.90.1(esbuild@0.20.2))
+      css-loader: 6.11.0(webpack@5.90.1)
       es-module-lexer: 1.5.0
       express: 4.19.2
-      fork-ts-checker-webpack-plugin: 8.0.0(typescript@5.6.3)(webpack@5.90.1(esbuild@0.20.2))
+      fork-ts-checker-webpack-plugin: 8.0.0(typescript@5.6.3)(webpack@5.90.1)
       fs-extra: 11.2.0
-      html-webpack-plugin: 5.5.0(webpack@5.90.1(esbuild@0.20.2))
+      html-webpack-plugin: 5.5.0(webpack@5.90.1)
       magic-string: 0.30.11
       path-browserify: 1.0.1
       process: 0.11.10
       semver: 7.6.3
-      style-loader: 3.3.1(webpack@5.90.1(esbuild@0.20.2))
-      terser-webpack-plugin: 5.3.6(esbuild@0.20.2)(webpack@5.90.1(esbuild@0.20.2))
+      style-loader: 3.3.1(webpack@5.90.1)
+      terser-webpack-plugin: 5.3.6(webpack@5.90.1)
       ts-dedent: 2.2.0
       url: 0.11.3
       util: 0.12.5
       util-deprecate: 1.0.2
-      webpack: 5.90.1(esbuild@0.20.2)
-      webpack-dev-middleware: 6.1.3(webpack@5.90.1(esbuild@0.20.2))
+      webpack: 5.90.1
+      webpack-dev-middleware: 6.1.3(webpack@5.90.1)
       webpack-hot-middleware: 2.26.1
       webpack-virtual-modules: 0.5.0
     optionalDependencies:
@@ -23165,6 +23189,53 @@ snapshots:
       telejson: 7.2.0
       tiny-invariant: 1.3.3
 
+  '@storybook/cli@8.0.8(@babel/preset-env@7.24.4(@babel/core@7.24.4))(encoding@0.1.13)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)':
+    dependencies:
+      '@babel/core': 7.25.8
+      '@babel/types': 7.25.8
+      '@ndelangen/get-tarball': 3.0.9
+      '@storybook/codemod': 8.0.8
+      '@storybook/core-common': 8.0.8(encoding@0.1.13)
+      '@storybook/core-events': 8.0.8
+      '@storybook/core-server': 8.0.8(encoding@0.1.13)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
+      '@storybook/csf-tools': 8.0.8
+      '@storybook/node-logger': 8.0.8
+      '@storybook/telemetry': 8.0.8(encoding@0.1.13)
+      '@storybook/types': 8.0.8
+      '@types/semver': 7.5.8
+      '@yarnpkg/fslib': 2.10.3
+      '@yarnpkg/libzip': 2.3.0
+      chalk: 4.1.2
+      commander: 6.2.1
+      cross-spawn: 7.0.3
+      detect-indent: 6.1.0
+      envinfo: 7.12.0
+      execa: 5.1.1
+      find-up: 5.0.0
+      fs-extra: 11.2.0
+      get-npm-tarball-url: 2.1.0
+      giget: 1.2.3
+      globby: 11.1.0
+      jscodeshift: 0.15.2(@babel/preset-env@7.24.4(@babel/core@7.24.4))
+      leven: 3.1.0
+      ora: 5.4.1
+      prettier: 3.2.5
+      prompts: 2.4.2
+      read-pkg-up: 7.0.1
+      semver: 7.6.3
+      strip-json-comments: 3.1.1
+      tempy: 1.0.1
+      tiny-invariant: 1.3.3
+      ts-dedent: 2.2.0
+    transitivePeerDependencies:
+      - '@babel/preset-env'
+      - bufferutil
+      - encoding
+      - react
+      - react-dom
+      - supports-color
+      - utf-8-validate
+
   '@storybook/cli@8.0.8(@babel/preset-env@7.24.4(@babel/core@7.25.8))(encoding@0.1.13)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)':
     dependencies:
       '@babel/core': 7.25.8
@@ -23456,13 +23527,13 @@ snapshots:
 
   '@storybook/node-logger@8.0.8': {}
 
-  '@storybook/preset-react-webpack@8.0.8(encoding@0.1.13)(esbuild@0.20.2)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(typescript@5.6.3)':
+  '@storybook/preset-react-webpack@8.0.8(encoding@0.1.13)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(typescript@5.6.3)':
     dependencies:
       '@storybook/core-webpack': 8.0.8(encoding@0.1.13)
       '@storybook/docs-tools': 8.0.8(encoding@0.1.13)
       '@storybook/node-logger': 8.0.8
       '@storybook/react': 8.0.8(encoding@0.1.13)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(typescript@5.6.3)
-      '@storybook/react-docgen-typescript-plugin': 1.0.6--canary.9.0c3f3b7.0(typescript@5.6.3)(webpack@5.90.1(esbuild@0.20.2))
+      '@storybook/react-docgen-typescript-plugin': 1.0.6--canary.9.0c3f3b7.0(typescript@5.6.3)(webpack@5.90.1)
       '@types/node': 18.19.31
       '@types/semver': 7.5.8
       find-up: 5.0.0
@@ -23474,7 +23545,7 @@ snapshots:
       resolve: 1.22.8
       semver: 7.6.3
       tsconfig-paths: 4.2.0
-      webpack: 5.90.1(esbuild@0.20.2)
+      webpack: 5.90.1
     optionalDependencies:
       typescript: 5.6.3
     transitivePeerDependencies:
@@ -23504,7 +23575,7 @@ snapshots:
 
   '@storybook/preview@8.0.8': {}
 
-  '@storybook/react-docgen-typescript-plugin@1.0.6--canary.9.0c3f3b7.0(typescript@5.6.3)(webpack@5.90.1(esbuild@0.20.2))':
+  '@storybook/react-docgen-typescript-plugin@1.0.6--canary.9.0c3f3b7.0(typescript@5.6.3)(webpack@5.90.1)':
     dependencies:
       debug: 4.3.4(supports-color@8.1.1)
       endent: 2.1.0
@@ -23514,7 +23585,7 @@ snapshots:
       react-docgen-typescript: 2.2.2(typescript@5.6.3)
       tslib: 2.6.2
       typescript: 5.6.3
-      webpack: 5.90.1(esbuild@0.20.2)
+      webpack: 5.90.1
     transitivePeerDependencies:
       - supports-color
 
@@ -23523,11 +23594,11 @@ snapshots:
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
 
-  '@storybook/react-vite@8.0.8(@preact/preset-vite@2.8.2(@babel/core@7.25.8)(vite@5.4.8(@types/node@20.12.7)(less@3.11.1)(lightningcss@1.24.1)(sass@1.75.0)(terser@5.30.3)))(encoding@0.1.13)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(rollup@4.24.0)(typescript@5.6.3)(vite@5.4.8(@types/node@20.12.7)(less@3.11.1)(lightningcss@1.24.1)(sass@1.75.0)(terser@5.30.3))':
+  '@storybook/react-vite@8.0.8(@preact/preset-vite@2.8.2(@babel/core@7.25.8)(preact@10.25.4)(vite@5.4.8(@types/node@20.12.7)(less@3.11.1)(lightningcss@1.24.1)(sass@1.75.0)(terser@5.30.3)))(encoding@0.1.13)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(rollup@4.24.0)(typescript@5.6.3)(vite@5.4.8(@types/node@20.12.7)(less@3.11.1)(lightningcss@1.24.1)(sass@1.75.0)(terser@5.30.3))':
     dependencies:
       '@joshwooding/vite-plugin-react-docgen-typescript': 0.3.0(typescript@5.6.3)(vite@5.4.8(@types/node@20.12.7)(less@3.11.1)(lightningcss@1.24.1)(sass@1.75.0)(terser@5.30.3))
       '@rollup/pluginutils': 5.1.0(rollup@4.24.0)
-      '@storybook/builder-vite': 8.0.8(@preact/preset-vite@2.8.2(@babel/core@7.25.8)(vite@5.4.8(@types/node@20.12.7)(less@3.11.1)(lightningcss@1.24.1)(sass@1.75.0)(terser@5.30.3)))(encoding@0.1.13)(typescript@5.6.3)(vite@5.4.8(@types/node@20.12.7)(less@3.11.1)(lightningcss@1.24.1)(sass@1.75.0)(terser@5.30.3))
+      '@storybook/builder-vite': 8.0.8(@preact/preset-vite@2.8.2(@babel/core@7.25.8)(preact@10.25.4)(vite@5.4.8(@types/node@20.12.7)(less@3.11.1)(lightningcss@1.24.1)(sass@1.75.0)(terser@5.30.3)))(encoding@0.1.13)(typescript@5.6.3)(vite@5.4.8(@types/node@20.12.7)(less@3.11.1)(lightningcss@1.24.1)(sass@1.75.0)(terser@5.30.3))
       '@storybook/node-logger': 8.0.8
       '@storybook/react': 8.0.8(encoding@0.1.13)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(typescript@5.6.3)
       find-up: 5.0.0
@@ -23546,15 +23617,15 @@ snapshots:
       - typescript
       - vite-plugin-glimmerx
 
-  '@storybook/react-vite@8.0.8(@preact/preset-vite@2.8.2(@babel/core@7.25.8)(vite@5.4.9(@types/node@20.12.7)(less@3.11.1)(lightningcss@1.28.1)(sass@1.75.0)(terser@5.30.3)))(encoding@0.1.13)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(rollup@4.24.0)(typescript@5.6.3)(vite@5.4.9(@types/node@20.12.7)(less@3.11.1)(lightningcss@1.28.1)(sass@1.75.0)(terser@5.30.3))':
+  '@storybook/react-vite@8.0.8(@preact/preset-vite@2.8.2(@babel/core@7.25.8)(preact@10.25.4)(vite@5.4.9(@types/node@20.12.7)(less@3.11.1)(lightningcss@1.28.1)(sass@1.75.0)(terser@5.30.3)))(encoding@0.1.13)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(rollup@4.24.0)(typescript@5.6.3)(vite@5.4.9(@types/node@20.12.7)(less@3.11.1)(lightningcss@1.28.1)(sass@1.75.0)(terser@5.30.3))':
     dependencies:
       '@joshwooding/vite-plugin-react-docgen-typescript': 0.3.0(typescript@5.6.3)(vite@5.4.9(@types/node@20.12.7)(less@3.11.1)(lightningcss@1.28.1)(sass@1.75.0)(terser@5.30.3))
-      '@rollup/pluginutils': 5.1.2(rollup@4.24.0)
-      '@storybook/builder-vite': 8.0.8(@preact/preset-vite@2.8.2(@babel/core@7.25.8)(vite@5.4.9(@types/node@20.12.7)(less@3.11.1)(lightningcss@1.28.1)(sass@1.75.0)(terser@5.30.3)))(encoding@0.1.13)(typescript@5.6.3)(vite@5.4.9(@types/node@20.12.7)(less@3.11.1)(lightningcss@1.28.1)(sass@1.75.0)(terser@5.30.3))
+      '@rollup/pluginutils': 5.1.0(rollup@4.24.0)
+      '@storybook/builder-vite': 8.0.8(@preact/preset-vite@2.8.2(@babel/core@7.25.8)(preact@10.25.4)(vite@5.4.9(@types/node@20.12.7)(less@3.11.1)(lightningcss@1.28.1)(sass@1.75.0)(terser@5.30.3)))(encoding@0.1.13)(typescript@5.6.3)(vite@5.4.9(@types/node@20.12.7)(less@3.11.1)(lightningcss@1.28.1)(sass@1.75.0)(terser@5.30.3))
       '@storybook/node-logger': 8.0.8
       '@storybook/react': 8.0.8(encoding@0.1.13)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(typescript@5.6.3)
       find-up: 5.0.0
-      magic-string: 0.30.11
+      magic-string: 0.30.10
       react: 18.2.0
       react-docgen: 7.0.3
       react-dom: 18.2.0(react@18.2.0)
@@ -23569,10 +23640,10 @@ snapshots:
       - typescript
       - vite-plugin-glimmerx
 
-  '@storybook/react-webpack5@8.0.8(encoding@0.1.13)(esbuild@0.20.2)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(typescript@5.6.3)':
+  '@storybook/react-webpack5@8.0.8(encoding@0.1.13)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(typescript@5.6.3)':
     dependencies:
-      '@storybook/builder-webpack5': 8.0.8(encoding@0.1.13)(esbuild@0.20.2)(typescript@5.6.3)
-      '@storybook/preset-react-webpack': 8.0.8(encoding@0.1.13)(esbuild@0.20.2)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(typescript@5.6.3)
+      '@storybook/builder-webpack5': 8.0.8(encoding@0.1.13)(typescript@5.6.3)
+      '@storybook/preset-react-webpack': 8.0.8(encoding@0.1.13)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(typescript@5.6.3)
       '@storybook/react': 8.0.8(encoding@0.1.13)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(typescript@5.6.3)
       '@types/node': 18.19.31
       react: 18.2.0
@@ -23639,14 +23710,14 @@ snapshots:
       - encoding
       - supports-color
 
-  '@storybook/test@8.0.8(@jest/globals@29.7.0)(@types/jest@29.5.12)(jest@29.7.0(@types/node@20.12.7))(vitest@2.1.3(@types/node@20.12.7)(jsdom@22.1.0)(less@3.11.1)(lightningcss@1.24.1)(sass@1.75.0)(terser@5.30.3))':
+  '@storybook/test@8.0.8(@jest/globals@29.7.0)(@types/jest@29.5.12)(jest@29.7.0(@types/node@20.12.7)(babel-plugin-macros@3.1.0)(node-notifier@8.0.2))(vitest@2.1.3(@types/node@20.12.7)(jsdom@22.1.0)(less@3.11.1)(lightningcss@1.24.1)(sass@1.75.0)(terser@5.30.3))':
     dependencies:
       '@storybook/client-logger': 8.0.8
       '@storybook/core-events': 8.0.8
       '@storybook/instrumenter': 8.0.8
       '@storybook/preview-api': 8.0.8
       '@testing-library/dom': 9.3.4
-      '@testing-library/jest-dom': 6.4.2(@jest/globals@29.7.0)(@types/jest@29.5.12)(jest@29.7.0(@types/node@20.12.7))(vitest@2.1.3(@types/node@20.12.7)(jsdom@22.1.0)(less@3.11.1)(lightningcss@1.24.1)(sass@1.75.0)(terser@5.30.3))
+      '@testing-library/jest-dom': 6.4.2(@jest/globals@29.7.0)(@types/jest@29.5.12)(jest@29.7.0(@types/node@20.12.7)(babel-plugin-macros@3.1.0)(node-notifier@8.0.2))(vitest@2.1.3(@types/node@20.12.7)(jsdom@22.1.0)(less@3.11.1)(lightningcss@1.24.1)(sass@1.75.0)(terser@5.30.3))
       '@testing-library/user-event': 14.5.2(@testing-library/dom@9.3.4)
       '@vitest/expect': 1.3.1
       '@vitest/spy': 1.5.0
@@ -23659,14 +23730,14 @@ snapshots:
       - jest
       - vitest
 
-  '@storybook/test@8.0.8(@jest/globals@29.7.0)(@types/jest@29.5.12)(jest@29.7.0(@types/node@20.12.7))(vitest@2.1.3(@types/node@20.12.7)(jsdom@22.1.0)(less@3.11.1)(lightningcss@1.28.1)(sass@1.75.0)(terser@5.30.3))':
+  '@storybook/test@8.0.8(vitest@2.1.3(@types/node@20.12.7)(jsdom@22.1.0)(less@3.11.1)(lightningcss@1.28.1)(sass@1.75.0)(terser@5.30.3))':
     dependencies:
       '@storybook/client-logger': 8.0.8
       '@storybook/core-events': 8.0.8
       '@storybook/instrumenter': 8.0.8
       '@storybook/preview-api': 8.0.8
       '@testing-library/dom': 9.3.4
-      '@testing-library/jest-dom': 6.4.2(@jest/globals@29.7.0)(@types/jest@29.5.12)(jest@29.7.0(@types/node@20.12.7))(vitest@2.1.3(@types/node@20.12.7)(jsdom@22.1.0)(less@3.11.1)(lightningcss@1.28.1)(sass@1.75.0)(terser@5.30.3))
+      '@testing-library/jest-dom': 6.4.2(@jest/globals@29.7.0)(@types/jest@29.5.12)(jest@29.7.0(@types/node@20.12.7)(babel-plugin-macros@3.1.0)(node-notifier@8.0.2))(vitest@2.1.3(@types/node@20.12.7)(jsdom@22.1.0)(less@3.11.1)(lightningcss@1.28.1)(sass@1.75.0)(terser@5.30.3))
       '@testing-library/user-event': 14.5.2(@testing-library/dom@9.3.4)
       '@vitest/expect': 1.3.1
       '@vitest/spy': 1.5.0
@@ -23725,7 +23796,7 @@ snapshots:
   '@swc/core-win32-x64-msvc@1.4.16':
     optional: true
 
-  '@swc/core@1.4.16':
+  '@swc/core@1.4.16(@swc/helpers@0.5.10)':
     dependencies:
       '@swc/counter': 0.1.3
       '@swc/types': 0.1.6
@@ -23740,6 +23811,7 @@ snapshots:
       '@swc/core-win32-arm64-msvc': 1.4.16
       '@swc/core-win32-ia32-msvc': 1.4.16
       '@swc/core-win32-x64-msvc': 1.4.16
+      '@swc/helpers': 0.5.10
     optional: true
 
   '@swc/counter@0.1.3': {}
@@ -24043,7 +24115,7 @@ snapshots:
       jest: 26.6.3
       vitest: 2.1.3(@types/node@20.12.7)(jsdom@16.7.0)(less@3.11.1)(lightningcss@1.28.1)(sass@1.75.0)(terser@5.30.3)
 
-  '@testing-library/jest-dom@6.4.2(@jest/globals@29.7.0)(@types/jest@29.5.12)(jest@29.7.0(@types/node@20.12.7))(vitest@2.1.3(@types/node@20.12.7)(jsdom@22.1.0)(less@3.11.1)(lightningcss@1.24.1)(sass@1.75.0)(terser@5.30.3))':
+  '@testing-library/jest-dom@6.4.2(@jest/globals@29.7.0)(@types/jest@29.5.12)(jest@29.7.0(@types/node@20.12.7)(babel-plugin-macros@3.1.0)(node-notifier@8.0.2))(vitest@2.1.3(@types/node@20.12.7)(jsdom@22.1.0)(less@3.11.1)(lightningcss@1.24.1)(sass@1.75.0)(terser@5.30.3))':
     dependencies:
       '@adobe/css-tools': 4.3.3
       '@babel/runtime': 7.20.6
@@ -24056,10 +24128,10 @@ snapshots:
     optionalDependencies:
       '@jest/globals': 29.7.0
       '@types/jest': 29.5.12
-      jest: 29.7.0(@types/node@20.12.7)
+      jest: 29.7.0(@types/node@20.12.7)(babel-plugin-macros@3.1.0)(node-notifier@8.0.2)
       vitest: 2.1.3(@types/node@20.12.7)(jsdom@22.1.0)(less@3.11.1)(lightningcss@1.24.1)(sass@1.75.0)(terser@5.30.3)
 
-  '@testing-library/jest-dom@6.4.2(@jest/globals@29.7.0)(@types/jest@29.5.12)(jest@29.7.0(@types/node@20.12.7))(vitest@2.1.3(@types/node@20.12.7)(jsdom@22.1.0)(less@3.11.1)(lightningcss@1.28.1)(sass@1.75.0)(terser@5.30.3))':
+  '@testing-library/jest-dom@6.4.2(@jest/globals@29.7.0)(@types/jest@29.5.12)(jest@29.7.0(@types/node@20.12.7)(babel-plugin-macros@3.1.0)(node-notifier@8.0.2))(vitest@2.1.3(@types/node@20.12.7)(jsdom@22.1.0)(less@3.11.1)(lightningcss@1.28.1)(sass@1.75.0)(terser@5.30.3))':
     dependencies:
       '@adobe/css-tools': 4.3.3
       '@babel/runtime': 7.20.6
@@ -24072,7 +24144,7 @@ snapshots:
     optionalDependencies:
       '@jest/globals': 29.7.0
       '@types/jest': 29.5.12
-      jest: 29.7.0(@types/node@20.12.7)
+      jest: 29.7.0(@types/node@20.12.7)(babel-plugin-macros@3.1.0)(node-notifier@8.0.2)
       vitest: 2.1.3(@types/node@20.12.7)(jsdom@22.1.0)(less@3.11.1)(lightningcss@1.28.1)(sass@1.75.0)(terser@5.30.3)
 
   '@testing-library/react-hooks@8.0.1(@types/react@18.2.79)(react-dom@18.2.0(react@18.2.0))(react-test-renderer@18.2.0(react@18.2.0))(react@18.2.0)':
@@ -25737,28 +25809,28 @@ snapshots:
       - supports-color
     optional: true
 
-  babel-loader@8.3.0(@babel/core@7.24.4)(webpack@5.90.1(esbuild@0.20.2)):
+  babel-loader@8.3.0(@babel/core@7.24.4)(webpack@5.90.1):
     dependencies:
       '@babel/core': 7.24.4
       find-cache-dir: 3.3.2
       loader-utils: 2.0.4
       make-dir: 3.1.0
       schema-utils: 2.7.1
-      webpack: 5.90.1(esbuild@0.20.2)
+      webpack: 5.90.1
 
-  babel-loader@9.1.0(@babel/core@7.24.4)(webpack@5.90.1(esbuild@0.20.2)):
+  babel-loader@9.1.0(@babel/core@7.24.4)(webpack@5.90.1):
     dependencies:
       '@babel/core': 7.24.4
       find-cache-dir: 3.3.2
       schema-utils: 4.2.0
-      webpack: 5.90.1(esbuild@0.20.2)
+      webpack: 5.90.1
 
-  babel-loader@9.1.3(@babel/core@7.24.4)(webpack@5.90.1(esbuild@0.20.2)):
+  babel-loader@9.1.3(@babel/core@7.24.4)(webpack@5.90.1):
     dependencies:
       '@babel/core': 7.24.4
       find-cache-dir: 4.0.0
       schema-utils: 4.2.0
-      webpack: 5.90.1(esbuild@0.20.2)
+      webpack: 5.90.1
 
   babel-messages@6.23.0:
     dependencies:
@@ -25816,7 +25888,7 @@ snapshots:
 
   babel-plugin-polyfill-corejs2@0.4.10(@babel/core@7.25.8):
     dependencies:
-      '@babel/compat-data': 7.25.8
+      '@babel/compat-data': 7.24.4
       '@babel/core': 7.25.8
       '@babel/helper-define-polyfill-provider': 0.6.1(@babel/core@7.25.8)
       semver: 6.3.1
@@ -26610,9 +26682,9 @@ snapshots:
 
   ci-info@3.9.0: {}
 
-  circular-dependency-plugin@5.2.2(webpack@5.90.1(esbuild@0.20.2)):
+  circular-dependency-plugin@5.2.2(webpack@5.90.1):
     dependencies:
-      webpack: 5.90.1(esbuild@0.20.2)
+      webpack: 5.90.1
 
   citty@0.1.6:
     dependencies:
@@ -27000,7 +27072,7 @@ snapshots:
 
   copy-descriptor@0.1.1: {}
 
-  copy-webpack-plugin@6.4.1(webpack@5.90.1(esbuild@0.20.2)):
+  copy-webpack-plugin@6.4.1(webpack@5.90.1):
     dependencies:
       cacache: 15.3.0
       fast-glob: 3.3.2
@@ -27012,7 +27084,7 @@ snapshots:
       p-limit: 3.1.0
       schema-utils: 3.3.0
       serialize-javascript: 5.0.1
-      webpack: 5.90.1(esbuild@0.20.2)
+      webpack: 5.90.1
       webpack-sources: 1.4.3
     transitivePeerDependencies:
       - bluebird
@@ -27079,13 +27151,13 @@ snapshots:
       crc-32: 1.2.2
       readable-stream: 4.5.2
 
-  create-jest@29.7.0(@types/node@20.12.7):
+  create-jest@29.7.0(@types/node@20.12.7)(babel-plugin-macros@3.1.0):
     dependencies:
       '@jest/types': 29.6.3
       chalk: 4.1.2
       exit: 0.1.2
       graceful-fs: 4.2.11
-      jest-config: 29.7.0(@types/node@20.12.7)
+      jest-config: 29.7.0(@types/node@20.12.7)(babel-plugin-macros@3.1.0)
       jest-util: 29.7.0
       prompts: 2.4.2
     transitivePeerDependencies:
@@ -27147,7 +27219,7 @@ snapshots:
 
   css-functions-list@3.2.1: {}
 
-  css-loader@5.2.7(webpack@5.90.1(esbuild@0.20.2)):
+  css-loader@5.2.7(webpack@5.90.1):
     dependencies:
       icss-utils: 5.1.0(postcss@8.4.31)
       loader-utils: 2.0.4
@@ -27159,9 +27231,9 @@ snapshots:
       postcss-value-parser: 4.2.0
       schema-utils: 3.3.0
       semver: 7.6.0
-      webpack: 5.90.1(esbuild@0.20.2)
+      webpack: 5.90.1
 
-  css-loader@6.11.0(webpack@5.90.1(esbuild@0.20.2)):
+  css-loader@6.11.0(webpack@5.90.1):
     dependencies:
       icss-utils: 5.1.0(postcss@8.4.47)
       postcss: 8.4.47
@@ -27172,9 +27244,9 @@ snapshots:
       postcss-value-parser: 4.2.0
       semver: 7.6.3
     optionalDependencies:
-      webpack: 5.90.1(esbuild@0.20.2)
+      webpack: 5.90.1
 
-  css-minimizer-webpack-plugin@1.3.0(webpack@5.90.1(esbuild@0.20.2)):
+  css-minimizer-webpack-plugin@1.3.0(webpack@5.90.1):
     dependencies:
       cacache: 15.3.0
       cssnano: 4.1.11
@@ -27184,7 +27256,7 @@ snapshots:
       schema-utils: 3.3.0
       serialize-javascript: 5.0.1
       source-map: 0.6.1
-      webpack: 5.90.1(esbuild@0.20.2)
+      webpack: 5.90.1
       webpack-sources: 1.4.3
     transitivePeerDependencies:
       - bluebird
@@ -28259,7 +28331,7 @@ snapshots:
       '@typescript-eslint/parser': 7.7.0(eslint@8.57.0)(typescript@5.6.3)
       eslint: 8.57.0
       eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 3.6.1(@typescript-eslint/parser@7.7.0(eslint@8.57.0)(typescript@5.6.3))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.1)(eslint@8.57.0)
+      eslint-import-resolver-typescript: 3.6.1(@typescript-eslint/parser@7.7.0(eslint@8.57.0)(typescript@5.6.3))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.1(@typescript-eslint/parser@7.7.0(eslint@8.57.0)(typescript@5.6.3))(eslint@8.57.0))(eslint@8.57.0)
       eslint-plugin-import: 2.29.1(@typescript-eslint/parser@7.7.0(eslint@8.57.0)(typescript@5.6.3))(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0)
       eslint-plugin-jsx-a11y: 6.7.1(eslint@8.57.0)
       eslint-plugin-react: 7.34.1(eslint@8.57.0)
@@ -28274,7 +28346,7 @@ snapshots:
     dependencies:
       eslint: 8.57.0
 
-  eslint-config-react-app@7.0.1(@babel/plugin-syntax-flow@7.24.1(@babel/core@7.24.4))(@babel/plugin-transform-react-jsx@7.23.4(@babel/core@7.24.4))(eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@7.7.0(eslint@8.57.0)(typescript@5.6.3))(eslint-plugin-import@2.29.1)(eslint@8.57.0))(eslint@8.57.0)(jest@26.6.3)(typescript@5.6.3):
+  eslint-config-react-app@7.0.1(@babel/plugin-syntax-flow@7.24.1(@babel/core@7.24.4))(@babel/plugin-transform-react-jsx@7.23.4(@babel/core@7.24.4))(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0)(jest@26.6.3)(typescript@5.6.3):
     dependencies:
       '@babel/core': 7.24.4
       '@babel/eslint-parser': 7.22.15(@babel/core@7.24.4)(eslint@8.57.0)
@@ -28285,7 +28357,7 @@ snapshots:
       confusing-browser-globals: 1.0.11
       eslint: 8.57.0
       eslint-plugin-flowtype: 8.0.3(@babel/plugin-syntax-flow@7.24.1(@babel/core@7.24.4))(@babel/plugin-transform-react-jsx@7.23.4(@babel/core@7.24.4))(eslint@8.57.0)
-      eslint-plugin-import: 2.29.1(@typescript-eslint/parser@5.62.0(eslint@8.57.0)(typescript@5.6.3))(eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@7.7.0(eslint@8.57.0)(typescript@5.6.3))(eslint-plugin-import@2.29.1)(eslint@8.57.0))(eslint@8.57.0)
+      eslint-plugin-import: 2.29.1(@typescript-eslint/parser@5.62.0(eslint@8.57.0)(typescript@5.6.3))(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0)
       eslint-plugin-jest: 25.7.0(@typescript-eslint/eslint-plugin@5.62.0(@typescript-eslint/parser@5.62.0(eslint@8.57.0)(typescript@5.6.3))(eslint@8.57.0)(typescript@5.6.3))(eslint@8.57.0)(jest@26.6.3)(typescript@5.6.3)
       eslint-plugin-jsx-a11y: 6.7.1(eslint@8.57.0)
       eslint-plugin-react: 7.34.1(eslint@8.57.0)
@@ -28301,11 +28373,11 @@ snapshots:
       - jest
       - supports-color
 
-  eslint-import-resolver-alias@1.1.2(eslint-plugin-import@2.29.1(@typescript-eslint/parser@7.7.0(eslint@8.57.0)(typescript@5.6.3))(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0)):
+  eslint-import-resolver-alias@1.1.2(eslint-plugin-import@2.29.1):
     dependencies:
       eslint-plugin-import: 2.29.1(@typescript-eslint/parser@7.7.0(eslint@8.57.0)(typescript@5.6.3))(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0)
 
-  eslint-import-resolver-babel-plugin-root-import@1.1.1(babel-plugin-root-import@6.1.0)(eslint-plugin-import@2.29.1(@typescript-eslint/parser@7.7.0(eslint@8.57.0)(typescript@5.6.3))(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0)):
+  eslint-import-resolver-babel-plugin-root-import@1.1.1(babel-plugin-root-import@6.1.0)(eslint-plugin-import@2.29.1):
     dependencies:
       babel-plugin-root-import: 6.1.0
       eslint-import-resolver-node: 0.2.3
@@ -28330,12 +28402,12 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@7.7.0(eslint@8.57.0)(typescript@5.6.3))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.1)(eslint@8.57.0):
+  eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@7.7.0(eslint@8.57.0)(typescript@5.6.3))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.1(@typescript-eslint/parser@7.7.0(eslint@8.57.0)(typescript@5.6.3))(eslint@8.57.0))(eslint@8.57.0):
     dependencies:
       debug: 4.3.4(supports-color@8.1.1)
       enhanced-resolve: 5.16.0
       eslint: 8.57.0
-      eslint-module-utils: 2.8.1(@typescript-eslint/parser@7.7.0(eslint@8.57.0)(typescript@5.6.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@7.7.0(eslint@8.57.0)(typescript@5.6.3))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.1)(eslint@8.57.0))(eslint@8.57.0)
+      eslint-module-utils: 2.8.1(@typescript-eslint/parser@7.7.0(eslint@8.57.0)(typescript@5.6.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0)
       eslint-plugin-import: 2.29.1(@typescript-eslint/parser@7.7.0(eslint@8.57.0)(typescript@5.6.3))(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0)
       fast-glob: 3.3.2
       get-tsconfig: 4.7.3
@@ -28347,53 +28419,25 @@ snapshots:
       - eslint-import-resolver-webpack
       - supports-color
 
-  eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@7.7.0(eslint@8.57.0)(typescript@5.6.3))(eslint-plugin-import@2.29.1)(eslint@8.57.0):
-    dependencies:
-      debug: 4.3.4(supports-color@8.1.1)
-      enhanced-resolve: 5.16.0
-      eslint: 8.57.0
-      eslint-module-utils: 2.8.1(@typescript-eslint/parser@7.7.0(eslint@8.57.0)(typescript@5.6.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@7.7.0(eslint@8.57.0)(typescript@5.6.3))(eslint-plugin-import@2.29.1)(eslint@8.57.0))(eslint@8.57.0)
-      eslint-plugin-import: 2.29.1(@typescript-eslint/parser@7.7.0(eslint@8.57.0)(typescript@5.6.3))(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0)
-      fast-glob: 3.3.2
-      get-tsconfig: 4.7.3
-      is-core-module: 2.13.1
-      is-glob: 4.0.3
-    transitivePeerDependencies:
-      - '@typescript-eslint/parser'
-      - eslint-import-resolver-node
-      - eslint-import-resolver-webpack
-      - supports-color
-
-  eslint-module-utils@2.8.1(@typescript-eslint/parser@5.62.0(eslint@8.57.0)(typescript@5.6.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@7.7.0(eslint@8.57.0)(typescript@5.6.3))(eslint-plugin-import@2.29.1)(eslint@8.57.0))(eslint@8.57.0):
+  eslint-module-utils@2.8.1(@typescript-eslint/parser@5.62.0(eslint@8.57.0)(typescript@5.6.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0):
     dependencies:
       debug: 3.2.7(supports-color@8.1.1)
     optionalDependencies:
       '@typescript-eslint/parser': 5.62.0(eslint@8.57.0)(typescript@5.6.3)
       eslint: 8.57.0
       eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 3.6.1(@typescript-eslint/parser@7.7.0(eslint@8.57.0)(typescript@5.6.3))(eslint-plugin-import@2.29.1)(eslint@8.57.0)
+      eslint-import-resolver-typescript: 3.6.1(@typescript-eslint/parser@7.7.0(eslint@8.57.0)(typescript@5.6.3))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.1(@typescript-eslint/parser@7.7.0(eslint@8.57.0)(typescript@5.6.3))(eslint@8.57.0))(eslint@8.57.0)
     transitivePeerDependencies:
       - supports-color
 
-  eslint-module-utils@2.8.1(@typescript-eslint/parser@7.7.0(eslint@8.57.0)(typescript@5.6.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@7.7.0(eslint@8.57.0)(typescript@5.6.3))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.1)(eslint@8.57.0))(eslint@8.57.0):
+  eslint-module-utils@2.8.1(@typescript-eslint/parser@7.7.0(eslint@8.57.0)(typescript@5.6.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0):
     dependencies:
       debug: 3.2.7(supports-color@8.1.1)
     optionalDependencies:
       '@typescript-eslint/parser': 7.7.0(eslint@8.57.0)(typescript@5.6.3)
       eslint: 8.57.0
       eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 3.6.1(@typescript-eslint/parser@7.7.0(eslint@8.57.0)(typescript@5.6.3))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.1)(eslint@8.57.0)
-    transitivePeerDependencies:
-      - supports-color
-
-  eslint-module-utils@2.8.1(@typescript-eslint/parser@7.7.0(eslint@8.57.0)(typescript@5.6.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@7.7.0(eslint@8.57.0)(typescript@5.6.3))(eslint-plugin-import@2.29.1)(eslint@8.57.0))(eslint@8.57.0):
-    dependencies:
-      debug: 3.2.7(supports-color@8.1.1)
-    optionalDependencies:
-      '@typescript-eslint/parser': 7.7.0(eslint@8.57.0)(typescript@5.6.3)
-      eslint: 8.57.0
-      eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 3.6.1(@typescript-eslint/parser@7.7.0(eslint@8.57.0)(typescript@5.6.3))(eslint-plugin-import@2.29.1)(eslint@8.57.0)
+      eslint-import-resolver-typescript: 3.6.1(@typescript-eslint/parser@7.7.0(eslint@8.57.0)(typescript@5.6.3))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.1(@typescript-eslint/parser@7.7.0(eslint@8.57.0)(typescript@5.6.3))(eslint@8.57.0))(eslint@8.57.0)
     transitivePeerDependencies:
       - supports-color
 
@@ -28405,7 +28449,7 @@ snapshots:
       lodash: 4.17.21
       string-natural-compare: 3.0.1
 
-  eslint-plugin-import@2.29.1(@typescript-eslint/parser@5.62.0(eslint@8.57.0)(typescript@5.6.3))(eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@7.7.0(eslint@8.57.0)(typescript@5.6.3))(eslint-plugin-import@2.29.1)(eslint@8.57.0))(eslint@8.57.0):
+  eslint-plugin-import@2.29.1(@typescript-eslint/parser@5.62.0(eslint@8.57.0)(typescript@5.6.3))(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0):
     dependencies:
       array-includes: 3.1.8
       array.prototype.findlastindex: 1.2.5
@@ -28415,7 +28459,7 @@ snapshots:
       doctrine: 2.1.0
       eslint: 8.57.0
       eslint-import-resolver-node: 0.3.9
-      eslint-module-utils: 2.8.1(@typescript-eslint/parser@5.62.0(eslint@8.57.0)(typescript@5.6.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@7.7.0(eslint@8.57.0)(typescript@5.6.3))(eslint-plugin-import@2.29.1)(eslint@8.57.0))(eslint@8.57.0)
+      eslint-module-utils: 2.8.1(@typescript-eslint/parser@5.62.0(eslint@8.57.0)(typescript@5.6.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0)
       hasown: 2.0.2
       is-core-module: 2.13.1
       is-glob: 4.0.3
@@ -28442,7 +28486,7 @@ snapshots:
       doctrine: 2.1.0
       eslint: 8.57.0
       eslint-import-resolver-node: 0.3.9
-      eslint-module-utils: 2.8.1(@typescript-eslint/parser@7.7.0(eslint@8.57.0)(typescript@5.6.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@7.7.0(eslint@8.57.0)(typescript@5.6.3))(eslint-plugin-import@2.29.1)(eslint@8.57.0))(eslint@8.57.0)
+      eslint-module-utils: 2.8.1(@typescript-eslint/parser@7.7.0(eslint@8.57.0)(typescript@5.6.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0)
       hasown: 2.0.2
       is-core-module: 2.13.1
       is-glob: 4.0.3
@@ -29015,11 +29059,11 @@ snapshots:
     dependencies:
       flat-cache: 4.0.1
 
-  file-loader@4.3.0(webpack@5.90.1(esbuild@0.20.2)):
+  file-loader@4.3.0(webpack@5.90.1):
     dependencies:
       loader-utils: 1.4.2
       schema-utils: 2.7.1
-      webpack: 5.90.1(esbuild@0.20.2)
+      webpack: 5.90.1
 
   file-selector@0.1.19:
     dependencies:
@@ -29164,7 +29208,7 @@ snapshots:
 
   forever-agent@0.6.1: {}
 
-  fork-ts-checker-webpack-plugin@4.1.6(eslint@8.57.0)(typescript@5.6.3)(vue-template-compiler@2.7.16)(webpack@5.90.1(esbuild@0.20.2)):
+  fork-ts-checker-webpack-plugin@4.1.6(eslint@8.57.0)(typescript@5.6.3)(vue-template-compiler@2.7.16)(webpack@5.90.1):
     dependencies:
       '@babel/code-frame': 7.25.7
       chalk: 2.4.2
@@ -29173,7 +29217,7 @@ snapshots:
       semver: 5.7.2
       tapable: 1.1.3
       typescript: 5.6.3
-      webpack: 5.90.1(esbuild@0.20.2)
+      webpack: 5.90.1
       worker-rpc: 0.1.1
     optionalDependencies:
       eslint: 8.57.0
@@ -29181,7 +29225,7 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  fork-ts-checker-webpack-plugin@8.0.0(typescript@5.6.3)(webpack@5.90.1(esbuild@0.20.2)):
+  fork-ts-checker-webpack-plugin@8.0.0(typescript@5.6.3)(webpack@5.90.1):
     dependencies:
       '@babel/code-frame': 7.25.7
       chalk: 4.1.2
@@ -29196,7 +29240,7 @@ snapshots:
       semver: 7.6.3
       tapable: 2.2.1
       typescript: 5.6.3
-      webpack: 5.90.1(esbuild@0.20.2)
+      webpack: 5.90.1
 
   form-data-encoder@2.1.4: {}
 
@@ -29897,14 +29941,14 @@ snapshots:
 
   html-tags@3.3.1: {}
 
-  html-webpack-plugin@5.5.0(webpack@5.90.1(esbuild@0.20.2)):
+  html-webpack-plugin@5.5.0(webpack@5.90.1):
     dependencies:
       '@types/html-minifier-terser': 6.1.0
       html-minifier-terser: 6.1.0
       lodash: 4.17.21
       pretty-error: 4.0.0
       tapable: 2.2.1
-      webpack: 5.90.1(esbuild@0.20.2)
+      webpack: 5.90.1
 
   htmlparser2@6.1.0:
     dependencies:
@@ -30713,7 +30757,7 @@ snapshots:
       p-limit: 3.1.0
     optional: true
 
-  jest-circus@29.7.0:
+  jest-circus@29.7.0(babel-plugin-macros@3.1.0):
     dependencies:
       '@jest/environment': 29.7.0
       '@jest/expect': 29.7.0
@@ -30762,19 +30806,21 @@ snapshots:
       - ts-node
       - utf-8-validate
 
-  jest-cli@29.7.0(@types/node@20.12.7):
+  jest-cli@29.7.0(@types/node@20.12.7)(babel-plugin-macros@3.1.0)(node-notifier@8.0.2):
     dependencies:
-      '@jest/core': 29.7.0
+      '@jest/core': 29.7.0(babel-plugin-macros@3.1.0)(node-notifier@8.0.2)
       '@jest/test-result': 29.7.0
       '@jest/types': 29.6.3
       chalk: 4.1.2
-      create-jest: 29.7.0(@types/node@20.12.7)
+      create-jest: 29.7.0(@types/node@20.12.7)(babel-plugin-macros@3.1.0)
       exit: 0.1.2
       import-local: 3.1.0
-      jest-config: 29.7.0(@types/node@20.12.7)
+      jest-config: 29.7.0(@types/node@20.12.7)(babel-plugin-macros@3.1.0)
       jest-util: 29.7.0
       jest-validate: 29.7.0
       yargs: 17.7.2
+    optionalDependencies:
+      node-notifier: 8.0.2
     transitivePeerDependencies:
       - '@types/node'
       - babel-plugin-macros
@@ -30808,7 +30854,7 @@ snapshots:
       - supports-color
       - utf-8-validate
 
-  jest-config@29.7.0(@types/node@20.12.7):
+  jest-config@29.7.0(@types/node@20.12.7)(babel-plugin-macros@3.1.0):
     dependencies:
       '@babel/core': 7.25.8
       '@jest/test-sequencer': 29.7.0
@@ -30819,7 +30865,7 @@ snapshots:
       deepmerge: 4.3.1
       glob: 7.1.6
       graceful-fs: 4.2.11
-      jest-circus: 29.7.0
+      jest-circus: 29.7.0(babel-plugin-macros@3.1.0)
       jest-environment-node: 29.7.0
       jest-get-type: 29.6.3
       jest-regex-util: 29.6.3
@@ -31368,12 +31414,14 @@ snapshots:
       - ts-node
       - utf-8-validate
 
-  jest@29.7.0(@types/node@20.12.7):
+  jest@29.7.0(@types/node@20.12.7)(babel-plugin-macros@3.1.0)(node-notifier@8.0.2):
     dependencies:
-      '@jest/core': 29.7.0
+      '@jest/core': 29.7.0(babel-plugin-macros@3.1.0)(node-notifier@8.0.2)
       '@jest/types': 29.6.3
       import-local: 3.1.0
-      jest-cli: 29.7.0(@types/node@20.12.7)
+      jest-cli: 29.7.0(@types/node@20.12.7)(babel-plugin-macros@3.1.0)(node-notifier@8.0.2)
+    optionalDependencies:
+      node-notifier: 8.0.2
     transitivePeerDependencies:
       - '@types/node'
       - babel-plugin-macros
@@ -31420,6 +31468,33 @@ snapshots:
 
   jsbn@1.1.0: {}
 
+  jscodeshift@0.15.2(@babel/preset-env@7.24.4(@babel/core@7.24.4)):
+    dependencies:
+      '@babel/core': 7.25.8
+      '@babel/parser': 7.25.8
+      '@babel/plugin-transform-class-properties': 7.24.1(@babel/core@7.25.8)
+      '@babel/plugin-transform-modules-commonjs': 7.24.1(@babel/core@7.25.8)
+      '@babel/plugin-transform-nullish-coalescing-operator': 7.24.1(@babel/core@7.25.8)
+      '@babel/plugin-transform-optional-chaining': 7.24.1(@babel/core@7.25.8)
+      '@babel/plugin-transform-private-methods': 7.24.1(@babel/core@7.25.8)
+      '@babel/preset-flow': 7.24.1(@babel/core@7.25.8)
+      '@babel/preset-typescript': 7.24.1(@babel/core@7.25.8)
+      '@babel/register': 7.23.7(@babel/core@7.25.8)
+      babel-core: 7.0.0-bridge.0(@babel/core@7.25.8)
+      chalk: 4.1.2
+      flow-parser: 0.234.0
+      graceful-fs: 4.2.11
+      micromatch: 4.0.8
+      neo-async: 2.6.2
+      node-dir: 0.1.17
+      recast: 0.23.6
+      temp: 0.8.4
+      write-file-atomic: 2.4.3
+    optionalDependencies:
+      '@babel/preset-env': 7.24.4(@babel/core@7.24.4)
+    transitivePeerDependencies:
+      - supports-color
+
   jscodeshift@0.15.2(@babel/preset-env@7.24.4(@babel/core@7.25.8)):
     dependencies:
       '@babel/core': 7.25.8
@@ -31716,11 +31791,11 @@ snapshots:
 
   lcov-parse@1.0.0: {}
 
-  less-loader@11.1.0(less@3.11.1)(webpack@5.90.1(esbuild@0.20.2)):
+  less-loader@11.1.0(less@3.11.1)(webpack@5.90.1):
     dependencies:
       klona: 2.0.6
       less: 3.11.1
-      webpack: 5.90.1(esbuild@0.20.2)
+      webpack: 5.90.1
 
   less@3.11.1:
     dependencies:
@@ -32048,10 +32123,10 @@ snapshots:
     dependencies:
       lodash: 4.17.21
 
-  lodash-webpack-plugin@0.11.6(webpack@5.90.1(esbuild@0.20.2)):
+  lodash-webpack-plugin@0.11.6(webpack@5.90.1):
     dependencies:
       lodash: 4.17.21
-      webpack: 5.90.1(esbuild@0.20.2)
+      webpack: 5.90.1
 
   lodash.camelcase@4.3.0: {}
 
@@ -33054,10 +33129,10 @@ snapshots:
       react: 18.2.0
       tiny-warning: 1.0.3
 
-  mini-css-extract-plugin@2.7.2(webpack@5.90.1(esbuild@0.20.2)):
+  mini-css-extract-plugin@2.7.2(webpack@5.90.1):
     dependencies:
       schema-utils: 4.2.0
-      webpack: 5.90.1(esbuild@0.20.2)
+      webpack: 5.90.1
 
   minimalistic-assert@1.0.1: {}
 
@@ -33185,11 +33260,11 @@ snapshots:
 
   modern-ahocorasick@1.0.1: {}
 
-  moment-locales-webpack-plugin@1.2.0(moment@2.29.4)(webpack@5.90.1(esbuild@0.20.2)):
+  moment-locales-webpack-plugin@1.2.0(moment@2.29.4)(webpack@5.90.1):
     dependencies:
       lodash.difference: 4.5.0
       moment: 2.29.4
-      webpack: 5.90.1(esbuild@0.20.2)
+      webpack: 5.90.1
 
   moment@2.29.4: {}
 
@@ -33679,11 +33754,11 @@ snapshots:
     dependencies:
       boolbase: 1.0.0
 
-  null-loader@4.0.1(webpack@5.90.1(esbuild@0.20.2)):
+  null-loader@4.0.1(webpack@5.90.1):
     dependencies:
       loader-utils: 2.0.4
       schema-utils: 3.3.0
-      webpack: 5.90.1(esbuild@0.20.2)
+      webpack: 5.90.1
 
   nwsapi@2.2.7: {}
 
@@ -34332,7 +34407,7 @@ snapshots:
       postcss: 8.4.47
       tsx: 4.19.1
 
-  postcss-loader@4.3.0(postcss@8.4.31)(webpack@5.90.1(esbuild@0.20.2)):
+  postcss-loader@4.3.0(postcss@8.4.31)(webpack@5.90.1):
     dependencies:
       cosmiconfig: 7.1.0
       klona: 2.0.6
@@ -34340,15 +34415,15 @@ snapshots:
       postcss: 8.4.31
       schema-utils: 3.3.0
       semver: 7.6.3
-      webpack: 5.90.1(esbuild@0.20.2)
+      webpack: 5.90.1
 
-  postcss-loader@7.0.2(postcss@8.4.31)(webpack@5.90.1(esbuild@0.20.2)):
+  postcss-loader@7.0.2(postcss@8.4.31)(webpack@5.90.1):
     dependencies:
       cosmiconfig: 7.1.0
       klona: 2.0.6
       postcss: 8.4.31
       semver: 7.6.0
-      webpack: 5.90.1(esbuild@0.20.2)
+      webpack: 5.90.1
 
   postcss-merge-longhand@4.0.11:
     dependencies:
@@ -34600,6 +34675,9 @@ snapshots:
       picocolors: 1.1.1
       source-map-js: 1.2.1
 
+  preact@10.25.4:
+    optional: true
+
   preferred-pm@3.1.3:
     dependencies:
       find-up: 5.0.0
@@ -34884,41 +34962,41 @@ snapshots:
       iconv-lite: 0.4.24
       unpipe: 1.0.0
 
-  razzle-dev-utils@4.2.18(eslint@8.57.0)(typescript@5.6.3)(vue-template-compiler@2.7.16)(webpack-dev-server@4.11.1(debug@4.3.2)(webpack@5.90.1(esbuild@0.20.2)))(webpack@5.90.1(esbuild@0.20.2)):
+  razzle-dev-utils@4.2.18(eslint@8.57.0)(typescript@5.6.3)(vue-template-compiler@2.7.16)(webpack-dev-server@4.11.1(debug@4.3.2)(webpack@5.90.1))(webpack@5.90.1):
     dependencies:
       '@babel/code-frame': 7.24.2
       chalk: 4.1.2
       filesize: 6.4.0
       gzip-size: 6.0.0
       jest-message-util: 26.6.2
-      react-dev-utils: 11.0.4(eslint@8.57.0)(typescript@5.6.3)(vue-template-compiler@2.7.16)(webpack@5.90.1(esbuild@0.20.2))
+      react-dev-utils: 11.0.4(eslint@8.57.0)(typescript@5.6.3)(vue-template-compiler@2.7.16)(webpack@5.90.1)
       react-error-overlay: 6.0.9
       recursive-readdir: 2.2.3
       resolve: 1.22.8
       sockjs-client: 1.4.0
       strip-ansi: 6.0.1
-      webpack: 5.90.1(esbuild@0.20.2)
-      webpack-dev-server: 4.11.1(debug@4.3.2)(webpack@5.90.1(esbuild@0.20.2))
+      webpack: 5.90.1
+      webpack-dev-server: 4.11.1(debug@4.3.2)(webpack@5.90.1)
     transitivePeerDependencies:
       - eslint
       - supports-color
       - typescript
       - vue-template-compiler
 
-  razzle-plugin-scss@4.2.18(mini-css-extract-plugin@2.7.2(webpack@5.90.1(esbuild@0.20.2)))(postcss@8.4.31)(razzle-dev-utils@4.2.18(eslint@8.57.0)(typescript@5.6.3)(vue-template-compiler@2.7.16)(webpack-dev-server@4.11.1(debug@4.3.2)(webpack@5.90.1(esbuild@0.20.2)))(webpack@5.90.1(esbuild@0.20.2)))(razzle@4.2.18(@babel/core@7.24.4)(babel-preset-razzle@4.2.18)(eslint@8.57.0)(html-webpack-plugin@5.5.0(webpack@5.90.1(esbuild@0.20.2)))(mini-css-extract-plugin@2.7.2(webpack@5.90.1(esbuild@0.20.2)))(razzle-dev-utils@4.2.18(eslint@8.57.0)(typescript@5.6.3)(vue-template-compiler@2.7.16)(webpack-dev-server@4.11.1(debug@4.3.2)(webpack@5.90.1(esbuild@0.20.2)))(webpack@5.90.1(esbuild@0.20.2)))(sockjs-client@1.4.0)(type-fest@3.13.1)(typescript@5.6.3)(vue-template-compiler@2.7.16)(webpack-dev-server@4.11.1(debug@4.3.2)(webpack@5.90.1(esbuild@0.20.2)))(webpack-hot-middleware@2.26.1)(webpack@5.90.1(esbuild@0.20.2)))(webpack@5.90.1(esbuild@0.20.2)):
+  razzle-plugin-scss@4.2.18(mini-css-extract-plugin@2.7.2(webpack@5.90.1))(postcss@8.4.31)(razzle-dev-utils@4.2.18(eslint@8.57.0)(typescript@5.6.3)(vue-template-compiler@2.7.16)(webpack-dev-server@4.11.1(debug@4.3.2)(webpack@5.90.1))(webpack@5.90.1))(razzle@4.2.18(@babel/core@7.24.4)(babel-preset-razzle@4.2.18)(eslint@8.57.0)(html-webpack-plugin@5.5.0(webpack@5.90.1))(mini-css-extract-plugin@2.7.2(webpack@5.90.1))(razzle-dev-utils@4.2.18(eslint@8.57.0)(typescript@5.6.3)(vue-template-compiler@2.7.16)(webpack-dev-server@4.11.1(debug@4.3.2)(webpack@5.90.1))(webpack@5.90.1))(sockjs-client@1.4.0)(type-fest@3.13.1)(typescript@5.6.3)(vue-template-compiler@2.7.16)(webpack-dev-server@4.11.1(debug@4.3.2)(webpack@5.90.1))(webpack-hot-middleware@2.26.1)(webpack@5.90.1))(webpack@5.90.1):
     dependencies:
       autoprefixer: 10.4.8(postcss@8.4.31)
-      css-loader: 5.2.7(webpack@5.90.1(esbuild@0.20.2))
+      css-loader: 5.2.7(webpack@5.90.1)
       deepmerge: 4.3.1
-      mini-css-extract-plugin: 2.7.2(webpack@5.90.1(esbuild@0.20.2))
+      mini-css-extract-plugin: 2.7.2(webpack@5.90.1)
       postcss-load-config: 3.1.4(postcss@8.4.31)
-      postcss-loader: 4.3.0(postcss@8.4.31)(webpack@5.90.1(esbuild@0.20.2))
+      postcss-loader: 4.3.0(postcss@8.4.31)(webpack@5.90.1)
       postcss-scss: 3.0.5
-      razzle: 4.2.18(@babel/core@7.24.4)(babel-preset-razzle@4.2.18)(eslint@8.57.0)(html-webpack-plugin@5.5.0(webpack@5.90.1(esbuild@0.20.2)))(mini-css-extract-plugin@2.7.2(webpack@5.90.1(esbuild@0.20.2)))(razzle-dev-utils@4.2.18(eslint@8.57.0)(typescript@5.6.3)(vue-template-compiler@2.7.16)(webpack-dev-server@4.11.1(debug@4.3.2)(webpack@5.90.1(esbuild@0.20.2)))(webpack@5.90.1(esbuild@0.20.2)))(sockjs-client@1.4.0)(type-fest@3.13.1)(typescript@5.6.3)(vue-template-compiler@2.7.16)(webpack-dev-server@4.11.1(debug@4.3.2)(webpack@5.90.1(esbuild@0.20.2)))(webpack-hot-middleware@2.26.1)(webpack@5.90.1(esbuild@0.20.2))
-      razzle-dev-utils: 4.2.18(eslint@8.57.0)(typescript@5.6.3)(vue-template-compiler@2.7.16)(webpack-dev-server@4.11.1(debug@4.3.2)(webpack@5.90.1(esbuild@0.20.2)))(webpack@5.90.1(esbuild@0.20.2))
+      razzle: 4.2.18(@babel/core@7.24.4)(babel-preset-razzle@4.2.18)(eslint@8.57.0)(html-webpack-plugin@5.5.0(webpack@5.90.1))(mini-css-extract-plugin@2.7.2(webpack@5.90.1))(razzle-dev-utils@4.2.18(eslint@8.57.0)(typescript@5.6.3)(vue-template-compiler@2.7.16)(webpack-dev-server@4.11.1(debug@4.3.2)(webpack@5.90.1))(webpack@5.90.1))(sockjs-client@1.4.0)(type-fest@3.13.1)(typescript@5.6.3)(vue-template-compiler@2.7.16)(webpack-dev-server@4.11.1(debug@4.3.2)(webpack@5.90.1))(webpack-hot-middleware@2.26.1)(webpack@5.90.1)
+      razzle-dev-utils: 4.2.18(eslint@8.57.0)(typescript@5.6.3)(vue-template-compiler@2.7.16)(webpack-dev-server@4.11.1(debug@4.3.2)(webpack@5.90.1))(webpack@5.90.1)
       resolve-url-loader: 3.1.5
       sass: 1.75.0
-      sass-loader: 10.5.2(sass@1.75.0)(webpack@5.90.1(esbuild@0.20.2))
+      sass-loader: 10.5.2(sass@1.75.0)(webpack@5.90.1)
     transitivePeerDependencies:
       - fibers
       - node-sass
@@ -34926,58 +35004,58 @@ snapshots:
       - ts-node
       - webpack
 
-  razzle-start-server-webpack-plugin@4.2.18(webpack@5.90.1(esbuild@0.20.2)):
+  razzle-start-server-webpack-plugin@4.2.18(webpack@5.90.1):
     dependencies:
-      webpack: 5.90.1(esbuild@0.20.2)
+      webpack: 5.90.1
 
-  razzle@4.2.18(@babel/core@7.24.4)(babel-preset-razzle@4.2.18)(eslint@8.57.0)(html-webpack-plugin@5.5.0(webpack@5.90.1(esbuild@0.20.2)))(mini-css-extract-plugin@2.7.2(webpack@5.90.1(esbuild@0.20.2)))(razzle-dev-utils@4.2.18(eslint@8.57.0)(typescript@5.6.3)(vue-template-compiler@2.7.16)(webpack-dev-server@4.11.1(debug@4.3.2)(webpack@5.90.1(esbuild@0.20.2)))(webpack@5.90.1(esbuild@0.20.2)))(sockjs-client@1.4.0)(type-fest@3.13.1)(typescript@5.6.3)(vue-template-compiler@2.7.16)(webpack-dev-server@4.11.1(debug@4.3.2)(webpack@5.90.1(esbuild@0.20.2)))(webpack-hot-middleware@2.26.1)(webpack@5.90.1(esbuild@0.20.2)):
+  razzle@4.2.18(@babel/core@7.24.4)(babel-preset-razzle@4.2.18)(eslint@8.57.0)(html-webpack-plugin@5.5.0(webpack@5.90.1))(mini-css-extract-plugin@2.7.2(webpack@5.90.1))(razzle-dev-utils@4.2.18(eslint@8.57.0)(typescript@5.6.3)(vue-template-compiler@2.7.16)(webpack-dev-server@4.11.1(debug@4.3.2)(webpack@5.90.1))(webpack@5.90.1))(sockjs-client@1.4.0)(type-fest@3.13.1)(typescript@5.6.3)(vue-template-compiler@2.7.16)(webpack-dev-server@4.11.1(debug@4.3.2)(webpack@5.90.1))(webpack-hot-middleware@2.26.1)(webpack@5.90.1):
     dependencies:
       '@babel/plugin-transform-modules-commonjs': 7.24.1(@babel/core@7.24.4)
-      '@pmmmwh/react-refresh-webpack-plugin': 0.5.11(react-refresh@0.14.0)(sockjs-client@1.4.0)(type-fest@3.13.1)(webpack-dev-server@4.11.1(debug@4.3.2)(webpack@5.90.1(esbuild@0.20.2)))(webpack-hot-middleware@2.26.1)(webpack@5.90.1(esbuild@0.20.2))
+      '@pmmmwh/react-refresh-webpack-plugin': 0.5.11(react-refresh@0.14.0)(sockjs-client@1.4.0)(type-fest@3.13.1)(webpack-dev-server@4.11.1(debug@4.3.2)(webpack@5.90.1))(webpack-hot-middleware@2.26.1)(webpack@5.90.1)
       autoprefixer: 10.4.8(postcss@8.4.31)
       babel-jest: 26.6.3(@babel/core@7.24.4)
-      babel-loader: 8.3.0(@babel/core@7.24.4)(webpack@5.90.1(esbuild@0.20.2))
+      babel-loader: 8.3.0(@babel/core@7.24.4)(webpack@5.90.1)
       babel-plugin-transform-define: 2.1.4
       babel-preset-razzle: 4.2.18
       buffer: 6.0.3
       chalk: 4.1.2
       clean-css: 5.3.3
-      copy-webpack-plugin: 6.4.1(webpack@5.90.1(esbuild@0.20.2))
-      css-loader: 5.2.7(webpack@5.90.1(esbuild@0.20.2))
-      css-minimizer-webpack-plugin: 1.3.0(webpack@5.90.1(esbuild@0.20.2))
+      copy-webpack-plugin: 6.4.1(webpack@5.90.1)
+      css-loader: 5.2.7(webpack@5.90.1)
+      css-minimizer-webpack-plugin: 1.3.0(webpack@5.90.1)
       deepmerge: 4.3.1
       dotenv: 8.6.0
       dotenv-expand: 5.1.0
-      file-loader: 4.3.0(webpack@5.90.1(esbuild@0.20.2))
+      file-loader: 4.3.0(webpack@5.90.1)
       fs-extra: 9.1.0
-      html-webpack-plugin: 5.5.0(webpack@5.90.1(esbuild@0.20.2))
+      html-webpack-plugin: 5.5.0(webpack@5.90.1)
       inquirer: 7.3.3
       jest: 26.6.3
-      mini-css-extract-plugin: 2.7.2(webpack@5.90.1(esbuild@0.20.2))
+      mini-css-extract-plugin: 2.7.2(webpack@5.90.1)
       mri: 1.2.0
-      null-loader: 4.0.1(webpack@5.90.1(esbuild@0.20.2))
+      null-loader: 4.0.1(webpack@5.90.1)
       pnp-webpack-plugin: 1.7.0(typescript@5.6.3)
       postcss: 8.4.31
       postcss-load-config: 3.1.4(postcss@8.4.31)
-      postcss-loader: 4.3.0(postcss@8.4.31)(webpack@5.90.1(esbuild@0.20.2))
+      postcss-loader: 4.3.0(postcss@8.4.31)(webpack@5.90.1)
       process: 0.11.10
-      razzle-dev-utils: 4.2.18(eslint@8.57.0)(typescript@5.6.3)(vue-template-compiler@2.7.16)(webpack-dev-server@4.11.1(debug@4.3.2)(webpack@5.90.1(esbuild@0.20.2)))(webpack@5.90.1(esbuild@0.20.2))
-      razzle-start-server-webpack-plugin: 4.2.18(webpack@5.90.1(esbuild@0.20.2))
-      react-dev-utils: 11.0.4(eslint@8.57.0)(typescript@5.6.3)(vue-template-compiler@2.7.16)(webpack@5.90.1(esbuild@0.20.2))
+      razzle-dev-utils: 4.2.18(eslint@8.57.0)(typescript@5.6.3)(vue-template-compiler@2.7.16)(webpack-dev-server@4.11.1(debug@4.3.2)(webpack@5.90.1))(webpack@5.90.1)
+      razzle-start-server-webpack-plugin: 4.2.18(webpack@5.90.1)
+      react-dev-utils: 11.0.4(eslint@8.57.0)(typescript@5.6.3)(vue-template-compiler@2.7.16)(webpack@5.90.1)
       react-refresh: 0.14.0
       resolve: 1.22.8
       sade: 1.8.1
       source-map-support: 0.5.21
       string-hash: 1.1.3
-      style-loader: 2.0.0(webpack@5.90.1(esbuild@0.20.2))
+      style-loader: 2.0.0(webpack@5.90.1)
       terminate: 2.6.1
-      terser-webpack-plugin: 2.3.8(webpack@5.90.1(esbuild@0.20.2))
+      terser-webpack-plugin: 2.3.8(webpack@5.90.1)
       tiny-async-pool: 1.3.0
-      url-loader: 2.3.0(file-loader@4.3.0(webpack@5.90.1(esbuild@0.20.2)))(webpack@5.90.1(esbuild@0.20.2))
-      webpack: 5.90.1(esbuild@0.20.2)
-      webpack-dev-server: 4.11.1(debug@4.3.2)(webpack@5.90.1(esbuild@0.20.2))
-      webpack-manifest-plugin: 3.2.0(webpack@5.90.1(esbuild@0.20.2))
-      webpackbar: 5.0.2(webpack@5.90.1(esbuild@0.20.2))
+      url-loader: 2.3.0(file-loader@4.3.0(webpack@5.90.1))(webpack@5.90.1)
+      webpack: 5.90.1
+      webpack-dev-server: 4.11.1(debug@4.3.2)(webpack@5.90.1)
+      webpack-manifest-plugin: 3.2.0(webpack@5.90.1)
+      webpackbar: 5.0.2(webpack@5.90.1)
     transitivePeerDependencies:
       - '@babel/core'
       - '@types/webpack'
@@ -35202,7 +35280,7 @@ snapshots:
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
 
-  react-dev-utils@11.0.4(eslint@8.57.0)(typescript@5.6.3)(vue-template-compiler@2.7.16)(webpack@5.90.1(esbuild@0.20.2)):
+  react-dev-utils@11.0.4(eslint@8.57.0)(typescript@5.6.3)(vue-template-compiler@2.7.16)(webpack@5.90.1):
     dependencies:
       '@babel/code-frame': 7.10.4
       address: 1.1.2
@@ -35213,7 +35291,7 @@ snapshots:
       escape-string-regexp: 2.0.0
       filesize: 6.1.0
       find-up: 4.1.0
-      fork-ts-checker-webpack-plugin: 4.1.6(eslint@8.57.0)(typescript@5.6.3)(vue-template-compiler@2.7.16)(webpack@5.90.1(esbuild@0.20.2))
+      fork-ts-checker-webpack-plugin: 4.1.6(eslint@8.57.0)(typescript@5.6.3)(vue-template-compiler@2.7.16)(webpack@5.90.1)
       global-modules: 2.0.0
       globby: 11.0.1
       gzip-size: 5.1.1
@@ -35228,7 +35306,7 @@ snapshots:
       shell-quote: 1.7.2
       strip-ansi: 6.0.0
       text-table: 0.2.0
-      webpack: 5.90.1(esbuild@0.20.2)
+      webpack: 5.90.1
     optionalDependencies:
       typescript: 5.6.3
     transitivePeerDependencies:
@@ -35253,7 +35331,7 @@ snapshots:
       recompose: 0.27.1(react@18.2.0)
       shallowequal: 1.1.0
 
-  react-docgen-typescript-plugin@1.0.6(typescript@5.6.3)(webpack@5.90.1(esbuild@0.20.2)):
+  react-docgen-typescript-plugin@1.0.6(typescript@5.6.3)(webpack@5.90.1):
     dependencies:
       debug: 4.3.4(supports-color@8.1.1)
       endent: 2.1.0
@@ -35263,7 +35341,7 @@ snapshots:
       react-docgen-typescript: 2.2.2(typescript@5.6.3)
       tslib: 2.6.2
       typescript: 5.6.3
-      webpack: 5.90.1(esbuild@0.20.2)
+      webpack: 5.90.1
     transitivePeerDependencies:
       - supports-color
 
@@ -36313,14 +36391,14 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  sass-loader@10.5.2(sass@1.75.0)(webpack@5.90.1(esbuild@0.20.2)):
+  sass-loader@10.5.2(sass@1.75.0)(webpack@5.90.1):
     dependencies:
       klona: 2.0.6
       loader-utils: 2.0.4
       neo-async: 2.6.2
       schema-utils: 3.3.0
       semver: 7.6.3
-      webpack: 5.90.1(esbuild@0.20.2)
+      webpack: 5.90.1
     optionalDependencies:
       sass: 1.75.0
 
@@ -36947,6 +37025,18 @@ snapshots:
 
   store2@2.14.3: {}
 
+  storybook@8.0.8(@babel/preset-env@7.24.4(@babel/core@7.24.4))(encoding@0.1.13)(react-dom@18.2.0(react@18.2.0))(react@18.2.0):
+    dependencies:
+      '@storybook/cli': 8.0.8(@babel/preset-env@7.24.4(@babel/core@7.24.4))(encoding@0.1.13)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
+    transitivePeerDependencies:
+      - '@babel/preset-env'
+      - bufferutil
+      - encoding
+      - react
+      - react-dom
+      - supports-color
+      - utf-8-validate
+
   storybook@8.0.8(@babel/preset-env@7.24.4(@babel/core@7.25.8))(encoding@0.1.13)(react-dom@18.2.0(react@18.2.0))(react@18.2.0):
     dependencies:
       '@storybook/cli': 8.0.8(@babel/preset-env@7.24.4(@babel/core@7.25.8))(encoding@0.1.13)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
@@ -37115,15 +37205,15 @@ snapshots:
     dependencies:
       js-tokens: 9.0.0
 
-  style-loader@2.0.0(webpack@5.90.1(esbuild@0.20.2)):
+  style-loader@2.0.0(webpack@5.90.1):
     dependencies:
       loader-utils: 2.0.4
       schema-utils: 3.3.0
-      webpack: 5.90.1(esbuild@0.20.2)
+      webpack: 5.90.1
 
-  style-loader@3.3.1(webpack@5.90.1(esbuild@0.20.2)):
+  style-loader@3.3.1(webpack@5.90.1):
     dependencies:
-      webpack: 5.90.1(esbuild@0.20.2)
+      webpack: 5.90.1
 
   style-to-object@0.4.4:
     dependencies:
@@ -37381,7 +37471,7 @@ snapshots:
     dependencies:
       ps-tree: 1.2.0
 
-  terser-webpack-plugin@2.3.8(webpack@5.90.1(esbuild@0.20.2)):
+  terser-webpack-plugin@2.3.8(webpack@5.90.1):
     dependencies:
       cacache: 13.0.1
       find-cache-dir: 3.3.2
@@ -37391,32 +37481,28 @@ snapshots:
       serialize-javascript: 4.0.0
       source-map: 0.6.1
       terser: 4.8.1
-      webpack: 5.90.1(esbuild@0.20.2)
+      webpack: 5.90.1
       webpack-sources: 1.4.3
     transitivePeerDependencies:
       - bluebird
 
-  terser-webpack-plugin@5.3.10(esbuild@0.20.2)(webpack@5.90.1(esbuild@0.20.2)):
+  terser-webpack-plugin@5.3.10(webpack@5.90.1):
     dependencies:
       '@jridgewell/trace-mapping': 0.3.25
       jest-worker: 27.5.1
       schema-utils: 3.3.0
       serialize-javascript: 6.0.2
       terser: 5.30.3
-      webpack: 5.90.1(esbuild@0.20.2)
-    optionalDependencies:
-      esbuild: 0.20.2
+      webpack: 5.90.1
 
-  terser-webpack-plugin@5.3.6(esbuild@0.20.2)(webpack@5.90.1(esbuild@0.20.2)):
+  terser-webpack-plugin@5.3.6(webpack@5.90.1):
     dependencies:
       '@jridgewell/trace-mapping': 0.3.25
       jest-worker: 27.5.1
       schema-utils: 3.3.0
       serialize-javascript: 6.0.2
       terser: 5.30.3
-      webpack: 5.90.1(esbuild@0.20.2)
-    optionalDependencies:
-      esbuild: 0.20.2
+      webpack: 5.90.1
 
   terser@4.8.1:
     dependencies:
@@ -37607,14 +37693,14 @@ snapshots:
       typescript: 5.6.3
       yargs-parser: 20.2.9
 
-  ts-loader@9.4.4(typescript@5.6.3)(webpack@5.90.1(esbuild@0.20.2)):
+  ts-loader@9.4.4(typescript@5.6.3)(webpack@5.90.1):
     dependencies:
       chalk: 4.1.2
       enhanced-resolve: 5.16.0
       micromatch: 4.0.5
       semver: 7.6.0
       typescript: 5.6.3
-      webpack: 5.90.1(esbuild@0.20.2)
+      webpack: 5.90.1
 
   ts-pnp@1.2.0(typescript@5.6.3):
     optionalDependencies:
@@ -37641,7 +37727,7 @@ snapshots:
 
   tslib@2.6.2: {}
 
-  tsup@8.3.5(@microsoft/api-extractor@7.43.0(@types/node@20.12.7))(@swc/core@1.4.16)(jiti@1.21.6)(postcss@8.4.47)(tsx@4.19.1)(typescript@5.6.3):
+  tsup@8.3.5(@microsoft/api-extractor@7.43.0(@types/node@20.12.7))(@swc/core@1.4.16(@swc/helpers@0.5.10))(jiti@1.21.6)(postcss@8.4.47)(tsx@4.19.1)(typescript@5.6.3):
     dependencies:
       bundle-require: 5.0.0(esbuild@0.24.0)
       cac: 6.7.14
@@ -37661,7 +37747,7 @@ snapshots:
       tree-kill: 1.2.2
     optionalDependencies:
       '@microsoft/api-extractor': 7.43.0(@types/node@20.12.7)
-      '@swc/core': 1.4.16
+      '@swc/core': 1.4.16(@swc/helpers@0.5.10)
       postcss: 8.4.47
       typescript: 5.6.3
     transitivePeerDependencies:
@@ -38122,14 +38208,14 @@ snapshots:
 
   url-join@5.0.0: {}
 
-  url-loader@2.3.0(file-loader@4.3.0(webpack@5.90.1(esbuild@0.20.2)))(webpack@5.90.1(esbuild@0.20.2)):
+  url-loader@2.3.0(file-loader@4.3.0(webpack@5.90.1))(webpack@5.90.1):
     dependencies:
       loader-utils: 1.4.2
       mime: 2.6.0
       schema-utils: 2.7.1
-      webpack: 5.90.1(esbuild@0.20.2)
+      webpack: 5.90.1
     optionalDependencies:
-      file-loader: 4.3.0(webpack@5.90.1(esbuild@0.20.2))
+      file-loader: 4.3.0(webpack@5.90.1)
 
   url-parse-lax@3.0.0:
     dependencies:
@@ -38814,16 +38900,16 @@ snapshots:
       - bufferutil
       - utf-8-validate
 
-  webpack-dev-middleware@5.3.4(webpack@5.90.1(esbuild@0.20.2)):
+  webpack-dev-middleware@5.3.4(webpack@5.90.1):
     dependencies:
       colorette: 2.0.20
       memfs: 3.5.3
       mime-types: 2.1.35
       range-parser: 1.2.1
       schema-utils: 4.2.0
-      webpack: 5.90.1(esbuild@0.20.2)
+      webpack: 5.90.1
 
-  webpack-dev-middleware@6.1.3(webpack@5.90.1(esbuild@0.20.2)):
+  webpack-dev-middleware@6.1.3(webpack@5.90.1):
     dependencies:
       colorette: 2.0.20
       memfs: 3.5.3
@@ -38831,9 +38917,9 @@ snapshots:
       range-parser: 1.2.1
       schema-utils: 4.2.0
     optionalDependencies:
-      webpack: 5.90.1(esbuild@0.20.2)
+      webpack: 5.90.1
 
-  webpack-dev-server@4.11.1(debug@4.3.2)(webpack@5.90.1(esbuild@0.20.2)):
+  webpack-dev-server@4.11.1(debug@4.3.2)(webpack@5.90.1):
     dependencies:
       '@types/bonjour': 3.5.13
       '@types/connect-history-api-fallback': 1.5.4
@@ -38862,8 +38948,8 @@ snapshots:
       serve-index: 1.9.1
       sockjs: 0.3.24
       spdy: 4.0.2
-      webpack: 5.90.1(esbuild@0.20.2)
-      webpack-dev-middleware: 5.3.4(webpack@5.90.1(esbuild@0.20.2))
+      webpack: 5.90.1
+      webpack-dev-middleware: 5.3.4(webpack@5.90.1)
       ws: 8.16.0
     transitivePeerDependencies:
       - bufferutil
@@ -38877,10 +38963,10 @@ snapshots:
       html-entities: 2.5.2
       strip-ansi: 6.0.1
 
-  webpack-manifest-plugin@3.2.0(webpack@5.90.1(esbuild@0.20.2)):
+  webpack-manifest-plugin@3.2.0(webpack@5.90.1):
     dependencies:
       tapable: 2.2.1
-      webpack: 5.90.1(esbuild@0.20.2)
+      webpack: 5.90.1
       webpack-sources: 2.3.1
 
   webpack-node-externals@3.0.0: {}
@@ -38903,7 +38989,7 @@ snapshots:
 
   webpack-virtual-modules@0.6.2: {}
 
-  webpack@5.90.1(esbuild@0.20.2):
+  webpack@5.90.1:
     dependencies:
       '@types/eslint-scope': 3.7.7
       '@types/estree': 1.0.5
@@ -38926,7 +39012,7 @@ snapshots:
       neo-async: 2.6.2
       schema-utils: 3.3.0
       tapable: 2.2.1
-      terser-webpack-plugin: 5.3.10(esbuild@0.20.2)(webpack@5.90.1(esbuild@0.20.2))
+      terser-webpack-plugin: 5.3.10(webpack@5.90.1)
       watchpack: 2.4.1
       webpack-sources: 3.2.3
     transitivePeerDependencies:
@@ -38934,13 +39020,13 @@ snapshots:
       - esbuild
       - uglify-js
 
-  webpackbar@5.0.2(webpack@5.90.1(esbuild@0.20.2)):
+  webpackbar@5.0.2(webpack@5.90.1):
     dependencies:
       chalk: 4.1.2
       consola: 2.15.3
       pretty-time: 1.1.0
       std-env: 3.7.0
-      webpack: 5.90.1(esbuild@0.20.2)
+      webpack: 5.90.1
 
   websocket-driver@0.7.4:
     dependencies: