Add email suppression list management UI with webhook integration

[sagnik11]

TL;DR

Introduces a comprehensive email suppression system with a management dashboard, allowing users to view, search, add, and remove suppressed email addresses. Suppression records are auto-populated from bounces, complaints, and unsubscribes, with support for CSV imports and manual entries.

What changed?

• New Suppressions Page (app/(dashboard)/settings/suppressions/page.tsx): Full-featured client component with:

  • Paginated table displaying suppressed emails with reason badges (bounce, complaint, unsubscribe, manual, imported)
  • Search functionality to filter suppressions by email address
  • "Add Email" dialog for manually suppressing email addresses
  • Delete functionality to remove suppressions
  • Loading states with skeleton components
  • Toast notifications for user feedback
  • Dark mode support with themed badge colors

• Suppression Management Features:

  • Five suppression reasons with distinct visual styling
  • Pagination with configurable page size (50 items per page)
  • API integration with /api/internal/suppressions endpoints (GET, POST, DELETE)
  • CSV import link to upload batch suppressions
  • Displays creation timestamps formatted with date-fns

• UI Components: Leverages existing design system (Table, Button, Input, Dialog, Select, Badge, Skeleton, useToast)

---

Created with PostHog Code