diff --git a/src-ui/src/app/components/manage/mail/mail.component.html b/src-ui/src/app/components/manage/mail/mail.component.html
index 16e8e88fb..2eb95fabd 100644
--- a/src-ui/src/app/components/manage/mail/mail.component.html
+++ b/src-ui/src/app/components/manage/mail/mail.component.html
@@ -168,6 +168,13 @@
Copy
+
+ @if (loading) {
+
+ } @else if (processedMails.length === 0) {
+
No processed mails found.
+ } @else {
+
+
+ }
+
diff --git a/src-ui/src/app/components/manage/mail/processed-mails-dialog/processed-mails-dialog.component.scss b/src-ui/src/app/components/manage/mail/processed-mails-dialog/processed-mails-dialog.component.scss
new file mode 100644
index 000000000..e69de29bb
diff --git a/src-ui/src/app/components/manage/mail/processed-mails-dialog/processed-mails-dialog.component.spec.ts b/src-ui/src/app/components/manage/mail/processed-mails-dialog/processed-mails-dialog.component.spec.ts
new file mode 100644
index 000000000..e69de29bb
diff --git a/src-ui/src/app/components/manage/mail/processed-mails-dialog/processed-mails-dialog.component.ts b/src-ui/src/app/components/manage/mail/processed-mails-dialog/processed-mails-dialog.component.ts
new file mode 100644
index 000000000..2acda5137
--- /dev/null
+++ b/src-ui/src/app/components/manage/mail/processed-mails-dialog/processed-mails-dialog.component.ts
@@ -0,0 +1,91 @@
+import { SlicePipe } from '@angular/common'
+import { Component, inject, Input } from '@angular/core'
+import {
+ NgbActiveModal,
+ NgbPagination,
+ NgbTooltipModule,
+} from '@ng-bootstrap/ng-bootstrap'
+import { NgxBootstrapIconsModule } from 'ngx-bootstrap-icons'
+import { ConfirmButtonComponent } from 'src/app/components/common/confirm-button/confirm-button.component'
+import { MailRule } from 'src/app/data/mail-rule'
+import { ProcessedMail } from 'src/app/data/processed-mail'
+import { CustomDatePipe } from 'src/app/pipes/custom-date.pipe'
+import { ProcessedMailService } from 'src/app/services/rest/processed-mail.service'
+import { ToastService } from 'src/app/services/toast.service'
+
+@Component({
+ selector: 'pngx-processed-mails-dialog',
+ imports: [
+ ConfirmButtonComponent,
+ CustomDatePipe,
+ NgbPagination,
+ NgbTooltipModule,
+ NgxBootstrapIconsModule,
+ SlicePipe,
+ ],
+ templateUrl: './processed-mails-dialog.component.html',
+ styleUrl: './processed-mails-dialog.component.scss',
+})
+export class ProcessedMailsDialogComponent {
+ private activeModal = inject(NgbActiveModal)
+ private processedMailService = inject(ProcessedMailService)
+ private toastService = inject(ToastService)
+
+ public processedMails: ProcessedMail[] = []
+
+ public loading: boolean = true
+ public toggleAllEnabled: boolean = false
+ public readonly selectedMailIds: Set