[8.15] [Uptime] Report uptime overview metrics (#191708) (#192151)

# Backport

This will backport the following commits from `main` to `8.15`:
- [[Uptime] Report uptime overview metrics
(#191708)](#191708)

<!--- Backport version: 8.9.8 -->

### Questions ?
Please refer to the [Backport tool
documentation](https://github.com/sqren/backport)

<!--BACKPORT
[{"author":{"name":"Shahzad","email":"[email protected]"},"sourceCommit":{"committedDate":"2024-08-30T06:14:05Z","message":"[Uptime]
Report uptime overview metrics (#191708)\n\n## Summary\r\n\r\n Report
uptime overview metrics !!\r\n\r\n---------\r\n\r\nCo-authored-by:
kibanamachine
<[email protected]>","sha":"9ea0f06a8ec5d504c0d1096d0cef551572730601","branchLabelMapping":{"^v8.16.0$":"main","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:skip","backport:prev-minor","ci:project-deploy-observability","Team:obs-ux-management","v8.16.0"],"number":191708,"url":"https://github.com/elastic/kibana/pull/191708","mergeCommit":{"message":"[Uptime]
Report uptime overview metrics (#191708)\n\n## Summary\r\n\r\n Report
uptime overview metrics !!\r\n\r\n---------\r\n\r\nCo-authored-by:
kibanamachine
<[email protected]>","sha":"9ea0f06a8ec5d504c0d1096d0cef551572730601"}},"sourceBranch":"main","suggestedTargetBranches":[],"targetPullRequestStates":[{"branch":"main","label":"v8.16.0","labelRegex":"^v8.16.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/191708","number":191708,"mergeCommit":{"message":"[Uptime]
Report uptime overview metrics (#191708)\n\n## Summary\r\n\r\n Report
uptime overview metrics !!\r\n\r\n---------\r\n\r\nCo-authored-by:
kibanamachine
<[email protected]>","sha":"9ea0f06a8ec5d504c0d1096d0cef551572730601"}}]}]
BACKPORT-->

x-pack/plugins/observability_solution/uptime/public/legacy_uptime/app/uptime_app.tsx

@@ -16,6 +16,7 @@ import { KibanaThemeProvider } from '@kbn/react-kibana-context-theme';
 import { RedirectAppLinks } from '@kbn/shared-ux-link-redirect-app';
 import { EuiThemeProvider } from '@kbn/kibana-react-plugin/common';
 import { InspectorContextProvider } from '@kbn/observability-shared-plugin/public';
+import { PerformanceContextProvider } from '@kbn/ebt-tools';
 import { ClientPluginsSetup, ClientPluginsStart } from '../../plugin';
 import { UMUpdateBadge } from '../lib/lib';
 import {
@@ -133,19 +134,21 @@ const Application = (props: UptimeAppProps) => {
                     <UptimeThemeContextProvider darkMode={darkMode}>
                       <UptimeStartupPluginsContextProvider {...startPlugins}>
                         <UptimeDataViewContextProvider dataViews={startPlugins.dataViews}>
-                          <div className={APP_WRAPPER_CLASS} data-test-subj="uptimeApp">
-                            <RedirectAppLinks
-                              coreStart={{
-                                application: core.application,
-                              }}
-                            >
-                              <InspectorContextProvider>
-                                <UptimeAlertsFlyoutWrapper />
-                                <PageRouter />
-                                <ActionMenu appMountParameters={appMountParameters} />
-                              </InspectorContextProvider>
-                            </RedirectAppLinks>
-                          </div>
+                          <PerformanceContextProvider>
+                            <div className={APP_WRAPPER_CLASS} data-test-subj="uptimeApp">
+                              <RedirectAppLinks
+                                coreStart={{
+                                  application: core.application,
+                                }}
+                              >
+                                <InspectorContextProvider>
+                                  <UptimeAlertsFlyoutWrapper />
+                                  <PageRouter />
+                                  <ActionMenu appMountParameters={appMountParameters} />
+                                </InspectorContextProvider>
+                              </RedirectAppLinks>
+                            </div>
+                          </PerformanceContextProvider>
                         </UptimeDataViewContextProvider>
                       </UptimeStartupPluginsContextProvider>
                     </UptimeThemeContextProvider>

x-pack/plugins/observability_solution/uptime/public/legacy_uptime/components/overview/monitor_list/monitor_list_container.tsx

@@ -7,6 +7,7 @@
 
 import React, { useContext, useEffect, useState } from 'react';
 import { useSelector, useDispatch } from 'react-redux';
+import { usePageReady } from '@kbn/ebt-tools';
 import { getMonitorList } from '../../../state/actions';
 import { esKuerySelector, monitorListSelector } from '../../../state/selectors';
 import { MonitorListComponent } from './monitor_list';
@@ -46,6 +47,8 @@ export const MonitorList: React.FC<MonitorListProps> = (props) => {
   const monitorList = useSelector(monitorListSelector);
   useMappingCheck(monitorList.error);
 
+  usePageReady({ isReady: Boolean(monitorList.isLoaded) });
+
   useEffect(() => {
     filterCheck(() =>
       dispatch(

x-pack/plugins/observability_solution/uptime/public/legacy_uptime/pages/overview.test.tsx

@@ -9,6 +9,10 @@ import React from 'react';
 import { OverviewPageComponent } from './overview';
 import { render } from '../lib/helper/rtl_helpers';
 
+jest.mock('@kbn/ebt-tools', () => ({
+  usePageReady: jest.fn(),
+}));
+
 describe('MonitorPage', () => {
   it('renders expected elements for valid props', async () => {
     const { findByText } = render(<OverviewPageComponent />);

x-pack/plugins/observability_solution/uptime/tsconfig.json

@@ -77,7 +77,8 @@
     "@kbn/react-kibana-context-render",
     "@kbn/react-kibana-context-theme",
     "@kbn/react-kibana-mount",
-    "@kbn/deeplinks-observability"
+    "@kbn/deeplinks-observability",
+    "@kbn/ebt-tools",
   ],
   "exclude": ["target/**/*"]
 }