[profiling] Add color for Executable flamegraph nodes (elastic#215552)

Adds a type and color for `Executable` flamegraph nodes.

The new type will be used by [this
change](elastic/elasticsearch#119115) in the ES
profiling plugin (the required code change from grouping by process name
to grouping by executable name needs tbd).

Author: rockdaboot

src/platform/packages/shared/kbn-profiling-utils/common/profiling.ts

@@ -42,6 +42,7 @@ export enum FrameType {
   Root = 0x100,
   ProcessName = 0x101,
   ThreadName = 0x102,
+  ExecutableName = 0x103,
 }
 
 const frameTypeDescriptions = {
@@ -59,8 +60,9 @@ const frameTypeDescriptions = {
   [FrameType.ErrorFlag]: 'ErrorFlag',
   [FrameType.Error]: 'Error',
   [FrameType.Root]: 'Root',
-  [FrameType.ProcessName]: 'Process', // Due to OTEL semconv issues, "process name" is currently more correct than "executable name"
+  [FrameType.ProcessName]: 'Process',
   [FrameType.ThreadName]: 'Thread',
+  [FrameType.ExecutableName]: 'Executable',
 };
 
 export function isErrorFrame(ft: FrameType): boolean {

x-pack/solutions/observability/plugins/profiling/common/frame_type_colors.ts

@@ -30,6 +30,7 @@ import { FrameType, normalizeFrameType } from '@kbn/profiling-utils';
  */
 const RED = 0xfd8484;
 const ORANGE = 0xffaa00;
+const DARKORANGE = 0xff8800;
 const YELLOW = 0xe1e100;
 
 export const FRAME_TYPE_COLOR_MAP = {
@@ -49,6 +50,7 @@ export const FRAME_TYPE_COLOR_MAP = {
   [FrameType.Root]: [RED, RED, RED, RED],
   [FrameType.ProcessName]: [ORANGE, ORANGE, ORANGE, ORANGE],
   [FrameType.ThreadName]: [YELLOW, YELLOW, YELLOW, YELLOW],
+  [FrameType.ExecutableName]: [DARKORANGE, DARKORANGE, DARKORANGE, DARKORANGE],
 };
 
 export function frameTypeToRGB(frameType: FrameType, x: number): number {