From bb8c60abb9c463c522df459e7cebfeb3da70d9bb Mon Sep 17 00:00:00 2001
From: Albrecht Degering <albrecht@degering.name>
Date: Wed, 19 Aug 2026 14:26:26 +0200
Subject: [PATCH] Adopt semantic mail action layout

---
 webui/src/features/mail/MailBouncePage.tsx | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/webui/src/features/mail/MailBouncePage.tsx b/webui/src/features/mail/MailBouncePage.tsx
index 1bda639..cbca620 100644
--- a/webui/src/features/mail/MailBouncePage.tsx
+++ b/webui/src/features/mail/MailBouncePage.tsx
@@ -9,6 +9,7 @@ import { FormGrid, ContentGrid,
   Dialog,
   DocumentationHelpLink,
   FormField,
+  PageActionBar,
   PageLayout,
   StatusBadge,
   TableActionGroup,
@@ -193,16 +194,17 @@ export default function MailBouncePage({ settings }: { settings: ApiSettings })
   return (
     <>
       <PageLayout
+        archetype="collection"
         title="Bounce processing"
         description="Watch IMAP delivery-status folders and correlate recipient failures with Mail delivery commands."
-        actions={(
-          <>
-            <Button onClick={() => navigate("/mail")}><ArrowLeft size={16} aria-hidden="true" /> Mailbox</Button>
-            <DocumentationHelpLink reference={MAIL_BOUNCE_DOCUMENTATION} />
-            <Button onClick={() => void load()} disabled={Boolean(pageMutationBlocker)} disabledReason={pageMutationBlocker}><RefreshCw size={16} aria-hidden="true" /> Reload</Button>
-            <Button variant="primary" onClick={() => setAddOpen(true)} disabled={Boolean(addWatcherBlocker)} disabledReason={addWatcherBlocker}><Plus size={16} aria-hidden="true" /> Add watcher</Button>
-          </>
-        )}
+        actions={<PageActionBar
+          variant="collection"
+          refreshable
+          reloadAction={<Button onClick={() => void load()} disabled={Boolean(pageMutationBlocker)} disabledReason={pageMutationBlocker}><RefreshCw size={16} aria-hidden="true" /> Reload</Button>}
+          contextActions={<Button onClick={() => navigate("/mail")}><ArrowLeft size={16} aria-hidden="true" /> Mailbox</Button>}
+          helpAction={<DocumentationHelpLink reference={MAIL_BOUNCE_DOCUMENTATION} />}
+          createAction={<Button variant="primary" onClick={() => setAddOpen(true)} disabled={Boolean(addWatcherBlocker)} disabledReason={addWatcherBlocker}><Plus size={16} aria-hidden="true" /> Add watcher</Button>}
+        />}
         loading={loading}
         loadingLabel="Loading bounce processing"
         error={error}