From ee9dbfaabf73bc74007f3600e1a2ae99abc44462 Mon Sep 17 00:00:00 2001
From: Vitor Henckel <vitor@henckel.com.br>
Date: Mon, 11 Aug 2025 14:30:50 -0300
Subject: [PATCH 1/3] fix: bug 8103

---
 .../components/NotificationIndicator.vue      |  1 +
 .../components/NotificationMessage.vue        | 23 +++++++++++++++++--
 .../components/NotificationsList.vue          | 10 +++++++-
 3 files changed, 31 insertions(+), 3 deletions(-)

diff --git a/src/plugins/notificationIndicator/components/NotificationIndicator.vue b/src/plugins/notificationIndicator/components/NotificationIndicator.vue
index b53d80d8a66..7e13a4e952c 100644
--- a/src/plugins/notificationIndicator/components/NotificationIndicator.vue
+++ b/src/plugins/notificationIndicator/components/NotificationIndicator.vue
@@ -43,6 +43,7 @@
       :notifications="notifications"
       @close="toggleNotificationsList"
       @clear-all="dismissAllNotifications"
+      @notification-dismissed="updateNotifications"
     />
   </div>
 </template>
diff --git a/src/plugins/notificationIndicator/components/NotificationMessage.vue b/src/plugins/notificationIndicator/components/NotificationMessage.vue
index f6f932adf8a..ff3efe1d003 100644
--- a/src/plugins/notificationIndicator/components/NotificationMessage.vue
+++ b/src/plugins/notificationIndicator/components/NotificationMessage.vue
@@ -37,8 +37,8 @@
       </div>
       <button
         :aria-label="'Dismiss notification of ' + notification.model.message"
-        class="c-click-icon c-overlay__close-button icon-x"
-        @click="dismiss()"
+        class="c-click-icon icon-x c-notification-dismiss"
+        @click="dismissNotification($event)"
       ></button>
       <div class="c-overlay__button-bar">
         <button
@@ -82,6 +82,7 @@ export default {
       required: true
     }
   },
