[Observability overview] Fix ux app has data section (#154419)

x-pack/plugins/ux/public/components/app/rum_dashboard/rum_home.tsx

@@ -9,6 +9,7 @@ import React from 'react';
 import { i18n } from '@kbn/i18n';
 import { EuiFlexGroup, EuiTitle, EuiFlexItem } from '@elastic/eui';
 import type { NoDataConfig } from '@kbn/shared-ux-page-kibana-template';
+import { EuiSpacer } from '@elastic/eui';
 import { WebApplicationSelect } from './panels/web_application_select';
 import { UserPercentile } from './user_percentile';
 import { useBreakpoints } from '../../../hooks/use_breakpoints';
@@ -86,6 +87,7 @@ function PageHeader() {
           <RumDatePicker />
         </EuiFlexItem>
       </EuiFlexGroup>
+      <EuiSpacer size="m" />
       <EuiFlexGroup wrap>
         <EuiFlexItem>
           <WebApplicationSelect />

x-pack/plugins/ux/public/components/app/rum_dashboard/ux_overview_fetchers.ts

@@ -109,17 +109,23 @@ async function esQuery<T>(
   dataStartPlugin: DataPublicPluginStart,
   query: IKibanaSearchRequest<T> & { params: { index?: string } }
 ) {
-  return new Promise<ESSearchResponse<{}, T>>((resolve, reject) => {
-    const search$ = dataStartPlugin.search.search(query).subscribe({
-      next: (result) => {
-        if (isCompleteResponse(result)) {
-          resolve(result.rawResponse as any);
-          search$.unsubscribe();
-        }
-      },
-      error: (err) => {
-        reject(err);
-      },
-    });
-  });
+  return new Promise<ESSearchResponse<{}, T, { restTotalHitsAsInt: false }>>(
+    (resolve, reject) => {
+      const search$ = dataStartPlugin.search
+        .search(query, {
+          legacyHitsTotal: false,
+        })
+        .subscribe({
+          next: (result) => {
+            if (isCompleteResponse(result)) {
+              resolve(result.rawResponse as any);
+              search$.unsubscribe();
+            }
+          },
+          error: (err) => {
+            reject(err);
+          },
+        });
+    }
+  );
 }

x-pack/plugins/ux/public/services/data/core_web_vitals_query.ts

@@ -31,7 +31,11 @@ const getRanksPercentages = (ranks?: Record<string, number | null>) => {
 };
 
 export function transformCoreWebVitalsResponse<T>(
-  response?: ESSearchResponse<T, ReturnType<typeof coreWebVitalsQuery>>,
+  response?: ESSearchResponse<
+    T,
+    ReturnType<typeof coreWebVitalsQuery>,
+    { restTotalHitsAsInt: false }
+  >,
   percentile = PERCENTILE_DEFAULT
 ): UXMetrics | undefined {
   if (!response) return response;

x-pack/plugins/ux/public/services/data/has_rum_data_query.ts

@@ -16,7 +16,11 @@ import { TRANSACTION_PAGE_LOAD } from '../../../common/transaction_types';
 import { rangeQuery } from './range_query';
 
 export function formatHasRumResult<T>(
-  esResult: ESSearchResponse<T, ReturnType<typeof hasRumDataQuery>>,
+  esResult: ESSearchResponse<
+    T,
+    ReturnType<typeof hasRumDataQuery>,
+    { restTotalHitsAsInt: false }
+  >,
   indices?: string
 ) {
   if (!esResult) return esResult;