[Exploratory View] Mobile experience

x-pack/plugins/apm/public/services/rest/apm_observability_overview_fetchers.ts

@@ -53,10 +53,8 @@ export const fetchObservabilityOverviewPageData = async ({
 };
 
 export async function getHasData() {
-  const res = await callApmApi({
+  return await callApmApi({
     endpoint: 'GET /api/apm/observability_overview/has_data',
     signal: null,
   });
-
-  return res.hasData;
 }

x-pack/plugins/apm/server/lib/observability_overview/has_data.ts

@@ -28,9 +28,15 @@ export function getHasData({ setup }: { setup: Setup }) {
       };
 
       const response = await apmEventClient.search(params);
-      return response.hits.total.value > 0;
+      return {
+        hasData: response.hits.total.value > 0,
+        indices: setup.indices['apm_oss.transactionIndices']!,
+      };
     } catch (e) {
-      return false;
+      return {
+        hasData: false,
+        indices: setup.indices['apm_oss.transactionIndices']!,
+      };
     }
   });
 }

x-pack/plugins/apm/server/routes/observability_overview.ts

@@ -21,8 +21,7 @@ const observabilityOverviewHasDataRoute = createApmServerRoute({
   options: { tags: ['access:apm'] },
   handler: async (resources) => {
     const setup = await setupRequest(resources);
-    const res = await getHasData({ setup });
-    return { hasData: res };
+    return await getHasData({ setup });
   },
 });
 

x-pack/plugins/observability/public/components/shared/exploratory_view/configurations/constants/constants.ts

