From f066be49d022466f5296029d0f1dabdacfc1c5c0 Mon Sep 17 00:00:00 2001
From: Harsh Mahajan <127186841+HarshMN2345@users.noreply.github.com>
Date: Sun, 7 Sep 2025 14:24:34 +0530
Subject: [PATCH 1/2] add missing filter elements for status and providerType
 columns

---
 src/lib/components/filters/quickFilters.ts    |  8 ++-
 src/lib/components/filters/setFilters.ts      |  7 ++-
 .../messaging/+page.svelte                    | 54 +++++++++++++++++--
 3 files changed, 63 insertions(+), 6 deletions(-)

diff --git a/src/lib/components/filters/quickFilters.ts b/src/lib/components/filters/quickFilters.ts
index dce8e823da..29746e20cb 100644
--- a/src/lib/components/filters/quickFilters.ts
+++ b/src/lib/components/filters/quickFilters.ts
@@ -47,7 +47,13 @@ export function addFilterAndApply(
             addSizeFilter(value, colId, columns);
         } else if (colId === 'statusCode') {
             addStatusCodeFilter(value, colId, columns);
-        } else if (colId === '$createdAt' || colId === '$updatedAt' || colId === 'buildDuration') {
+        } else if (
+            colId === '$createdAt' ||
+            colId === '$updatedAt' ||
+            colId === 'buildDuration' ||
+            colId === 'scheduledAt' ||
+            colId === 'deliveredAt'
+        ) {
             addDateFilter(value, colId, columns);
         } else {
             addFilter(columns, colId, operator, value, arrayValues);
diff --git a/src/lib/components/filters/setFilters.ts b/src/lib/components/filters/setFilters.ts
index b7e0f18c3a..68529cca19 100644
--- a/src/lib/components/filters/setFilters.ts
+++ b/src/lib/components/filters/setFilters.ts
@@ -20,7 +20,12 @@ export function setFilters(localTags: TagValue[], filterCols: FilterData[], $col
                 setSizeFilter(filter, $columns);
             } else if (id?.includes('statuscode')) {
                 setStatusCodeFilter(filter, $columns);
-            } else if (id === '$createdat' || id === '$updatedat') {
+            } else if (
+                id === '$createdat' ||
+                id === '$updatedat' ||
+                id === 'scheduledat' ||
+                id === 'deliveredat'
+            ) {
                 setDateFilter(filter, $columns);
             } else {
                 setFilterData(filter);
diff --git a/src/routes/(console)/project-[region]-[project]/messaging/+page.svelte b/src/routes/(console)/project-[region]-[project]/messaging/+page.svelte
index 1931f56ffa..fcc7325938 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/messaging/+page.svelte
@@ -49,10 +49,56 @@
             filter: false,
             width: { min: 140 }
         },
-        { id: 'providerType', title: 'Type', type: 'string', width: { min: 100 } },
-        { id: 'status', title: 'Status', type: 'string', width: { min: 120 } },
-        { id: 'scheduledAt', title: 'Scheduled at', type: 'datetime', width: { min: 120 } },
-        { id: 'deliveredAt', title: 'Delivered at', type: 'datetime', width: { min: 120 } }
+        {
+            id: 'providerType',
+            title: 'Type',
+            type: 'string',
+            width: { min: 100 },
+            array: true,
+            format: 'enum',
+            elements: [
+                { value: 'email', label: 'Email' },
+                { value: 'sms', label: 'SMS' },
+                { value: 'push', label: 'Push' }
+            ]
+        },
+        {
+            id: 'status',
+            title: 'Status',
+            type: 'enum',
+            width: { min: 120 },
+            array: true,
+            format: 'enum',
+            elements: ['draft', 'scheduled', 'processing', 'sent', 'failed']
+        },
+        {
+            id: 'scheduledAt',
+            title: 'Scheduled at',
+            type: 'datetime',
+            width: { min: 120 },
+            format: 'datetime',
+            elements: [
+                { value: 5 * 60 * 1000, label: 'last 5 minutes' },
+                { value: 60 * 60 * 1000, label: 'last 1 hour' },
+                { value: 24 * 60 * 60 * 1000, label: 'last 24 hours' },
+                { value: 7 * 24 * 60 * 60 * 1000, label: 'last 7 days' },
+                { value: 30 * 24 * 60 * 60 * 1000, label: 'last 30 days' }
+            ]
+        },
+        {
+            id: 'deliveredAt',
+            title: 'Delivered at',
+            type: 'datetime',
+            width: { min: 120 },
+            format: 'datetime',
+            elements: [
+                { value: 5 * 60 * 1000, label: 'last 5 minutes' },
+                { value: 60 * 60 * 1000, label: 'last 1 hour' },
+                { value: 24 * 60 * 60 * 1000, label: 'last 24 hours' },
+                { value: 7 * 24 * 60 * 60 * 1000, label: 'last 7 days' },
+                { value: 30 * 24 * 60 * 60 * 1000, label: 'last 30 days' }
+            ]
+        }
     ]);
 
     const region = page.params.region;

From 83adf4d9a9388f2021b31d268fd70f32f8285ae4 Mon Sep 17 00:00:00 2001
From: Harsh Mahajan <127186841+HarshMN2345@users.noreply.github.com>
Date: Thu, 25 Sep 2025 13:10:04 +0530
Subject: [PATCH 2/2] changing width to 100% and removing margin-inline-start

---
 src/lib/components/menu/menu.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/menu/menu.svelte b/src/lib/components/menu/menu.svelte
index c74c43e876..d1412d4e37 100644
--- a/src/lib/components/menu/menu.svelte
+++ b/src/lib/components/menu/menu.svelte
@@ -69,8 +69,8 @@
     .separator {
         height: 1px;
         margin-block: 2px;
-        margin-inline-start: calc(var(--base-4) * -1);
-        width: calc(100% + var(--base-8));
+        width: 100%;
+        margin-inline: 0;
         background-color: var(--border-neutral);
     }
 </style>