From b01978f7e4eeb6c11136109a8b98871c72f4ce17 Mon Sep 17 00:00:00 2001
From: =?utf8?q?J=C3=A9r=C3=B4me=20Benoit?= <jerome.benoit@sap.com>
Date: Fri, 17 Apr 2026 02:39:28 +0200
Subject: [PATCH] fix(ui-web): remove orphaned CSS classes and guard onFinally
 in useExecuteAction

- Remove dead connectors-table__row/column classes from CSConnector.vue
- Wrap onFinally callback in try/catch inside .finally() to prevent
  swallowing the original rejection error
---
 .../components/charging-stations/CSConnector.vue   | 14 +++++++-------
 ui/web/src/composables/Utils.ts                    |  8 +++++++-
 2 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/ui/web/src/components/charging-stations/CSConnector.vue b/ui/web/src/components/charging-stations/CSConnector.vue
index 531c8078..e0beffdf 100644
--- a/ui/web/src/components/charging-stations/CSConnector.vue
+++ b/ui/web/src/components/charging-stations/CSConnector.vue
@@ -1,21 +1,21 @@
 <template>
-  <tr class="connectors-table__row">
-    <td class="connectors-table__column">
+  <tr>
+    <td>
       {{ evseId != null ? `${evseId}/${connectorId}` : connectorId }}
     </td>
-    <td class="connectors-table__column">
+    <td>
       {{ connector.status ?? EMPTY_VALUE_PLACEHOLDER }}
     </td>
-    <td class="connectors-table__column">
+    <td>
       {{ connector.locked === true ? 'Yes' : 'No' }}
     </td>
-    <td class="connectors-table__column">
+    <td>
       {{ connector.transactionStarted === true ? `Yes (${connector.transactionId})` : 'No' }}
     </td>
-    <td class="connectors-table__column">
+    <td>
       {{ atgStatus?.start === true ? 'Yes' : 'No' }}
     </td>
-    <td class="connectors-table__column">
+    <td>
       <StateButton
         :active="connector.locked === true"
         :off="() => unlockConnector()"
diff --git a/ui/web/src/composables/Utils.ts b/ui/web/src/composables/Utils.ts
index 301b89ec..7afeee00 100644
--- a/ui/web/src/composables/Utils.ts
+++ b/ui/web/src/composables/Utils.ts
@@ -160,7 +160,13 @@ export const useExecuteAction = (emit?: (event: 'need-refresh') => void) => {
         emit?.('need-refresh')
         return $toast.success(successMsg)
       })
-      .finally(onFinally)
+      .finally(() => {
+        try {
+          onFinally?.()
+        } catch (error: unknown) {
+          console.error('Error in onFinally callback:', error)
+        }
+      })
       .catch((error: unknown) => {
         $toast.error(errorMsg)
         console.error(`${errorMsg}:`, error)
-- 
2.43.0