@@ -79,6 +79,16 @@ export const FieldLabels: Record<string, string> = {
 
   'performance.metric': METRIC_LABEL,
   'Business.KPI': KPI_LABEL,
+
+
+  'labels.net_connection_carrier_name': 'Carrier Name',
+  'http.request.method': 'Request Method',
+  'labels.net_connection_type': 'Connection Type',
+  'host.os.full': 'Host OS',
+  'host.os.platform': 'OS Platform',
+  'labels.device_model': ' Device Model',
+  // eslint-disable-next-line @typescript-eslint/naming-convention
+  'labels.net_connection_carrier_isoCountryCode': 'Carrier Location',
 };
 
 export const DataViewLabels: Record<ReportViewTypeId, string> = {
@@ -92,6 +102,7 @@ export const DataViewLabels: Record<ReportViewTypeId, string> = {
   logs: LOGS_FREQUENCY_LABEL,
   mem: MEMORY_USAGE_LABEL,
   nwk: NETWORK_ACTIVITY_LABEL,
+  mrp: 'Mobile response duration',
 };
 
 export const ReportToDataTypeMap: Record<ReportViewTypeId, AppDataType> = {

x-pack/plugins/observability/public/components/shared/exploratory_view/configurations/default_configs.ts

@@ -17,6 +17,7 @@ import { getMemoryUsageLensConfig } from './metrics/memory_usage_config';
 import { getNetworkActivityLensConfig } from './metrics/network_activity_config';
 import { getLogsFrequencyLensConfig } from './logs/logs_frequency_config';
 import { IIndexPattern } from '../../../../../../../../src/plugins/data/common/index_patterns';
+import { getResponseDurationLensConfig } from './mobile/response_duration_config';
 
 interface Props {
   reportType: keyof typeof ReportViewTypes;
@@ -34,6 +35,8 @@ export const getDefaultConfigs = ({ reportType, seriesId, indexPattern }: Props)
       return getMonitorDurationConfig({ seriesId, indexPattern });
     case 'uptime-pings':
       return getMonitorPingsConfig({ seriesId, indexPattern });
+    case 'response-duration':
+      return getResponseDurationLensConfig({ seriesId, indexPattern });
     case 'service-latency':
       return getServiceLatencyLensConfig({ seriesId, indexPattern });
     case 'service-throughput':

x-pack/plugins/observability/public/components/shared/exploratory_view/configurations/mobile/response_duration_config.ts

@@ -0,0 +1,60 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+
+import { ConfigProps, DataSeries } from '../../types';
+import { FieldLabels } from '../constants';
+import { buildPhraseFilter } from '../utils';
+import { SERVICE_NAME, TRANSACTION_DURATION } from '../constants/elasticsearch_fieldnames';
+
+export function getResponseDurationLensConfig({ seriesId, indexPattern }: ConfigProps): DataSeries {
+  return {
+    id: seriesId,
+    reportType: 'service-latency',
+    defaultSeriesType: 'line',
+    seriesTypes: ['line', 'bar'],
+    xAxisColumn: {
+      sourceField: '@timestamp',
+    },
+    yAxisColumns: [
+      {
+        operationType: 'average',
+        sourceField: 'transaction.duration.us',
+        label: 'Latency',
+      },
+    ],
+    hasOperationType: true,
+    defaultFilters: [
+      'labels.net_connection_carrier_name',
+      'labels.device_model',
+      'labels.net_connection_type',
+      'host.os.platform',
+      'host.os.full',
+    ],
+    breakdowns: [
+      'labels.net_connection_carrier_name',
+      'labels.device_model',
+      'labels.net_connection_type',
+      'host.os.platform',
+      'labels.net_connection_carrier_isoCountryCode',
+    ],
+    filters: [
+      ...buildPhraseFilter('transaction.type', 'request', indexPattern),
+      ...buildPhraseFilter('agent.name', 'opentelemetry/swift', indexPattern),
+    ],
+    labels: {
+      ...FieldLabels,
+      [TRANSACTION_DURATION]: 'Response time',
+      [SERVICE_NAME]: 'Mobile app',
+    },
+    reportDefinitions: [
+      {
+        field: 'service.name',
+        required: true,
+      },
+    ],
+  };
+}

x-pack/plugins/observability/public/components/shared/exploratory_view/hooks/use_app_index_pattern.tsx

@@ -41,14 +41,15 @@ export function IndexPatternContextProvider({ children }: ProviderProps) {
     synthetics: null,
     ux: null,
     apm: null,
+    mobile: null,
   } as HasAppDataState);
 
   const {
     services: { data },
   } = useKibana<ObservabilityPublicPluginsStart>();
 
   const checkIfAppHasData = async (dataType: AppDataType) => {
-    const handler = getDataHandler(dataType);
+    const handler = getDataHandler(dataType === 'mobile' ? 'apm' : dataType);
     return handler?.hasData();
   };
 

x-pack/plugins/observability/public/components/shared/exploratory_view/series_builder/columns/data_types_col.tsx

@@ -16,6 +16,7 @@ import { ReportToDataTypeMap } from '../../configurations/constants';
 export const dataTypes: Array<{ id: AppDataType; label: string }> = [
   { id: 'synthetics', label: 'Synthetic Monitoring' },
   { id: 'ux', label: 'User Experience (RUM)' },
+  { id: 'mobile', label: 'Mobile Experience' },
   // { id: 'infra_logs', label: 'Logs' },
   // { id: 'infra_metrics', label: 'Metrics' },
   // { id: 'apm', label: 'APM' },

x-pack/plugins/observability/public/components/shared/exploratory_view/series_builder/series_builder.tsx

@@ -28,6 +28,12 @@ export const ReportTypes: Record<AppDataType, Array<{ id: ReportViewTypeId; labe
     { id: 'pld', label: 'Performance distribution' },
     { id: 'kpi', label: 'KPI over time' },
   ],
+  mobile: [
+    {
+      id: 'mrp',
+      label: 'Response duration',
+    },
+  ],
   apm: [
     { id: 'svl', label: 'Latency' },
     { id: 'tpt', label: 'Throughput' },

x-pack/plugins/observability/public/components/shared/exploratory_view/types.ts

@@ -29,6 +29,7 @@ export const ReportViewTypes = {
   cpu: 'cpu-usage',
   mem: 'memory-usage',
   nwk: 'network-activity',
+  mrp: 'response-duration',
 } as const;
 
 type ValueOf<T> = T[keyof T];
@@ -95,7 +96,7 @@ export interface ConfigProps {
   indexPattern: IIndexPattern;
 }
 
-export type AppDataType = 'synthetics' | 'ux' | 'infra_logs' | 'infra_metrics' | 'apm';
+export type AppDataType = 'synthetics' | 'ux' | 'infra_logs' | 'infra_metrics' | 'apm' | 'mobile';
 
 type FormatType = 'duration' | 'number';
 type InputFormat = 'microseconds' | 'milliseconds' | 'seconds';

x-pack/plugins/observability/public/components/shared/exploratory_view/utils/observability_index_patterns.ts

@@ -23,6 +23,7 @@ const appFieldFormats: Record<AppDataType, FieldFormat[] | null> = {
   ux: rumFieldFormats,
   apm: apmFieldFormats,
   synthetics: syntheticsFieldFormats,
+  mobile: apmFieldFormats,
 };
 
 function getFieldFormatsForApp(app: AppDataType) {
@@ -35,6 +36,7 @@ export const indexPatternList: Record<AppDataType, string> = {
   ux: 'rum_static_index_pattern_id',
   infra_logs: 'infra_logs_static_index_pattern_id',
   infra_metrics: 'infra_metrics_static_index_pattern_id',
+  mobile: 'mobile_static_index_pattern_id',
 };
 
 const appToPatternMap: Record<AppDataType, string> = {
@@ -43,6 +45,7 @@ const appToPatternMap: Record<AppDataType, string> = {
   ux: '(rum-data-view)*',
   infra_logs: '',
   infra_metrics: '',
+  mobile: '(mobile-data-view)*',
 };
 
 const getAppIndicesWithPattern = (app: AppDataType, indices: string) => {

x-pack/plugins/observability/public/typings/fetch_overview_data/index.ts

@@ -134,7 +134,7 @@ export interface ObservabilityFetchDataResponse {
 }
 
 export interface ObservabilityHasDataResponse {
-  apm: boolean;
+  apm: HasDataResponse;
   infra_metrics: boolean;
   infra_logs: boolean;
   synthetics: HasDataResponse;