+  emits: ['notification-dismissed'],
   data() {
     return {
       isProgressNotification: false,
@@ -108,6 +109,24 @@ export default {
       this.progressPerc = progressPerc;
       this.progressText = progressText;
     },
+    dismissNotification(event) {
+      // Prevenir completamente a propagação do evento
+      event.preventDefault();
+      event.stopPropagation();
+      event.stopImmediatePropagation();
+
+      // Debug: log para verificar se o método está sendo chamado
+      console.log('Dismissing notification:', this.notification.model.message);
+
+      // Executar o dismiss da notificação
+      this.notification.dismiss();
+
+      // Forçar atualização do componente pai
+      this.$emit('notification-dismissed');
+
+      // NÃO fechar o overlay - deixar o usuário navegar pelas notificações restantes
+      // O overlay só deve ser fechado manualmente ou quando não houver mais notificações
+    },
     dismiss() {
       this.notification.dismiss();
       if (this.notificationsCount === 1) {
diff --git a/src/plugins/notificationIndicator/components/NotificationsList.vue b/src/plugins/notificationIndicator/components/NotificationsList.vue
index 6cd18ac9b9f..88f16b3e014 100644
--- a/src/plugins/notificationIndicator/components/NotificationsList.vue
+++ b/src/plugins/notificationIndicator/components/NotificationsList.vue
@@ -34,6 +34,7 @@
         :close-overlay="closeOverlay"
         :notification="notification"
         :notifications-count="notifications.length"
+        @notification-dismissed="onNotificationDismissed"
       />
     </div>
   </div>
@@ -53,7 +54,7 @@ export default {
       required: true
     }
   },
-  emits: ['close', 'clear-all'],
+  emits: ['close', 'clear-all', 'notification-dismissed'],
   data() {
     return {};
   },
@@ -84,6 +85,13 @@ export default {
     closeOverlay() {
       this.overlay.dismiss();
     },
+    onNotificationDismissed() {
+      // Forçar atualização da lista quando uma notificação é removida
+      this.$emit('notification-dismissed');
+
+      // Não fechar o overlay automaticamente - deixar o usuário fechar manualmente
+      // O painel deve permanecer aberto mesmo quando vazio
+    },
     notificationsCountDisplayMessage(count) {
       if (count > 1 || count === 0) {
         return `Displaying ${count} notifications`;

From beefe4477f6526e5ea971dfa36af5baef804e7e7 Mon Sep 17 00:00:00 2001
From: Vitor Henckel <vitor@henckel.com.br>
Date: Mon, 11 Aug 2025 17:56:16 -0300
Subject: [PATCH 2/3] fix: removing comments

---
 .../components/NotificationMessage.vue                 | 10 ----------
 .../components/NotificationsList.vue                   |  4 ----
 2 files changed, 14 deletions(-)

diff --git a/src/plugins/notificationIndicator/components/NotificationMessage.vue b/src/plugins/notificationIndicator/components/NotificationMessage.vue
index ff3efe1d003..f3a6c8a1d4a 100644
--- a/src/plugins/notificationIndicator/components/NotificationMessage.vue
+++ b/src/plugins/notificationIndicator/components/NotificationMessage.vue
@@ -110,22 +110,12 @@ export default {
       this.progressText = progressText;
     },
     dismissNotification(event) {
-      // Prevenir completamente a propagação do evento
       event.preventDefault();
       event.stopPropagation();
       event.stopImmediatePropagation();
 
-      // Debug: log para verificar se o método está sendo chamado
-      console.log('Dismissing notification:', this.notification.model.message);
-
-      // Executar o dismiss da notificação
       this.notification.dismiss();
-
-      // Forçar atualização do componente pai
       this.$emit('notification-dismissed');
-
-      // NÃO fechar o overlay - deixar o usuário navegar pelas notificações restantes
-      // O overlay só deve ser fechado manualmente ou quando não houver mais notificações
     },
     dismiss() {
       this.notification.dismiss();
diff --git a/src/plugins/notificationIndicator/components/NotificationsList.vue b/src/plugins/notificationIndicator/components/NotificationsList.vue
index 88f16b3e014..ebc216c3dbf 100644
--- a/src/plugins/notificationIndicator/components/NotificationsList.vue
+++ b/src/plugins/notificationIndicator/components/NotificationsList.vue
@@ -86,11 +86,7 @@ export default {
       this.overlay.dismiss();
     },
     onNotificationDismissed() {
-      // Forçar atualização da lista quando uma notificação é removida
       this.$emit('notification-dismissed');
-
-      // Não fechar o overlay automaticamente - deixar o usuário fechar manualmente
-      // O painel deve permanecer aberto mesmo quando vazio
     },
     notificationsCountDisplayMessage(count) {
       if (count > 1 || count === 0) {

From 8a501e9c593f4afedf859e501a9c19fcc51b1525 Mon Sep 17 00:00:00 2001
From: Vitor Henckel <vitor@henckel.com.br>
Date: Tue, 12 Aug 2025 10:23:08 -0300
Subject: [PATCH 3/3] fix(notifications): restore correct positioning of
 dismiss button

- Restore c-overlay__close-button class to maintain proper CSS positioning
- Keep event prevention logic to fix dismiss functionality
- Button now appears in correct position (top-right) while maintaining individual dismiss behavior
---
 .../notificationIndicator/components/NotificationMessage.vue    | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/plugins/notificationIndicator/components/NotificationMessage.vue b/src/plugins/notificationIndicator/components/NotificationMessage.vue
index f3a6c8a1d4a..34c87d34aee 100644
--- a/src/plugins/notificationIndicator/components/NotificationMessage.vue
+++ b/src/plugins/notificationIndicator/components/NotificationMessage.vue
@@ -37,7 +37,7 @@
       </div>
       <button
         :aria-label="'Dismiss notification of ' + notification.model.message"
-        class="c-click-icon icon-x c-notification-dismiss"
+        class="c-click-icon c-overlay__close-button icon-x"
         @click="dismissNotification($event)"
       ></button>
       <div class="c-overlay__button-bar">