Add agent logos (#88128)

x-pack/plugins/apm/public/components/app/ServiceMap/__stories__/Cytoscape.stories.tsx

@@ -184,6 +184,13 @@ export function NodeIcons() {
         'agent.name': 'dotNet',
       },
     },
+    {
+      data: {
+        id: 'erlang',
+        'service.name': 'erlang service',
+        'agent.name': 'erlang',
+      },
+    },
     {
       data: {
         id: 'go',
@@ -219,6 +226,13 @@ export function NodeIcons() {
         'agent.name': 'nodejs',
       },
     },
+    {
+      data: {
+        id: 'ocaml',
+        'service.name': 'ocaml service',
+        'agent.name': 'ocaml',
+      },
+    },
     {
       data: {
         id: 'opentelemetry',

x-pack/plugins/apm/public/components/shared/AgentIcon/get_agent_icon.test.ts

@@ -9,13 +9,15 @@ import { getAgentIconKey } from './get_agent_icon';
 const examples = {
   DotNet: 'dotnet', // Test for case sensitivity
   dotnet: 'dotnet',
+  erlang: 'erlang',
   go: 'go',
   java: 'java',
   'js-base': 'rum',
   nodejs: 'nodejs',
+  ocaml: 'ocaml',
   'opentelemetry/cpp': 'opentelemetry',
   'opentelemetry/dotnet': 'dotnet',
-  'opentelemetry/erlang': 'opentelemetry',
+  'opentelemetry/erlang': 'erlang',
   'opentelemetry/go': 'go',
   'opentelemetry/java': 'java',
   'opentelemetry/nodejs': 'nodejs',

x-pack/plugins/apm/public/components/shared/AgentIcon/get_agent_icon.ts

@@ -11,9 +11,11 @@ import {
 import { AgentName } from '../../../../typings/es_schemas/ui/fields/agent';
 import defaultIcon from '../span_icon/icons/default.svg';
 import dotNetIcon from './icons/dot-net.svg';
+import erlangIcon from './icons/erlang.svg';
 import goIcon from './icons/go.svg';
 import javaIcon from './icons/java.svg';
 import nodeJsIcon from './icons/nodejs.svg';
+import ocamlIcon from './icons/ocaml.svg';
 import openTelemetryIcon from './icons/opentelemetry.svg';
 import phpIcon from './icons/php.svg';
 import pythonIcon from './icons/python.svg';
@@ -22,9 +24,11 @@ import rumJsIcon from './icons/rumjs.svg';
 
 const agentIcons: { [key: string]: string } = {
   dotnet: dotNetIcon,
+  erlang: erlangIcon,
   go: goIcon,
   java: javaIcon,
   nodejs: nodeJsIcon,
+  ocaml: ocamlIcon,
   opentelemetry: openTelemetryIcon,
   php: phpIcon,
   python: pythonIcon,

x-pack/plugins/apm/public/components/shared/AgentIcon/icons/erlang.svg

@@ -0,0 +1 @@
+<svg width="32" height="32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.379 21.315c-2.167-2.245-3.434-5.347-3.431-9.047-.003-3.273 1.048-6.086 2.856-8.227l-.003.001h-3.8v17.273H6.38zM26.39 21.316c.934-.978 1.77-2.13 2.528-3.446l-4.206-2.056c-1.477 2.348-3.637 4.51-6.624 4.524-4.347-.015-6.055-3.65-6.045-8.328h16.244c.022-.528.022-.774 0-1.028.106-2.784-.648-5.123-2.02-6.945l-.008.005h3.658v17.273h-3.535.008z" fill="#A90533"/><path d="M12.306 8c.18-2.118 1.887-3.543 3.89-3.547 2.016.004 3.473 1.429 3.522 3.547h-7.412z" fill="#A90533"/><path d="M4.315 24.238v-.72h-2.26v4.267h2.26v-.72h-1.42v-1.13h1.367v-.72H2.895v-.977h1.42zM8.152 25.986c.564-.082.873-.628.894-1.183-.02-.907-.622-1.282-1.472-1.285H6.418v4.267h.84v-1.697l1.052 1.697h1.052l-1.21-1.8zm-.893-1.8h.105c.459.017.803.12.788.669.015.503-.318.64-.788.617h-.105v-1.286zM11.99 23.518h-.841v4.267h2.05v-.72H11.99v-3.547zM17.51 26.91l.368.875h.894l-1.63-4.37h-.683l-1.735 4.37h.893l.368-.874h1.525zm-.21-.668h-1.052l.473-1.593.579 1.593zM20.349 27.785h.893v-2.88l2.314 2.982h.63v-4.37h-.893v2.88l-2.313-2.982h-.631v4.37zM27.866 25.523v.668h.947c-.02.537-.47.992-1 .977-.836.015-1.25-.775-1.26-1.491.01-.706.418-1.53 1.26-1.542.443.011.817.307 1 .668l.736-.36c-.324-.667-.978-1.036-1.735-1.028-1.304-.008-2.139 1.044-2.156 2.262.017 1.188.829 2.245 2.103 2.262 1.376-.017 2.013-1.091 1.998-2.313v-.103h-1.893z" fill="#000"/></svg>