feat(frontend): add retry count column to campaign targets tables

Add retry count column to both deployment and update campaign target
tables to provide visibility into the number of retry attempts
for each device. The retry count column is only visible for devices
in the IN_PROGRESS status, where retry information is most relevant for
monitoring ongoing deployments and updates.

Signed-off-by: Omar <omar.brbutovic@secomind.com>

Author: OmarBrbutovic

frontend/src/components/DeploymentTargetsTable.tsx

@@ -42,6 +42,7 @@ const CAMPAIGN_TARGETS_TABLE_FRAGMENT = graphql`
       id
       name
     }
+    retryCount
     latestAttempt
     completionTimestamp
     deployment {
@@ -71,6 +72,7 @@ const columnIds = [
   "state",
   "readiness",
   "lastErrorMessage",
+  "retryCount",
   "latestAttempt",
   "completionTimestamp",
 ] as const;
@@ -151,6 +153,19 @@ const columns = [
       },
     },
   ),
+  columnHelper.accessor("retryCount", {
+    header: () => (
+      <FormattedMessage
+        id="components.DeploymentTargetsTable.retryCountTitle"
+        defaultMessage="Retry Count"
+        description="Title for the Retry Count column of the Deployment Targets table"
+      />
+    ),
+    cell: ({ getValue }) => {
+      const retryCount = getValue();
+      return retryCount ? retryCount : "";
+    },
+  }),
   columnHelper.accessor("latestAttempt", {
     header: () => (
       <FormattedMessage

frontend/src/components/DeploymentTargetsTabs.tsx

@@ -116,7 +116,13 @@ const CAMPAIGN_TARGETS_IDLE_FRAGMENT = graphql`
 
 const columnMap: Record<CampaignTargetStatusType, ColumnId[]> = {
   IDLE: ["deviceName"],
-  IN_PROGRESS: ["deviceName", "state", "readiness", "latestAttempt"],
+  IN_PROGRESS: [
+    "deviceName",
+    "state",
+    "readiness",
+    "retryCount",
+    "latestAttempt",
+  ],
   SUCCESSFUL: ["deviceName", "completionTimestamp"],
   FAILED: ["deviceName", "lastErrorMessage", "completionTimestamp"],
 };

frontend/src/components/UpdateTargetsTable.tsx

@@ -42,6 +42,7 @@ const CAMPAIGN_TARGETS_TABLE_FRAGMENT = graphql`
       id
       name
     }
+    retryCount
     latestAttempt
     completionTimestamp
     otaOperation {
@@ -164,6 +165,7 @@ const columnIds = [
   "otaOperationStatus",
   "otaOperationStatusProgress",
   "otaOperationStatusCode",
+  "retryCount",
   "latestAttempt",
   "completionTimestamp",
 ] as const;
@@ -244,6 +246,19 @@ const columns = [
       },
     },
   ),
+  columnHelper.accessor("retryCount", {
+    header: () => (
+      <FormattedMessage
+        id="components.UpdateTargetsTable.retryCountTitle"
+        defaultMessage="Retry Count"
+        description="Title for the Retry Count column of the Update Targets table"
+      />
+    ),
+    cell: ({ getValue }) => {
+      const retryCount = getValue();
+      return retryCount ? retryCount : "";
+    },
+  }),
   columnHelper.accessor("latestAttempt", {
     header: () => (
       <FormattedMessage

frontend/src/components/UpdateTargetsTabs.tsx

@@ -118,6 +118,7 @@ const columnMap: Record<CampaignTargetStatusType, ColumnId[]> = {
     "deviceName",
     "otaOperationStatus",
     "otaOperationStatusProgress",
+    "retryCount",
     "latestAttempt",
   ],
   SUCCESSFUL: ["deviceName", "completionTimestamp"],

frontend/src/i18n/langs/en.json

@@ -717,6 +717,10 @@
     "defaultMessage": "Readiness",
     "description": "Title for the Readiness column of the Deployment Targets table"
   },
+  "components.DeploymentTargetsTable.retryCountTitle": {
+    "defaultMessage": "Retry Count",
+    "description": "Title for the Retry Count column of the Deployment Targets table"
+  },
   "components.DeploymentTargetsTable.stateTitle": {
     "defaultMessage": "State",
     "description": "Title for the State column of the Deployment Targets table"
@@ -1288,6 +1292,10 @@
     "defaultMessage": "Operation",
     "description": "Title for the Operation Status column of the Update Targets table"
   },
+  "components.UpdateTargetsTable.retryCountTitle": {
+    "defaultMessage": "Retry Count",
+    "description": "Title for the Retry Count column of the Update Targets table"
+  },
   "components.UpdateTargetsTabs.updateTargetsLabel": {
     "defaultMessage": "Devices"
   },