[APM] Add span icons for AWS and Azure services

[AlexanderWert]

APM agents are introducing new instrumentations for AWS (elastic/apm#408) and Azure (elastic/apm#410) services. To represent these instrumentations with proper icons in trace views and the service map, we need to add corresponding span icons to the UI.

Type, Subtype:

Backend	type	subtype	icon
AWS S3	storage	s3	AWS icon
AWS DynamoDB	db	dynamodb	AWS icon
AWS SQS	messaging	sqs	AWS icon
AWS SNS	messaging	sns	AWS icon
Azure Blob Storage	storage	azureblob	Azure icon
Azure Table Storage	storage	azuretable	Azure icon
Azure File Share Storage	storage	azurefile	Azure icon
Azure Queue Storage	messaging	azurequeue	Azure icon
Azure Service Bus	messaging	azureservicebus	Azure icon
Azure Cosmos DB	db	cosmosdb	Azure icon

[elasticmachine]

Pinging @elastic/apm-ui (Team:apm)

[formgeist]

@AlexanderWert Wondering if we want to have more detail in the icons than the AWS and Azure icons themselves? For the person implementing this, EUI already has these two as third party icons but they'll need to converted to custom SVGs (one for each light and dark theme).

[AlexanderWert]

@formgeist Good question. I could imagine that having service-specific icons could provide additional value in identifying the services:

But I don't have a strong opinion on this. @alex-fedotyev , @cyrille-leclerc what do you think?

[cyrille-leclerc]

Thanks for looking at this.
An icon with a textual description makes sense to me. I add textual description (e.g. "Amazon SQS", "Amazon S3"...) because the icon is not enough to be intuitive.
AWS service icons are hard to remember but they look & feel AWS so I like the idea to use them rather than using the generic AWS icon.
Maybe the textual description can be a tool tip if we want to be compact.

[formgeist]

@AlexanderWert Do you know if we're going to display AWS DynamoDB as the span.destination.service.name or will it be subtype? Wondering if we'd already show the explicit name as part of this e.g. in the Service map.

[AlexanderWert]

@formgeist Ss of the current SPEC, the fields for DynamoDb will be:

field	value
name	e.g. DynamoDB UpdateItem my_table
type	db
subtype	dynamodb
action	query
span.destination.service.name	dynamodb
span.destination.service.type	db
span.destination.service.resource	dynamodb

Thus, yes, if the display name is using the subtype or span.destination.service.name, then it will show the explicit name

[formgeist]

@AlexanderWert Excellent! Thanks for confirming 👍

[formgeist]

So we should move forward with using the generic provider logos like suggested above and the subtype label will be present in the node label and popover.

[sorenlouv]

@AlexanderWert Is this issue just about DynamoDB? (only seeing type and subtype for that here #96284 (comment))

[formgeist]

@sqren The description refers to elastic/apm#410 and elastic/apm#408 for both AWS and Azure subtypes that we'll need to show either icons for.

[sorenlouv]

@formgeist I did look at those but it was still not clear to me what the span.type and span.subtype would be. Are there some sample documents somewhere?

[sorenlouv]

Generally, what I'd like is for this info to be in the issue description (if possible).

[AlexanderWert]

@sqren , see table above (in the description). Is that what you were asking for?

[sorenlouv]

@AlexanderWert That's perfect, thanks!

[sorenlouv]

@AlexanderWert fyi, these are the supported types/subtypes after my changes in #101901: