upcoming: [DI-25634] - Added linode_id to label translation in cloudpulse graph

packages/manager/.changeset/pr-12558-upcoming-features-1753278473938.md

@@ -0,0 +1,5 @@
+---
+"@linode/manager": Upcoming Features
+---
+
+ACLP: add `linode id to label` translation logic for legend rows, add `entities` to `CloudPulseResouces` interface ([#12558](https://github.com/linode/manager/pull/12558))

packages/manager/src/features/CloudPulse/Utils/CloudPulseWidgetUtils.ts

@@ -323,6 +323,13 @@ export const getDimensionName = (props: DimensionNameProperties): string => {
         return mapResourceIdToName(value, resources);
       }
 
+      if (key === 'linode_id') {
+        return (
+          resources.find((resource) => resource.entities?.[value] !== undefined)
+            ?.entities?.[value] ?? value
+        );
+      }
+
       if (key === 'metric_name' && hideMetricName) {
         return '';
       }

packages/manager/src/features/CloudPulse/shared/CloudPulseResourcesSelect.tsx

@@ -10,6 +10,8 @@ import { deepEqual } from '../Utils/FilterBuilder';
 import type { Filter, FilterValue } from '@linode/api-v4';
 
 export interface CloudPulseResources {
+  engineType?: string;
+  entities?: Record<string, string>;
   id: string;
   label: string;
   region?: string;

packages/manager/src/mocks/serverHandlers.ts

@@ -3171,6 +3171,7 @@ export const handlers = [
             metric: {
               entity_id: '123',
               metric_name: 'average_cpu_usage',
+              linode_id: '1',
               node_id: 'primary-1',
             },
             values: [

packages/manager/src/queries/cloudpulse/resources.ts

@@ -16,13 +16,26 @@ export const useResourcesQuery = (
     enabled,
     select: (resources) => {
       return resources.map((resource) => {
+        const entities: Record<string, string> = {};
+
+        // handle separately for firewall resource type
+        if (resourceType === 'firewall') {
+          resource.entities?.forEach(
+            (entity: { id: number; label: string; type: string }) => {
+              if (entity.type === 'linode') {
+                entities[String(entity.id)] = entity.label;
+              }
+            }
+          );
+        }
         return {
           engineType: resource.engine,
           id: String(resource.id),
           label: resource.label,
           region: resource.region,
           regions: resource.regions ? resource.regions : [],
           tags: resource.tags,
+          entities,
         };
       });
     },