From e61ab078299fcbee5aceed2f74c6b83c062fd020 Mon Sep 17 00:00:00 2001
From: Zhongnan Su <szhongna@amazon.com>
Date: Tue, 17 Sep 2024 08:00:06 +0000
Subject: [PATCH] [Page Headder]Add responsiveness for page header

Signed-off-by: Zhongnan Su <szhongna@amazon.com>
---
 .../header/__snapshots__/header.test.tsx.snap | 27779 +++++++++-------
 src/core/public/chrome/ui/header/header.scss  |     8 +
 .../public/chrome/ui/header/header.test.tsx   |    18 +-
 src/core/public/chrome/ui/header/header.tsx   |   298 +-
 src/core/public/chrome/utils.ts               |     8 +
 .../create_data_source_menu.tsx               |     2 +-
 6 files changed, 15384 insertions(+), 12729 deletions(-)

diff --git a/src/core/public/chrome/ui/header/__snapshots__/header.test.tsx.snap b/src/core/public/chrome/ui/header/__snapshots__/header.test.tsx.snap
index f5a8d1ce5f09..81ebf58fe393 100644
--- a/src/core/public/chrome/ui/header/__snapshots__/header.test.tsx.snap
+++ b/src/core/public/chrome/ui/header/__snapshots__/header.test.tsx.snap
@@ -112,6 +112,80 @@ exports[`Header handles visibility and lock changes 1`] = `
             "syncErrorThrown": false,
             "syncErrorValue": null,
           },
+          Subscriber {
+            "_parentOrParents": null,
+            "_subscriptions": Array [
+              SubjectSubscription {
+                "_parentOrParents": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "subject": [Circular],
+                "subscriber": [Circular],
+              },
+            ],
+            "closed": false,
+            "destination": SafeSubscriber {
+              "_complete": undefined,
+              "_context": [Circular],
+              "_error": undefined,
+              "_next": [Function],
+              "_parentOrParents": null,
+              "_parentSubscriber": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "destination": Object {
+                "closed": true,
+                "complete": [Function],
+                "error": [Function],
+                "next": [Function],
+              },
+              "isStopped": false,
+              "syncErrorThrowable": false,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+            "isStopped": false,
+            "syncErrorThrowable": true,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          Subscriber {
+            "_parentOrParents": null,
+            "_subscriptions": Array [
+              SubjectSubscription {
+                "_parentOrParents": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "subject": [Circular],
+                "subscriber": [Circular],
+              },
+            ],
+            "closed": false,
+            "destination": SafeSubscriber {
+              "_complete": undefined,
+              "_context": [Circular],
+              "_error": undefined,
+              "_next": [Function],
+              "_parentOrParents": null,
+              "_parentSubscriber": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "destination": Object {
+                "closed": true,
+                "complete": [Function],
+                "error": [Function],
+                "next": [Function],
+              },
+              "isStopped": false,
+              "syncErrorThrowable": false,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+            "isStopped": false,
+            "syncErrorThrowable": true,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
         ],
         "thrownError": null,
       },
@@ -170,7 +244,82 @@ exports[`Header handles visibility and lock changes 1`] = `
         "closed": false,
         "hasError": false,
         "isStopped": false,
-        "observers": Array [],
+        "observers": Array [
+          Subscriber {
+            "_parentOrParents": null,
+            "_subscriptions": Array [
+              SubjectSubscription {
+                "_parentOrParents": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "subject": [Circular],
+                "subscriber": [Circular],
+              },
+            ],
+            "closed": false,
+            "destination": SafeSubscriber {
+              "_complete": undefined,
+              "_context": [Circular],
+              "_error": undefined,
+              "_next": [Function],
+              "_parentOrParents": null,
+              "_parentSubscriber": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "destination": Object {
+                "closed": true,
+                "complete": [Function],
+                "error": [Function],
+                "next": [Function],
+              },
+              "isStopped": false,
+              "syncErrorThrowable": false,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+            "isStopped": false,
+            "syncErrorThrowable": true,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          Subscriber {
+            "_parentOrParents": null,
+            "_subscriptions": Array [
+              SubjectSubscription {
+                "_parentOrParents": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "subject": [Circular],
+                "subscriber": [Circular],
+              },
+            ],
+            "closed": false,
+            "destination": SafeSubscriber {
+              "_complete": undefined,
+              "_context": [Circular],
+              "_error": undefined,
+              "_next": [Function],
+              "_parentOrParents": null,
+              "_parentSubscriber": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "destination": Object {
+                "closed": true,
+                "complete": [Function],
+                "error": [Function],
+                "next": [Function],
+              },
+              "isStopped": false,
+              "syncErrorThrowable": false,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+            "isStopped": false,
+            "syncErrorThrowable": true,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+        ],
         "thrownError": null,
       },
       "currentBottomControls$": BehaviorSubject {
@@ -188,7 +337,82 @@ exports[`Header handles visibility and lock changes 1`] = `
         "closed": false,
         "hasError": false,
         "isStopped": false,
-        "observers": Array [],
+        "observers": Array [
+          Subscriber {
+            "_parentOrParents": null,
+            "_subscriptions": Array [
+              SubjectSubscription {
+                "_parentOrParents": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "subject": [Circular],
+                "subscriber": [Circular],
+              },
+            ],
+            "closed": false,
+            "destination": SafeSubscriber {
+              "_complete": undefined,
+              "_context": [Circular],
+              "_error": undefined,
+              "_next": [Function],
+              "_parentOrParents": null,
+              "_parentSubscriber": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "destination": Object {
+                "closed": true,
+                "complete": [Function],
+                "error": [Function],
+                "next": [Function],
+              },
+              "isStopped": false,
+              "syncErrorThrowable": false,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+            "isStopped": false,
+            "syncErrorThrowable": true,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          Subscriber {
+            "_parentOrParents": null,
+            "_subscriptions": Array [
+              SubjectSubscription {
+                "_parentOrParents": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "subject": [Circular],
+                "subscriber": [Circular],
+              },
+            ],
+            "closed": false,
+            "destination": SafeSubscriber {
+              "_complete": undefined,
+              "_context": [Circular],
+              "_error": undefined,
+              "_next": [Function],
+              "_parentOrParents": null,
+              "_parentSubscriber": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "destination": Object {
+                "closed": true,
+                "complete": [Function],
+                "error": [Function],
+                "next": [Function],
+              },
+              "isStopped": false,
+              "syncErrorThrowable": false,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+            "isStopped": false,
+            "syncErrorThrowable": true,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+        ],
         "thrownError": null,
       },
       "currentDescriptionControls$": BehaviorSubject {
@@ -206,34 +430,184 @@ exports[`Header handles visibility and lock changes 1`] = `
         "closed": false,
         "hasError": false,
         "isStopped": false,
-        "observers": Array [],
-        "thrownError": null,
-      },
-      "currentRightControls$": BehaviorSubject {
-        "_isScalar": false,
-        "_value": undefined,
-        "closed": false,
-        "hasError": false,
-        "isStopped": false,
-        "observers": Array [],
-        "thrownError": null,
-      },
-      "getComponent": [MockFunction],
-      "getUrlForApp": [MockFunction],
-      "history": Object {
-        "action": "PUSH",
-        "block": [MockFunction],
-        "createHref": [MockFunction],
-        "go": [MockFunction],
-        "goBack": [MockFunction],
-        "goForward": [MockFunction],
-        "length": 1,
-        "listen": [MockFunction],
-        "location": Object {
-          "hash": "",
-          "key": "",
-          "pathname": "/",
-          "search": "",
+        "observers": Array [
+          Subscriber {
+            "_parentOrParents": null,
+            "_subscriptions": Array [
+              SubjectSubscription {
+                "_parentOrParents": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "subject": [Circular],
+                "subscriber": [Circular],
+              },
+            ],
+            "closed": false,
+            "destination": SafeSubscriber {
+              "_complete": undefined,
+              "_context": [Circular],
+              "_error": undefined,
+              "_next": [Function],
+              "_parentOrParents": null,
+              "_parentSubscriber": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "destination": Object {
+                "closed": true,
+                "complete": [Function],
+                "error": [Function],
+                "next": [Function],
+              },
+              "isStopped": false,
+              "syncErrorThrowable": false,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+            "isStopped": false,
+            "syncErrorThrowable": true,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          Subscriber {
+            "_parentOrParents": null,
+            "_subscriptions": Array [
+              SubjectSubscription {
+                "_parentOrParents": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "subject": [Circular],
+                "subscriber": [Circular],
+              },
+            ],
+            "closed": false,
+            "destination": SafeSubscriber {
+              "_complete": undefined,
+              "_context": [Circular],
+              "_error": undefined,
+              "_next": [Function],
+              "_parentOrParents": null,
+              "_parentSubscriber": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "destination": Object {
+                "closed": true,
+                "complete": [Function],
+                "error": [Function],
+                "next": [Function],
+              },
+              "isStopped": false,
+              "syncErrorThrowable": false,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+            "isStopped": false,
+            "syncErrorThrowable": true,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+        ],
+        "thrownError": null,
+      },
+      "currentRightControls$": BehaviorSubject {
+        "_isScalar": false,
+        "_value": undefined,
+        "closed": false,
+        "hasError": false,
+        "isStopped": false,
+        "observers": Array [
+          Subscriber {
+            "_parentOrParents": null,
+            "_subscriptions": Array [
+              SubjectSubscription {
+                "_parentOrParents": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "subject": [Circular],
+                "subscriber": [Circular],
+              },
+            ],
+            "closed": false,
+            "destination": SafeSubscriber {
+              "_complete": undefined,
+              "_context": [Circular],
+              "_error": undefined,
+              "_next": [Function],
+              "_parentOrParents": null,
+              "_parentSubscriber": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "destination": Object {
+                "closed": true,
+                "complete": [Function],
+                "error": [Function],
+                "next": [Function],
+              },
+              "isStopped": false,
+              "syncErrorThrowable": false,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+            "isStopped": false,
+            "syncErrorThrowable": true,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          Subscriber {
+            "_parentOrParents": null,
+            "_subscriptions": Array [
+              SubjectSubscription {
+                "_parentOrParents": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "subject": [Circular],
+                "subscriber": [Circular],
+              },
+            ],
+            "closed": false,
+            "destination": SafeSubscriber {
+              "_complete": undefined,
+              "_context": [Circular],
+              "_error": undefined,
+              "_next": [Function],
+              "_parentOrParents": null,
+              "_parentSubscriber": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "destination": Object {
+                "closed": true,
+                "complete": [Function],
+                "error": [Function],
+                "next": [Function],
+              },
+              "isStopped": false,
+              "syncErrorThrowable": false,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+            "isStopped": false,
+            "syncErrorThrowable": true,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+        ],
+        "thrownError": null,
+      },
+      "getComponent": [MockFunction],
+      "getUrlForApp": [MockFunction],
+      "history": Object {
+        "action": "PUSH",
+        "block": [MockFunction],
+        "createHref": [MockFunction],
+        "go": [MockFunction],
+        "goBack": [MockFunction],
+        "goForward": [MockFunction],
+        "length": 1,
+        "listen": [MockFunction],
+        "location": Object {
+          "hash": "",
+          "key": "",
+          "pathname": "/",
+          "search": "",
           "state": undefined,
         },
         "push": [MockFunction],
@@ -295,6 +669,80 @@ exports[`Header handles visibility and lock changes 1`] = `
           "syncErrorThrown": false,
           "syncErrorValue": null,
         },
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
       ],
       "thrownError": null,
     }
@@ -1822,18 +2270,6 @@ exports[`Header handles visibility and lock changes 1`] = `
           "syncErrorThrown": false,
           "syncErrorValue": null,
         },
-      ],
-      "thrownError": null,
-    }
-  }
-  navControlsExpandedCenter$={
-    BehaviorSubject {
-      "_isScalar": false,
-      "_value": Array [],
-      "closed": false,
-      "hasError": false,
-      "isStopped": false,
-      "observers": Array [
         Subscriber {
           "_parentOrParents": null,
           "_subscriptions": Array [
@@ -1871,18 +2307,6 @@ exports[`Header handles visibility and lock changes 1`] = `
           "syncErrorThrown": false,
           "syncErrorValue": null,
         },
-      ],
-      "thrownError": null,
-    }
-  }
-  navControlsExpandedRight$={
-    BehaviorSubject {
-      "_isScalar": false,
-      "_value": Array [],
-      "closed": false,
-      "hasError": false,
-      "isStopped": false,
-      "observers": Array [
         Subscriber {
           "_parentOrParents": null,
           "_subscriptions": Array [
@@ -1924,7 +2348,7 @@ exports[`Header handles visibility and lock changes 1`] = `
       "thrownError": null,
     }
   }
-  navControlsLeft$={
+  navControlsExpandedCenter$={
     BehaviorSubject {
       "_isScalar": false,
       "_value": Array [],
@@ -1969,29 +2393,6 @@ exports[`Header handles visibility and lock changes 1`] = `
           "syncErrorThrown": false,
           "syncErrorValue": null,
         },
-      ],
-      "thrownError": null,
-    }
-  }
-  navControlsLeftBottom$={
-    BehaviorSubject {
-      "_isScalar": false,
-      "_value": Array [],
-      "closed": false,
-      "hasError": false,
-      "isStopped": false,
-      "observers": Array [],
-      "thrownError": null,
-    }
-  }
-  navControlsRight$={
-    BehaviorSubject {
-      "_isScalar": false,
-      "_value": Array [],
-      "closed": false,
-      "hasError": false,
-      "isStopped": false,
-      "observers": Array [
         Subscriber {
           "_parentOrParents": null,
           "_subscriptions": Array [
@@ -2029,37 +2430,6 @@ exports[`Header handles visibility and lock changes 1`] = `
           "syncErrorThrown": false,
           "syncErrorValue": null,
         },
-      ],
-      "thrownError": null,
-    }
-  }
-  navGroupEnabled={false}
-  navGroupsMap$={
-    BehaviorSubject {
-      "_isScalar": false,
-      "_value": Object {},
-      "closed": false,
-      "hasError": false,
-      "isStopped": false,
-      "observers": Array [],
-      "thrownError": null,
-    }
-  }
-  navLinks$={
-    BehaviorSubject {
-      "_isScalar": false,
-      "_value": Array [
-        Object {
-          "baseUrl": "",
-          "href": "",
-          "id": "opensearchDashboards",
-          "title": "opensearchDashboards",
-        },
-      ],
-      "closed": false,
-      "hasError": false,
-      "isStopped": false,
-      "observers": Array [
         Subscriber {
           "_parentOrParents": null,
           "_subscriptions": Array [
@@ -2175,19 +2545,10 @@ exports[`Header handles visibility and lock changes 1`] = `
       "thrownError": null,
     }
   }
-  onIsLockedUpdate={[Function]}
-  opensearchDashboardsDocLink="/docs"
-  opensearchDashboardsVersion="1.0.0"
-  recentlyAccessed$={
+  navControlsExpandedRight$={
     BehaviorSubject {
       "_isScalar": false,
-      "_value": Array [
-        Object {
-          "id": "dashboard",
-          "label": "dashboard",
-          "link": "",
-        },
-      ],
+      "_value": Array [],
       "closed": false,
       "hasError": false,
       "isStopped": false,
@@ -2233,14 +2594,10 @@ exports[`Header handles visibility and lock changes 1`] = `
       "thrownError": null,
     }
   }
-  setCurrentNavGroup={[MockFunction]}
-  sidecarConfig$={
+  navControlsLeft$={
     BehaviorSubject {
       "_isScalar": false,
-      "_value": Object {
-        "dockedMode": "right",
-        "paddingSize": 640,
-      },
+      "_value": Array [],
       "closed": false,
       "hasError": false,
       "isStopped": false,
@@ -2282,13 +2639,85 @@ exports[`Header handles visibility and lock changes 1`] = `
           "syncErrorThrown": false,
           "syncErrorValue": null,
         },
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
       ],
       "thrownError": null,
     }
   }
-  survey="/"
-  useUpdatedHeader={false}
-  workspaceList$={
+  navControlsLeftBottom$={
     BehaviorSubject {
       "_isScalar": false,
       "_value": Array [],
@@ -2299,9051 +2728,60 @@ exports[`Header handles visibility and lock changes 1`] = `
       "thrownError": null,
     }
   }
->
-  <header
-    className="hide-for-sharing headerGlobalNav"
-    data-test-subj="headerGlobalNav"
-  >
-    <div
-      id="globalHeaderBars"
-    >
-      <EuiHeader
-        className="expandedHeader"
-        position="fixed"
-        sections={
-          Array [
-            Object {
-              "borders": "none",
-              "items": Array [
-                <HeaderLogo
-                  backgroundColorScheme="dark"
-                  branding={Object {}}
-                  forceNavigation$={
-                    BehaviorSubject {
-                      "_isScalar": false,
-                      "_value": false,
-                      "closed": false,
-                      "hasError": false,
-                      "isStopped": false,
-                      "observers": Array [
-                        Subscriber {
-                          "_parentOrParents": null,
-                          "_subscriptions": Array [
-                            SubjectSubscription {
-                              "_parentOrParents": [Circular],
-                              "_subscriptions": null,
-                              "closed": false,
-                              "subject": [Circular],
-                              "subscriber": [Circular],
-                            },
-                          ],
-                          "closed": false,
-                          "destination": SafeSubscriber {
-                            "_complete": undefined,
-                            "_context": [Circular],
-                            "_error": undefined,
-                            "_next": [Function],
-                            "_parentOrParents": null,
-                            "_parentSubscriber": [Circular],
-                            "_subscriptions": null,
-                            "closed": false,
-                            "destination": Object {
-                              "closed": true,
-                              "complete": [Function],
-                              "error": [Function],
-                              "next": [Function],
-                            },
-                            "isStopped": false,
-                            "syncErrorThrowable": false,
-                            "syncErrorThrown": false,
-                            "syncErrorValue": null,
-                          },
-                          "isStopped": false,
-                          "syncErrorThrowable": true,
-                          "syncErrorThrown": false,
-                          "syncErrorValue": null,
-                        },
-                        Subscriber {
-                          "_parentOrParents": null,
-                          "_subscriptions": Array [
-                            SubjectSubscription {
-                              "_parentOrParents": [Circular],
-                              "_subscriptions": null,
-                              "closed": false,
-                              "subject": [Circular],
-                              "subscriber": [Circular],
-                            },
-                          ],
-                          "closed": false,
-                          "destination": SafeSubscriber {
-                            "_complete": undefined,
-                            "_context": [Circular],
-                            "_error": undefined,
-                            "_next": [Function],
-                            "_parentOrParents": null,
-                            "_parentSubscriber": [Circular],
-                            "_subscriptions": null,
-                            "closed": false,
-                            "destination": Object {
-                              "closed": true,
-                              "complete": [Function],
-                              "error": [Function],
-                              "next": [Function],
-                            },
-                            "isStopped": false,
-                            "syncErrorThrowable": false,
-                            "syncErrorThrown": false,
-                            "syncErrorValue": null,
-                          },
-                          "isStopped": false,
-                          "syncErrorThrowable": true,
-                          "syncErrorThrown": false,
-                          "syncErrorValue": null,
-                        },
-                      ],
-                      "thrownError": null,
-                    }
-                  }
-                  href="/"
-                  logos={
-                    Object {
-                      "AnimatedMark": Object {
-                        "dark": Object {
-                          "type": "default",
-                          "url": "/ui/logos/opensearch_spinner_on_dark.svg",
-                        },
-                        "light": Object {
-                          "type": "default",
-                          "url": "/ui/logos/opensearch_spinner_on_light.svg",
-                        },
-                        "type": "default",
-                        "url": "/ui/logos/opensearch_spinner_on_light.svg",
-                      },
-                      "Application": Object {
-                        "dark": Object {
-                          "type": "default",
-                          "url": "/ui/logos/opensearch_dashboards_on_dark.svg",
-                        },
-                        "light": Object {
-                          "type": "default",
-                          "url": "/ui/logos/opensearch_dashboards_on_light.svg",
-                        },
-                        "type": "default",
-                        "url": "/ui/logos/opensearch_dashboards_on_light.svg",
-                      },
-                      "CenterMark": Object {
-                        "dark": Object {
-                          "type": "default",
-                          "url": "/ui/logos/opensearch_center_mark_on_dark.svg",
-                        },
-                        "light": Object {
-                          "type": "default",
-                          "url": "/ui/logos/opensearch_center_mark_on_light.svg",
-                        },
-                        "type": "default",
-                        "url": "/ui/logos/opensearch_center_mark_on_light.svg",
-                      },
-                      "Mark": Object {
-                        "dark": Object {
-                          "type": "default",
-                          "url": "/ui/logos/opensearch_mark_on_dark.svg",
-                        },
-                        "light": Object {
-                          "type": "default",
-                          "url": "/ui/logos/opensearch_mark_on_light.svg",
-                        },
-                        "type": "default",
-                        "url": "/ui/logos/opensearch_mark_on_light.svg",
-                      },
-                      "OpenSearch": Object {
-                        "dark": Object {
-                          "type": "default",
-                          "url": "/ui/logos/opensearch_on_dark.svg",
-                        },
-                        "light": Object {
-                          "type": "default",
-                          "url": "/ui/logos/opensearch_on_light.svg",
-                        },
-                        "type": "default",
-                        "url": "/ui/logos/opensearch_on_light.svg",
-                      },
-                      "colorScheme": "light",
-                    }
-                  }
-                  navLinks$={
-                    BehaviorSubject {
-                      "_isScalar": false,
-                      "_value": Array [
-                        Object {
-                          "baseUrl": "",
-                          "href": "",
-                          "id": "opensearchDashboards",
-                          "title": "opensearchDashboards",
-                        },
-                      ],
-                      "closed": false,
-                      "hasError": false,
-                      "isStopped": false,
-                      "observers": Array [
-                        Subscriber {
-                          "_parentOrParents": null,
-                          "_subscriptions": Array [
-                            SubjectSubscription {
-                              "_parentOrParents": [Circular],
-                              "_subscriptions": null,
-                              "closed": false,
-                              "subject": [Circular],
-                              "subscriber": [Circular],
-                            },
-                          ],
-                          "closed": false,
-                          "destination": SafeSubscriber {
-                            "_complete": undefined,
-                            "_context": [Circular],
-                            "_error": undefined,
-                            "_next": [Function],
-                            "_parentOrParents": null,
-                            "_parentSubscriber": [Circular],
-                            "_subscriptions": null,
-                            "closed": false,
-                            "destination": Object {
-                              "closed": true,
-                              "complete": [Function],
-                              "error": [Function],
-                              "next": [Function],
-                            },
-                            "isStopped": false,
-                            "syncErrorThrowable": false,
-                            "syncErrorThrown": false,
-                            "syncErrorValue": null,
-                          },
-                          "isStopped": false,
-                          "syncErrorThrowable": true,
-                          "syncErrorThrown": false,
-                          "syncErrorValue": null,
-                        },
-                        Subscriber {
-                          "_parentOrParents": null,
-                          "_subscriptions": Array [
-                            SubjectSubscription {
-                              "_parentOrParents": [Circular],
-                              "_subscriptions": null,
-                              "closed": false,
-                              "subject": [Circular],
-                              "subscriber": [Circular],
-                            },
-                          ],
-                          "closed": false,
-                          "destination": SafeSubscriber {
-                            "_complete": undefined,
-                            "_context": [Circular],
-                            "_error": undefined,
-                            "_next": [Function],
-                            "_parentOrParents": null,
-                            "_parentSubscriber": [Circular],
-                            "_subscriptions": null,
-                            "closed": false,
-                            "destination": Object {
-                              "closed": true,
-                              "complete": [Function],
-                              "error": [Function],
-                              "next": [Function],
-                            },
-                            "isStopped": false,
-                            "syncErrorThrowable": false,
-                            "syncErrorThrown": false,
-                            "syncErrorValue": null,
-                          },
-                          "isStopped": false,
-                          "syncErrorThrowable": true,
-                          "syncErrorThrown": false,
-                          "syncErrorValue": null,
-                        },
-                        Subscriber {
-                          "_parentOrParents": null,
-                          "_subscriptions": Array [
-                            SubjectSubscription {
-                              "_parentOrParents": [Circular],
-                              "_subscriptions": null,
-                              "closed": false,
-                              "subject": [Circular],
-                              "subscriber": [Circular],
-                            },
-                          ],
-                          "closed": false,
-                          "destination": SafeSubscriber {
-                            "_complete": undefined,
-                            "_context": [Circular],
-                            "_error": undefined,
-                            "_next": [Function],
-                            "_parentOrParents": null,
-                            "_parentSubscriber": [Circular],
-                            "_subscriptions": null,
-                            "closed": false,
-                            "destination": Object {
-                              "closed": true,
-                              "complete": [Function],
-                              "error": [Function],
-                              "next": [Function],
-                            },
-                            "isStopped": false,
-                            "syncErrorThrowable": false,
-                            "syncErrorThrown": false,
-                            "syncErrorValue": null,
-                          },
-                          "isStopped": false,
-                          "syncErrorThrowable": true,
-                          "syncErrorThrown": false,
-                          "syncErrorValue": null,
-                        },
-                      ],
-                      "thrownError": null,
-                    }
-                  }
-                  navigateToApp={[MockFunction]}
-                />,
-              ],
+  navControlsRight$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": Array [],
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
             },
-            Object {
-              "borders": "none",
-              "items": Array [
-                <EuiShowFor
-                  sizes={
-                    Array [
-                      "m",
-                      "l",
-                      "xl",
-                    ]
-                  }
-                >
-                  <HeaderNavControls
-                    navControls$={
-                      BehaviorSubject {
-                        "_isScalar": false,
-                        "_value": Array [],
-                        "closed": false,
-                        "hasError": false,
-                        "isStopped": false,
-                        "observers": Array [
-                          Subscriber {
-                            "_parentOrParents": null,
-                            "_subscriptions": Array [
-                              SubjectSubscription {
-                                "_parentOrParents": [Circular],
-                                "_subscriptions": null,
-                                "closed": false,
-                                "subject": [Circular],
-                                "subscriber": [Circular],
-                              },
-                            ],
-                            "closed": false,
-                            "destination": SafeSubscriber {
-                              "_complete": undefined,
-                              "_context": [Circular],
-                              "_error": undefined,
-                              "_next": [Function],
-                              "_parentOrParents": null,
-                              "_parentSubscriber": [Circular],
-                              "_subscriptions": null,
-                              "closed": false,
-                              "destination": Object {
-                                "closed": true,
-                                "complete": [Function],
-                                "error": [Function],
-                                "next": [Function],
-                              },
-                              "isStopped": false,
-                              "syncErrorThrowable": false,
-                              "syncErrorThrown": false,
-                              "syncErrorValue": null,
-                            },
-                            "isStopped": false,
-                            "syncErrorThrowable": true,
-                            "syncErrorThrown": false,
-                            "syncErrorValue": null,
-                          },
-                        ],
-                        "thrownError": null,
-                      }
-                    }
-                  />
-                </EuiShowFor>,
-              ],
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
             },
-            Object {
-              "borders": "none",
-              "items": Array [
-                <EuiHideFor
-                  sizes={
-                    Array [
-                      "m",
-                      "l",
-                      "xl",
-                    ]
-                  }
-                >
-                  <HeaderNavControls
-                    navControls$={
-                      BehaviorSubject {
-                        "_isScalar": false,
-                        "_value": Array [],
-                        "closed": false,
-                        "hasError": false,
-                        "isStopped": false,
-                        "observers": Array [
-                          Subscriber {
-                            "_parentOrParents": null,
-                            "_subscriptions": Array [
-                              SubjectSubscription {
-                                "_parentOrParents": [Circular],
-                                "_subscriptions": null,
-                                "closed": false,
-                                "subject": [Circular],
-                                "subscriber": [Circular],
-                              },
-                            ],
-                            "closed": false,
-                            "destination": SafeSubscriber {
-                              "_complete": undefined,
-                              "_context": [Circular],
-                              "_error": undefined,
-                              "_next": [Function],
-                              "_parentOrParents": null,
-                              "_parentSubscriber": [Circular],
-                              "_subscriptions": null,
-                              "closed": false,
-                              "destination": Object {
-                                "closed": true,
-                                "complete": [Function],
-                                "error": [Function],
-                                "next": [Function],
-                              },
-                              "isStopped": false,
-                              "syncErrorThrowable": false,
-                              "syncErrorThrown": false,
-                              "syncErrorValue": null,
-                            },
-                            "isStopped": false,
-                            "syncErrorThrowable": true,
-                            "syncErrorThrown": false,
-                            "syncErrorValue": null,
-                          },
-                        ],
-                        "thrownError": null,
-                      }
-                    }
-                  />
-                </EuiHideFor>,
-                <HeaderNavControls
-                  navControls$={
-                    BehaviorSubject {
-                      "_isScalar": false,
-                      "_value": Array [],
-                      "closed": false,
-                      "hasError": false,
-                      "isStopped": false,
-                      "observers": Array [
-                        Subscriber {
-                          "_parentOrParents": null,
-                          "_subscriptions": Array [
-                            SubjectSubscription {
-                              "_parentOrParents": [Circular],
-                              "_subscriptions": null,
-                              "closed": false,
-                              "subject": [Circular],
-                              "subscriber": [Circular],
-                            },
-                          ],
-                          "closed": false,
-                          "destination": SafeSubscriber {
-                            "_complete": undefined,
-                            "_context": [Circular],
-                            "_error": undefined,
-                            "_next": [Function],
-                            "_parentOrParents": null,
-                            "_parentSubscriber": [Circular],
-                            "_subscriptions": null,
-                            "closed": false,
-                            "destination": Object {
-                              "closed": true,
-                              "complete": [Function],
-                              "error": [Function],
-                              "next": [Function],
-                            },
-                            "isStopped": false,
-                            "syncErrorThrowable": false,
-                            "syncErrorThrown": false,
-                            "syncErrorValue": null,
-                          },
-                          "isStopped": false,
-                          "syncErrorThrowable": true,
-                          "syncErrorThrown": false,
-                          "syncErrorValue": null,
-                        },
-                      ],
-                      "thrownError": null,
-                    }
-                  }
-                />,
-              ],
-            },
-          ]
-        }
-        style={
-          Object {
-            "paddingRight": 640,
-          }
-        }
-        theme="dark"
-      >
-        <div
-          className="euiHeader euiHeader--dark euiHeader--fixed expandedHeader"
-          style={
-            Object {
-              "paddingRight": 640,
-            }
-          }
-        >
-          <EuiHeaderSection
-            key="items-0"
-          >
-            <div
-              className="euiHeaderSection euiHeaderSection--dontGrow euiHeaderSection--left"
-            >
-              <EuiHeaderSectionItem
-                border="none"
-                key="0"
-              >
-                <div
-                  className="euiHeaderSectionItem"
-                >
-                  <HeaderLogo
-                    backgroundColorScheme="dark"
-                    branding={Object {}}
-                    forceNavigation$={
-                      BehaviorSubject {
-                        "_isScalar": false,
-                        "_value": false,
-                        "closed": false,
-                        "hasError": false,
-                        "isStopped": false,
-                        "observers": Array [
-                          Subscriber {
-                            "_parentOrParents": null,
-                            "_subscriptions": Array [
-                              SubjectSubscription {
-                                "_parentOrParents": [Circular],
-                                "_subscriptions": null,
-                                "closed": false,
-                                "subject": [Circular],
-                                "subscriber": [Circular],
-                              },
-                            ],
-                            "closed": false,
-                            "destination": SafeSubscriber {
-                              "_complete": undefined,
-                              "_context": [Circular],
-                              "_error": undefined,
-                              "_next": [Function],
-                              "_parentOrParents": null,
-                              "_parentSubscriber": [Circular],
-                              "_subscriptions": null,
-                              "closed": false,
-                              "destination": Object {
-                                "closed": true,
-                                "complete": [Function],
-                                "error": [Function],
-                                "next": [Function],
-                              },
-                              "isStopped": false,
-                              "syncErrorThrowable": false,
-                              "syncErrorThrown": false,
-                              "syncErrorValue": null,
-                            },
-                            "isStopped": false,
-                            "syncErrorThrowable": true,
-                            "syncErrorThrown": false,
-                            "syncErrorValue": null,
-                          },
-                          Subscriber {
-                            "_parentOrParents": null,
-                            "_subscriptions": Array [
-                              SubjectSubscription {
-                                "_parentOrParents": [Circular],
-                                "_subscriptions": null,
-                                "closed": false,
-                                "subject": [Circular],
-                                "subscriber": [Circular],
-                              },
-                            ],
-                            "closed": false,
-                            "destination": SafeSubscriber {
-                              "_complete": undefined,
-                              "_context": [Circular],
-                              "_error": undefined,
-                              "_next": [Function],
-                              "_parentOrParents": null,
-                              "_parentSubscriber": [Circular],
-                              "_subscriptions": null,
-                              "closed": false,
-                              "destination": Object {
-                                "closed": true,
-                                "complete": [Function],
-                                "error": [Function],
-                                "next": [Function],
-                              },
-                              "isStopped": false,
-                              "syncErrorThrowable": false,
-                              "syncErrorThrown": false,
-                              "syncErrorValue": null,
-                            },
-                            "isStopped": false,
-                            "syncErrorThrowable": true,
-                            "syncErrorThrown": false,
-                            "syncErrorValue": null,
-                          },
-                        ],
-                        "thrownError": null,
-                      }
-                    }
-                    href="/"
-                    logos={
-                      Object {
-                        "AnimatedMark": Object {
-                          "dark": Object {
-                            "type": "default",
-                            "url": "/ui/logos/opensearch_spinner_on_dark.svg",
-                          },
-                          "light": Object {
-                            "type": "default",
-                            "url": "/ui/logos/opensearch_spinner_on_light.svg",
-                          },
-                          "type": "default",
-                          "url": "/ui/logos/opensearch_spinner_on_light.svg",
-                        },
-                        "Application": Object {
-                          "dark": Object {
-                            "type": "default",
-                            "url": "/ui/logos/opensearch_dashboards_on_dark.svg",
-                          },
-                          "light": Object {
-                            "type": "default",
-                            "url": "/ui/logos/opensearch_dashboards_on_light.svg",
-                          },
-                          "type": "default",
-                          "url": "/ui/logos/opensearch_dashboards_on_light.svg",
-                        },
-                        "CenterMark": Object {
-                          "dark": Object {
-                            "type": "default",
-                            "url": "/ui/logos/opensearch_center_mark_on_dark.svg",
-                          },
-                          "light": Object {
-                            "type": "default",
-                            "url": "/ui/logos/opensearch_center_mark_on_light.svg",
-                          },
-                          "type": "default",
-                          "url": "/ui/logos/opensearch_center_mark_on_light.svg",
-                        },
-                        "Mark": Object {
-                          "dark": Object {
-                            "type": "default",
-                            "url": "/ui/logos/opensearch_mark_on_dark.svg",
-                          },
-                          "light": Object {
-                            "type": "default",
-                            "url": "/ui/logos/opensearch_mark_on_light.svg",
-                          },
-                          "type": "default",
-                          "url": "/ui/logos/opensearch_mark_on_light.svg",
-                        },
-                        "OpenSearch": Object {
-                          "dark": Object {
-                            "type": "default",
-                            "url": "/ui/logos/opensearch_on_dark.svg",
-                          },
-                          "light": Object {
-                            "type": "default",
-                            "url": "/ui/logos/opensearch_on_light.svg",
-                          },
-                          "type": "default",
-                          "url": "/ui/logos/opensearch_on_light.svg",
-                        },
-                        "colorScheme": "light",
-                      }
-                    }
-                    navLinks$={
-                      BehaviorSubject {
-                        "_isScalar": false,
-                        "_value": Array [
-                          Object {
-                            "baseUrl": "",
-                            "href": "",
-                            "id": "opensearchDashboards",
-                            "title": "opensearchDashboards",
-                          },
-                        ],
-                        "closed": false,
-                        "hasError": false,
-                        "isStopped": false,
-                        "observers": Array [
-                          Subscriber {
-                            "_parentOrParents": null,
-                            "_subscriptions": Array [
-                              SubjectSubscription {
-                                "_parentOrParents": [Circular],
-                                "_subscriptions": null,
-                                "closed": false,
-                                "subject": [Circular],
-                                "subscriber": [Circular],
-                              },
-                            ],
-                            "closed": false,
-                            "destination": SafeSubscriber {
-                              "_complete": undefined,
-                              "_context": [Circular],
-                              "_error": undefined,
-                              "_next": [Function],
-                              "_parentOrParents": null,
-                              "_parentSubscriber": [Circular],
-                              "_subscriptions": null,
-                              "closed": false,
-                              "destination": Object {
-                                "closed": true,
-                                "complete": [Function],
-                                "error": [Function],
-                                "next": [Function],
-                              },
-                              "isStopped": false,
-                              "syncErrorThrowable": false,
-                              "syncErrorThrown": false,
-                              "syncErrorValue": null,
-                            },
-                            "isStopped": false,
-                            "syncErrorThrowable": true,
-                            "syncErrorThrown": false,
-                            "syncErrorValue": null,
-                          },
-                          Subscriber {
-                            "_parentOrParents": null,
-                            "_subscriptions": Array [
-                              SubjectSubscription {
-                                "_parentOrParents": [Circular],
-                                "_subscriptions": null,
-                                "closed": false,
-                                "subject": [Circular],
-                                "subscriber": [Circular],
-                              },
-                            ],
-                            "closed": false,
-                            "destination": SafeSubscriber {
-                              "_complete": undefined,
-                              "_context": [Circular],
-                              "_error": undefined,
-                              "_next": [Function],
-                              "_parentOrParents": null,
-                              "_parentSubscriber": [Circular],
-                              "_subscriptions": null,
-                              "closed": false,
-                              "destination": Object {
-                                "closed": true,
-                                "complete": [Function],
-                                "error": [Function],
-                                "next": [Function],
-                              },
-                              "isStopped": false,
-                              "syncErrorThrowable": false,
-                              "syncErrorThrown": false,
-                              "syncErrorValue": null,
-                            },
-                            "isStopped": false,
-                            "syncErrorThrowable": true,
-                            "syncErrorThrown": false,
-                            "syncErrorValue": null,
-                          },
-                          Subscriber {
-                            "_parentOrParents": null,
-                            "_subscriptions": Array [
-                              SubjectSubscription {
-                                "_parentOrParents": [Circular],
-                                "_subscriptions": null,
-                                "closed": false,
-                                "subject": [Circular],
-                                "subscriber": [Circular],
-                              },
-                            ],
-                            "closed": false,
-                            "destination": SafeSubscriber {
-                              "_complete": undefined,
-                              "_context": [Circular],
-                              "_error": undefined,
-                              "_next": [Function],
-                              "_parentOrParents": null,
-                              "_parentSubscriber": [Circular],
-                              "_subscriptions": null,
-                              "closed": false,
-                              "destination": Object {
-                                "closed": true,
-                                "complete": [Function],
-                                "error": [Function],
-                                "next": [Function],
-                              },
-                              "isStopped": false,
-                              "syncErrorThrowable": false,
-                              "syncErrorThrown": false,
-                              "syncErrorValue": null,
-                            },
-                            "isStopped": false,
-                            "syncErrorThrowable": true,
-                            "syncErrorThrown": false,
-                            "syncErrorValue": null,
-                          },
-                        ],
-                        "thrownError": null,
-                      }
-                    }
-                    navigateToApp={[MockFunction]}
-                  >
-                    <a
-                      aria-label="Go to home page"
-                      className="logoContainer"
-                      data-test-subj="logo"
-                      href="/"
-                      onClick={[Function]}
-                    >
-                      <img
-                        alt="opensearch dashboards logo"
-                        className="logoImage"
-                        data-test-image-url="/ui/logos/opensearch_dashboards_on_dark.svg"
-                        data-test-subj="defaultLogo"
-                        loading="lazy"
-                        src="/ui/logos/opensearch_dashboards_on_dark.svg"
-                      />
-                    </a>
-                  </HeaderLogo>
-                </div>
-              </EuiHeaderSectionItem>
-            </div>
-          </EuiHeaderSection>
-          <EuiHeaderSection
-            key="items-1"
-          >
-            <div
-              className="euiHeaderSection euiHeaderSection--dontGrow euiHeaderSection--left"
-            >
-              <EuiHeaderSectionItem
-                border="none"
-                key="0"
-              >
-                <div
-                  className="euiHeaderSectionItem"
-                >
-                  <EuiShowFor
-                    sizes={
-                      Array [
-                        "m",
-                        "l",
-                        "xl",
-                      ]
-                    }
-                  >
-                    <HeaderNavControls
-                      navControls$={
-                        BehaviorSubject {
-                          "_isScalar": false,
-                          "_value": Array [],
-                          "closed": false,
-                          "hasError": false,
-                          "isStopped": false,
-                          "observers": Array [
-                            Subscriber {
-                              "_parentOrParents": null,
-                              "_subscriptions": Array [
-                                SubjectSubscription {
-                                  "_parentOrParents": [Circular],
-                                  "_subscriptions": null,
-                                  "closed": false,
-                                  "subject": [Circular],
-                                  "subscriber": [Circular],
-                                },
-                              ],
-                              "closed": false,
-                              "destination": SafeSubscriber {
-                                "_complete": undefined,
-                                "_context": [Circular],
-                                "_error": undefined,
-                                "_next": [Function],
-                                "_parentOrParents": null,
-                                "_parentSubscriber": [Circular],
-                                "_subscriptions": null,
-                                "closed": false,
-                                "destination": Object {
-                                  "closed": true,
-                                  "complete": [Function],
-                                  "error": [Function],
-                                  "next": [Function],
-                                },
-                                "isStopped": false,
-                                "syncErrorThrowable": false,
-                                "syncErrorThrown": false,
-                                "syncErrorValue": null,
-                              },
-                              "isStopped": false,
-                              "syncErrorThrowable": true,
-                              "syncErrorThrown": false,
-                              "syncErrorValue": null,
-                            },
-                          ],
-                          "thrownError": null,
-                        }
-                      }
-                    />
-                  </EuiShowFor>
-                </div>
-              </EuiHeaderSectionItem>
-            </div>
-          </EuiHeaderSection>
-          <EuiHeaderSection
-            key="items-2"
-          >
-            <div
-              className="euiHeaderSection euiHeaderSection--dontGrow euiHeaderSection--left"
-            >
-              <EuiHeaderSectionItem
-                border="none"
-                key="0"
-              >
-                <div
-                  className="euiHeaderSectionItem"
-                >
-                  <EuiHideFor
-                    sizes={
-                      Array [
-                        "m",
-                        "l",
-                        "xl",
-                      ]
-                    }
-                  />
-                </div>
-              </EuiHeaderSectionItem>
-              <EuiHeaderSectionItem
-                border="none"
-                key="1"
-              >
-                <div
-                  className="euiHeaderSectionItem"
-                >
-                  <HeaderNavControls
-                    navControls$={
-                      BehaviorSubject {
-                        "_isScalar": false,
-                        "_value": Array [],
-                        "closed": false,
-                        "hasError": false,
-                        "isStopped": false,
-                        "observers": Array [
-                          Subscriber {
-                            "_parentOrParents": null,
-                            "_subscriptions": Array [
-                              SubjectSubscription {
-                                "_parentOrParents": [Circular],
-                                "_subscriptions": null,
-                                "closed": false,
-                                "subject": [Circular],
-                                "subscriber": [Circular],
-                              },
-                            ],
-                            "closed": false,
-                            "destination": SafeSubscriber {
-                              "_complete": undefined,
-                              "_context": [Circular],
-                              "_error": undefined,
-                              "_next": [Function],
-                              "_parentOrParents": null,
-                              "_parentSubscriber": [Circular],
-                              "_subscriptions": null,
-                              "closed": false,
-                              "destination": Object {
-                                "closed": true,
-                                "complete": [Function],
-                                "error": [Function],
-                                "next": [Function],
-                              },
-                              "isStopped": false,
-                              "syncErrorThrowable": false,
-                              "syncErrorThrown": false,
-                              "syncErrorValue": null,
-                            },
-                            "isStopped": false,
-                            "syncErrorThrowable": true,
-                            "syncErrorThrown": false,
-                            "syncErrorValue": null,
-                          },
-                        ],
-                        "thrownError": null,
-                      }
-                    }
-                  />
-                </div>
-              </EuiHeaderSectionItem>
-            </div>
-          </EuiHeaderSection>
-        </div>
-      </EuiHeader>
-      <EuiHeader
-        className="primaryHeader"
-        position="fixed"
-        style={
-          Object {
-            "paddingRight": 640,
-          }
-        }
-      >
-        <div
-          className="euiHeader euiHeader--default euiHeader--fixed primaryHeader"
-          style={
-            Object {
-              "paddingRight": 640,
-            }
-          }
-        >
-          <EuiHeaderSection
-            grow={false}
-          >
-            <div
-              className="euiHeaderSection euiHeaderSection--dontGrow euiHeaderSection--left"
-            >
-              <EuiHeaderSectionItem
-                border="right"
-                className="header__toggleNavButtonSection"
-              >
-                <div
-                  className="euiHeaderSectionItem euiHeaderSectionItem--borderRight header__toggleNavButtonSection"
-                >
-                  <EuiHeaderSectionItemButton
-                    aria-controls="mockId"
-                    aria-expanded={false}
-                    aria-label="Toggle primary navigation"
-                    aria-pressed={false}
-                    className=""
-                    data-test-subj="toggleNavButton"
-                    onClick={[Function]}
-                  >
-                    <EuiButtonEmpty
-                      aria-controls="mockId"
-                      aria-expanded={false}
-                      aria-label="Toggle primary navigation"
-                      aria-pressed={false}
-                      buttonRef={
-                        Object {
-                          "current": <button
-                            aria-controls="mockId"
-                            aria-expanded="false"
-                            aria-label="Toggle primary navigation"
-                            aria-pressed="false"
-                            class="euiButtonEmpty euiButtonEmpty--text euiHeaderSectionItemButton"
-                            data-test-subj="toggleNavButton"
-                            type="button"
-                          >
-                            <span
-                              class="euiButtonContent euiButtonEmpty__content"
-                            >
-                              <span
-                                class="euiButtonEmpty__text"
-                              >
-                                <span
-                                  class="euiHeaderSectionItemButton__content"
-                                >
-                                  <span
-                                    data-euiicon-type="menu"
-                                    title="Menu"
-                                  />
-                                </span>
-                              </span>
-                            </span>
-                          </button>,
-                        }
-                      }
-                      className="euiHeaderSectionItemButton"
-                      color="text"
-                      data-test-subj="toggleNavButton"
-                      onClick={[Function]}
-                    >
-                      <button
-                        aria-controls="mockId"
-                        aria-expanded={false}
-                        aria-label="Toggle primary navigation"
-                        aria-pressed={false}
-                        className="euiButtonEmpty euiButtonEmpty--text euiHeaderSectionItemButton"
-                        data-test-subj="toggleNavButton"
-                        disabled={false}
-                        onClick={[Function]}
-                        type="button"
-                      >
-                        <EuiButtonContent
-                          className="euiButtonEmpty__content"
-                          iconGap="m"
-                          iconSide="left"
-                          iconSize="m"
-                          textProps={
-                            Object {
-                              "className": "euiButtonEmpty__text",
-                            }
-                          }
-                        >
-                          <span
-                            className="euiButtonContent euiButtonEmpty__content"
-                          >
-                            <span
-                              className="euiButtonEmpty__text"
-                            >
-                              <span
-                                className="euiHeaderSectionItemButton__content"
-                              >
-                                <EuiIcon
-                                  size="m"
-                                  title="Menu"
-                                  type="menu"
-                                >
-                                  <span
-                                    data-euiicon-type="menu"
-                                    size="m"
-                                    title="Menu"
-                                  />
-                                </EuiIcon>
-                              </span>
-                            </span>
-                          </span>
-                        </EuiButtonContent>
-                      </button>
-                    </EuiButtonEmpty>
-                  </EuiHeaderSectionItemButton>
-                </div>
-              </EuiHeaderSectionItem>
-              <EuiHeaderSectionItem
-                border="right"
-              >
-                <div
-                  className="euiHeaderSectionItem euiHeaderSectionItem--borderRight"
-                >
-                  <HeaderNavControls
-                    navControls$={
-                      BehaviorSubject {
-                        "_isScalar": false,
-                        "_value": Array [],
-                        "closed": false,
-                        "hasError": false,
-                        "isStopped": false,
-                        "observers": Array [
-                          Subscriber {
-                            "_parentOrParents": null,
-                            "_subscriptions": Array [
-                              SubjectSubscription {
-                                "_parentOrParents": [Circular],
-                                "_subscriptions": null,
-                                "closed": false,
-                                "subject": [Circular],
-                                "subscriber": [Circular],
-                              },
-                            ],
-                            "closed": false,
-                            "destination": SafeSubscriber {
-                              "_complete": undefined,
-                              "_context": [Circular],
-                              "_error": undefined,
-                              "_next": [Function],
-                              "_parentOrParents": null,
-                              "_parentSubscriber": [Circular],
-                              "_subscriptions": null,
-                              "closed": false,
-                              "destination": Object {
-                                "closed": true,
-                                "complete": [Function],
-                                "error": [Function],
-                                "next": [Function],
-                              },
-                              "isStopped": false,
-                              "syncErrorThrowable": false,
-                              "syncErrorThrown": false,
-                              "syncErrorValue": null,
-                            },
-                            "isStopped": false,
-                            "syncErrorThrowable": true,
-                            "syncErrorThrown": false,
-                            "syncErrorValue": null,
-                          },
-                        ],
-                        "thrownError": null,
-                      }
-                    }
-                    side="left"
-                  />
-                </div>
-              </EuiHeaderSectionItem>
-              <EuiHeaderSectionItem
-                border="right"
-              >
-                <div
-                  className="euiHeaderSectionItem euiHeaderSectionItem--borderRight"
-                >
-                  <HomeLoader
-                    branding={Object {}}
-                    forceNavigation$={
-                      BehaviorSubject {
-                        "_isScalar": false,
-                        "_value": false,
-                        "closed": false,
-                        "hasError": false,
-                        "isStopped": false,
-                        "observers": Array [
-                          Subscriber {
-                            "_parentOrParents": null,
-                            "_subscriptions": Array [
-                              SubjectSubscription {
-                                "_parentOrParents": [Circular],
-                                "_subscriptions": null,
-                                "closed": false,
-                                "subject": [Circular],
-                                "subscriber": [Circular],
-                              },
-                            ],
-                            "closed": false,
-                            "destination": SafeSubscriber {
-                              "_complete": undefined,
-                              "_context": [Circular],
-                              "_error": undefined,
-                              "_next": [Function],
-                              "_parentOrParents": null,
-                              "_parentSubscriber": [Circular],
-                              "_subscriptions": null,
-                              "closed": false,
-                              "destination": Object {
-                                "closed": true,
-                                "complete": [Function],
-                                "error": [Function],
-                                "next": [Function],
-                              },
-                              "isStopped": false,
-                              "syncErrorThrowable": false,
-                              "syncErrorThrown": false,
-                              "syncErrorValue": null,
-                            },
-                            "isStopped": false,
-                            "syncErrorThrowable": true,
-                            "syncErrorThrown": false,
-                            "syncErrorValue": null,
-                          },
-                          Subscriber {
-                            "_parentOrParents": null,
-                            "_subscriptions": Array [
-                              SubjectSubscription {
-                                "_parentOrParents": [Circular],
-                                "_subscriptions": null,
-                                "closed": false,
-                                "subject": [Circular],
-                                "subscriber": [Circular],
-                              },
-                            ],
-                            "closed": false,
-                            "destination": SafeSubscriber {
-                              "_complete": undefined,
-                              "_context": [Circular],
-                              "_error": undefined,
-                              "_next": [Function],
-                              "_parentOrParents": null,
-                              "_parentSubscriber": [Circular],
-                              "_subscriptions": null,
-                              "closed": false,
-                              "destination": Object {
-                                "closed": true,
-                                "complete": [Function],
-                                "error": [Function],
-                                "next": [Function],
-                              },
-                              "isStopped": false,
-                              "syncErrorThrowable": false,
-                              "syncErrorThrown": false,
-                              "syncErrorValue": null,
-                            },
-                            "isStopped": false,
-                            "syncErrorThrowable": true,
-                            "syncErrorThrown": false,
-                            "syncErrorValue": null,
-                          },
-                        ],
-                        "thrownError": null,
-                      }
-                    }
-                    href="/"
-                    loadingCount$={
-                      BehaviorSubject {
-                        "_isScalar": false,
-                        "_value": 0,
-                        "closed": false,
-                        "hasError": false,
-                        "isStopped": false,
-                        "observers": Array [
-                          Subscriber {
-                            "_parentOrParents": null,
-                            "_subscriptions": Array [
-                              SubjectSubscription {
-                                "_parentOrParents": [Circular],
-                                "_subscriptions": null,
-                                "closed": false,
-                                "subject": [Circular],
-                                "subscriber": [Circular],
-                              },
-                            ],
-                            "closed": false,
-                            "destination": SafeSubscriber {
-                              "_complete": undefined,
-                              "_context": [Circular],
-                              "_error": undefined,
-                              "_next": [Function],
-                              "_parentOrParents": null,
-                              "_parentSubscriber": [Circular],
-                              "_subscriptions": null,
-                              "closed": false,
-                              "destination": Object {
-                                "closed": true,
-                                "complete": [Function],
-                                "error": [Function],
-                                "next": [Function],
-                              },
-                              "isStopped": false,
-                              "syncErrorThrowable": false,
-                              "syncErrorThrown": false,
-                              "syncErrorValue": null,
-                            },
-                            "isStopped": false,
-                            "syncErrorThrowable": true,
-                            "syncErrorThrown": false,
-                            "syncErrorValue": null,
-                          },
-                          Subscriber {
-                            "_parentOrParents": null,
-                            "_subscriptions": Array [
-                              SubjectSubscription {
-                                "_parentOrParents": [Circular],
-                                "_subscriptions": null,
-                                "closed": false,
-                                "subject": [Circular],
-                                "subscriber": [Circular],
-                              },
-                            ],
-                            "closed": false,
-                            "destination": SafeSubscriber {
-                              "_complete": undefined,
-                              "_context": [Circular],
-                              "_error": undefined,
-                              "_next": [Function],
-                              "_parentOrParents": null,
-                              "_parentSubscriber": [Circular],
-                              "_subscriptions": null,
-                              "closed": false,
-                              "destination": Object {
-                                "closed": true,
-                                "complete": [Function],
-                                "error": [Function],
-                                "next": [Function],
-                              },
-                              "isStopped": false,
-                              "syncErrorThrowable": false,
-                              "syncErrorThrown": false,
-                              "syncErrorValue": null,
-                            },
-                            "isStopped": false,
-                            "syncErrorThrowable": true,
-                            "syncErrorThrown": false,
-                            "syncErrorValue": null,
-                          },
-                        ],
-                        "thrownError": null,
-                      }
-                    }
-                    logos={
-                      Object {
-                        "AnimatedMark": Object {
-                          "dark": Object {
-                            "type": "default",
-                            "url": "/ui/logos/opensearch_spinner_on_dark.svg",
-                          },
-                          "light": Object {
-                            "type": "default",
-                            "url": "/ui/logos/opensearch_spinner_on_light.svg",
-                          },
-                          "type": "default",
-                          "url": "/ui/logos/opensearch_spinner_on_light.svg",
-                        },
-                        "Application": Object {
-                          "dark": Object {
-                            "type": "default",
-                            "url": "/ui/logos/opensearch_dashboards_on_dark.svg",
-                          },
-                          "light": Object {
-                            "type": "default",
-                            "url": "/ui/logos/opensearch_dashboards_on_light.svg",
-                          },
-                          "type": "default",
-                          "url": "/ui/logos/opensearch_dashboards_on_light.svg",
-                        },
-                        "CenterMark": Object {
-                          "dark": Object {
-                            "type": "default",
-                            "url": "/ui/logos/opensearch_center_mark_on_dark.svg",
-                          },
-                          "light": Object {
-                            "type": "default",
-                            "url": "/ui/logos/opensearch_center_mark_on_light.svg",
-                          },
-                          "type": "default",
-                          "url": "/ui/logos/opensearch_center_mark_on_light.svg",
-                        },
-                        "Mark": Object {
-                          "dark": Object {
-                            "type": "default",
-                            "url": "/ui/logos/opensearch_mark_on_dark.svg",
-                          },
-                          "light": Object {
-                            "type": "default",
-                            "url": "/ui/logos/opensearch_mark_on_light.svg",
-                          },
-                          "type": "default",
-                          "url": "/ui/logos/opensearch_mark_on_light.svg",
-                        },
-                        "OpenSearch": Object {
-                          "dark": Object {
-                            "type": "default",
-                            "url": "/ui/logos/opensearch_on_dark.svg",
-                          },
-                          "light": Object {
-                            "type": "default",
-                            "url": "/ui/logos/opensearch_on_light.svg",
-                          },
-                          "type": "default",
-                          "url": "/ui/logos/opensearch_on_light.svg",
-                        },
-                        "colorScheme": "light",
-                      }
-                    }
-                    navLinks$={
-                      BehaviorSubject {
-                        "_isScalar": false,
-                        "_value": Array [
-                          Object {
-                            "baseUrl": "",
-                            "href": "",
-                            "id": "opensearchDashboards",
-                            "title": "opensearchDashboards",
-                          },
-                        ],
-                        "closed": false,
-                        "hasError": false,
-                        "isStopped": false,
-                        "observers": Array [
-                          Subscriber {
-                            "_parentOrParents": null,
-                            "_subscriptions": Array [
-                              SubjectSubscription {
-                                "_parentOrParents": [Circular],
-                                "_subscriptions": null,
-                                "closed": false,
-                                "subject": [Circular],
-                                "subscriber": [Circular],
-                              },
-                            ],
-                            "closed": false,
-                            "destination": SafeSubscriber {
-                              "_complete": undefined,
-                              "_context": [Circular],
-                              "_error": undefined,
-                              "_next": [Function],
-                              "_parentOrParents": null,
-                              "_parentSubscriber": [Circular],
-                              "_subscriptions": null,
-                              "closed": false,
-                              "destination": Object {
-                                "closed": true,
-                                "complete": [Function],
-                                "error": [Function],
-                                "next": [Function],
-                              },
-                              "isStopped": false,
-                              "syncErrorThrowable": false,
-                              "syncErrorThrown": false,
-                              "syncErrorValue": null,
-                            },
-                            "isStopped": false,
-                            "syncErrorThrowable": true,
-                            "syncErrorThrown": false,
-                            "syncErrorValue": null,
-                          },
-                          Subscriber {
-                            "_parentOrParents": null,
-                            "_subscriptions": Array [
-                              SubjectSubscription {
-                                "_parentOrParents": [Circular],
-                                "_subscriptions": null,
-                                "closed": false,
-                                "subject": [Circular],
-                                "subscriber": [Circular],
-                              },
-                            ],
-                            "closed": false,
-                            "destination": SafeSubscriber {
-                              "_complete": undefined,
-                              "_context": [Circular],
-                              "_error": undefined,
-                              "_next": [Function],
-                              "_parentOrParents": null,
-                              "_parentSubscriber": [Circular],
-                              "_subscriptions": null,
-                              "closed": false,
-                              "destination": Object {
-                                "closed": true,
-                                "complete": [Function],
-                                "error": [Function],
-                                "next": [Function],
-                              },
-                              "isStopped": false,
-                              "syncErrorThrowable": false,
-                              "syncErrorThrown": false,
-                              "syncErrorValue": null,
-                            },
-                            "isStopped": false,
-                            "syncErrorThrowable": true,
-                            "syncErrorThrown": false,
-                            "syncErrorValue": null,
-                          },
-                          Subscriber {
-                            "_parentOrParents": null,
-                            "_subscriptions": Array [
-                              SubjectSubscription {
-                                "_parentOrParents": [Circular],
-                                "_subscriptions": null,
-                                "closed": false,
-                                "subject": [Circular],
-                                "subscriber": [Circular],
-                              },
-                            ],
-                            "closed": false,
-                            "destination": SafeSubscriber {
-                              "_complete": undefined,
-                              "_context": [Circular],
-                              "_error": undefined,
-                              "_next": [Function],
-                              "_parentOrParents": null,
-                              "_parentSubscriber": [Circular],
-                              "_subscriptions": null,
-                              "closed": false,
-                              "destination": Object {
-                                "closed": true,
-                                "complete": [Function],
-                                "error": [Function],
-                                "next": [Function],
-                              },
-                              "isStopped": false,
-                              "syncErrorThrowable": false,
-                              "syncErrorThrown": false,
-                              "syncErrorValue": null,
-                            },
-                            "isStopped": false,
-                            "syncErrorThrowable": true,
-                            "syncErrorThrown": false,
-                            "syncErrorValue": null,
-                          },
-                        ],
-                        "thrownError": null,
-                      }
-                    }
-                    navigateToApp={[MockFunction]}
-                  >
-                    <EuiToolTip
-                      content="Go to home page"
-                      delay="long"
-                      position="top"
-                    >
-                      <span
-                        className="euiToolTipAnchor"
-                        onKeyUp={[Function]}
-                        onMouseOut={[Function]}
-                        onMouseOver={[Function]}
-                      >
-                        <EuiHeaderSectionItemButton
-                          aria-label="Go to home page"
-                          className="header__homeLoaderNavButton"
-                          data-test-subj="homeLoader"
-                          href="/"
-                          onBlur={[Function]}
-                          onClick={[Function]}
-                          onFocus={[Function]}
-                        >
-                          <EuiButtonEmpty
-                            aria-label="Go to home page"
-                            buttonRef={
-                              Object {
-                                "current": <a
-                                  aria-label="Go to home page"
-                                  class="euiButtonEmpty euiButtonEmpty--text euiHeaderSectionItemButton header__homeLoaderNavButton"
-                                  data-test-subj="homeLoader"
-                                  href="/"
-                                  rel="noreferrer"
-                                >
-                                  <span
-                                    class="euiButtonContent euiButtonEmpty__content"
-                                  >
-                                    <span
-                                      class="euiButtonEmpty__text"
-                                    >
-                                      <span
-                                        class="euiHeaderSectionItemButton__content"
-                                      >
-                                        <div
-                                          class="homeIconContainer"
-                                        >
-                                          <span
-                                            class="logoImage"
-                                            data-euiicon-type="home"
-                                            data-test-image-url="home"
-                                            data-test-subj="homeIcon"
-                                            title="opensearch dashboards home"
-                                          />
-                                        </div>
-                                        <div
-                                          class="loaderContainer"
-                                        >
-                                          <span
-                                            aria-hidden="true"
-                                            aria-label="Loading content"
-                                            class="euiLoadingSpinner euiLoadingSpinner--medium osdLoadingIndicator-hidden"
-                                            data-test-subj="globalLoadingIndicator-hidden"
-                                          />
-                                        </div>
-                                      </span>
-                                    </span>
-                                  </span>
-                                </a>,
-                              }
-                            }
-                            className="euiHeaderSectionItemButton header__homeLoaderNavButton"
-                            color="text"
-                            data-test-subj="homeLoader"
-                            href="/"
-                            onBlur={[Function]}
-                            onClick={[Function]}
-                            onFocus={[Function]}
-                          >
-                            <a
-                              aria-label="Go to home page"
-                              className="euiButtonEmpty euiButtonEmpty--text euiHeaderSectionItemButton header__homeLoaderNavButton"
-                              data-test-subj="homeLoader"
-                              href="/"
-                              onBlur={[Function]}
-                              onClick={[Function]}
-                              onFocus={[Function]}
-                              rel="noreferrer"
-                            >
-                              <EuiButtonContent
-                                className="euiButtonEmpty__content"
-                                iconGap="m"
-                                iconSide="left"
-                                iconSize="m"
-                                textProps={
-                                  Object {
-                                    "className": "euiButtonEmpty__text",
-                                  }
-                                }
-                              >
-                                <span
-                                  className="euiButtonContent euiButtonEmpty__content"
-                                >
-                                  <span
-                                    className="euiButtonEmpty__text"
-                                  >
-                                    <span
-                                      className="euiHeaderSectionItemButton__content"
-                                    >
-                                      <div
-                                        className="homeIconContainer"
-                                      >
-                                        <HomeIcon
-                                          branding={Object {}}
-                                          logos={
-                                            Object {
-                                              "AnimatedMark": Object {
-                                                "dark": Object {
-                                                  "type": "default",
-                                                  "url": "/ui/logos/opensearch_spinner_on_dark.svg",
-                                                },
-                                                "light": Object {
-                                                  "type": "default",
-                                                  "url": "/ui/logos/opensearch_spinner_on_light.svg",
-                                                },
-                                                "type": "default",
-                                                "url": "/ui/logos/opensearch_spinner_on_light.svg",
-                                              },
-                                              "Application": Object {
-                                                "dark": Object {
-                                                  "type": "default",
-                                                  "url": "/ui/logos/opensearch_dashboards_on_dark.svg",
-                                                },
-                                                "light": Object {
-                                                  "type": "default",
-                                                  "url": "/ui/logos/opensearch_dashboards_on_light.svg",
-                                                },
-                                                "type": "default",
-                                                "url": "/ui/logos/opensearch_dashboards_on_light.svg",
-                                              },
-                                              "CenterMark": Object {
-                                                "dark": Object {
-                                                  "type": "default",
-                                                  "url": "/ui/logos/opensearch_center_mark_on_dark.svg",
-                                                },
-                                                "light": Object {
-                                                  "type": "default",
-                                                  "url": "/ui/logos/opensearch_center_mark_on_light.svg",
-                                                },
-                                                "type": "default",
-                                                "url": "/ui/logos/opensearch_center_mark_on_light.svg",
-                                              },
-                                              "Mark": Object {
-                                                "dark": Object {
-                                                  "type": "default",
-                                                  "url": "/ui/logos/opensearch_mark_on_dark.svg",
-                                                },
-                                                "light": Object {
-                                                  "type": "default",
-                                                  "url": "/ui/logos/opensearch_mark_on_light.svg",
-                                                },
-                                                "type": "default",
-                                                "url": "/ui/logos/opensearch_mark_on_light.svg",
-                                              },
-                                              "OpenSearch": Object {
-                                                "dark": Object {
-                                                  "type": "default",
-                                                  "url": "/ui/logos/opensearch_on_dark.svg",
-                                                },
-                                                "light": Object {
-                                                  "type": "default",
-                                                  "url": "/ui/logos/opensearch_on_light.svg",
-                                                },
-                                                "type": "default",
-                                                "url": "/ui/logos/opensearch_on_light.svg",
-                                              },
-                                              "colorScheme": "light",
-                                            }
-                                          }
-                                        >
-                                          <EuiIcon
-                                            className="logoImage"
-                                            data-test-image-url="home"
-                                            data-test-subj="homeIcon"
-                                            size="m"
-                                            title="opensearch dashboards home"
-                                            type="home"
-                                          >
-                                            <span
-                                              className="logoImage"
-                                              data-euiicon-type="home"
-                                              data-test-image-url="home"
-                                              data-test-subj="homeIcon"
-                                              size="m"
-                                              title="opensearch dashboards home"
-                                            />
-                                          </EuiIcon>
-                                        </HomeIcon>
-                                      </div>
-                                      <div
-                                        className="loaderContainer"
-                                      >
-                                        <LoadingIndicator
-                                          loadingCount$={
-                                            BehaviorSubject {
-                                              "_isScalar": false,
-                                              "_value": 0,
-                                              "closed": false,
-                                              "hasError": false,
-                                              "isStopped": false,
-                                              "observers": Array [
-                                                Subscriber {
-                                                  "_parentOrParents": null,
-                                                  "_subscriptions": Array [
-                                                    SubjectSubscription {
-                                                      "_parentOrParents": [Circular],
-                                                      "_subscriptions": null,
-                                                      "closed": false,
-                                                      "subject": [Circular],
-                                                      "subscriber": [Circular],
-                                                    },
-                                                  ],
-                                                  "closed": false,
-                                                  "destination": SafeSubscriber {
-                                                    "_complete": undefined,
-                                                    "_context": [Circular],
-                                                    "_error": undefined,
-                                                    "_next": [Function],
-                                                    "_parentOrParents": null,
-                                                    "_parentSubscriber": [Circular],
-                                                    "_subscriptions": null,
-                                                    "closed": false,
-                                                    "destination": Object {
-                                                      "closed": true,
-                                                      "complete": [Function],
-                                                      "error": [Function],
-                                                      "next": [Function],
-                                                    },
-                                                    "isStopped": false,
-                                                    "syncErrorThrowable": false,
-                                                    "syncErrorThrown": false,
-                                                    "syncErrorValue": null,
-                                                  },
-                                                  "isStopped": false,
-                                                  "syncErrorThrowable": true,
-                                                  "syncErrorThrown": false,
-                                                  "syncErrorValue": null,
-                                                },
-                                                Subscriber {
-                                                  "_parentOrParents": null,
-                                                  "_subscriptions": Array [
-                                                    SubjectSubscription {
-                                                      "_parentOrParents": [Circular],
-                                                      "_subscriptions": null,
-                                                      "closed": false,
-                                                      "subject": [Circular],
-                                                      "subscriber": [Circular],
-                                                    },
-                                                  ],
-                                                  "closed": false,
-                                                  "destination": SafeSubscriber {
-                                                    "_complete": undefined,
-                                                    "_context": [Circular],
-                                                    "_error": undefined,
-                                                    "_next": [Function],
-                                                    "_parentOrParents": null,
-                                                    "_parentSubscriber": [Circular],
-                                                    "_subscriptions": null,
-                                                    "closed": false,
-                                                    "destination": Object {
-                                                      "closed": true,
-                                                      "complete": [Function],
-                                                      "error": [Function],
-                                                      "next": [Function],
-                                                    },
-                                                    "isStopped": false,
-                                                    "syncErrorThrowable": false,
-                                                    "syncErrorThrown": false,
-                                                    "syncErrorValue": null,
-                                                  },
-                                                  "isStopped": false,
-                                                  "syncErrorThrowable": true,
-                                                  "syncErrorThrown": false,
-                                                  "syncErrorValue": null,
-                                                },
-                                              ],
-                                              "thrownError": null,
-                                            }
-                                          }
-                                          showAsBar={false}
-                                        >
-                                          <EuiLoadingSpinner
-                                            aria-hidden={true}
-                                            aria-label="Loading content"
-                                            className="osdLoadingIndicator-hidden"
-                                            data-test-subj="globalLoadingIndicator-hidden"
-                                          >
-                                            <span
-                                              aria-hidden={true}
-                                              aria-label="Loading content"
-                                              className="euiLoadingSpinner euiLoadingSpinner--medium osdLoadingIndicator-hidden"
-                                              data-test-subj="globalLoadingIndicator-hidden"
-                                            />
-                                          </EuiLoadingSpinner>
-                                        </LoadingIndicator>
-                                      </div>
-                                    </span>
-                                  </span>
-                                </span>
-                              </EuiButtonContent>
-                            </a>
-                          </EuiButtonEmpty>
-                        </EuiHeaderSectionItemButton>
-                      </span>
-                    </EuiToolTip>
-                  </HomeLoader>
-                </div>
-              </EuiHeaderSectionItem>
-            </div>
-          </EuiHeaderSection>
-          <HeaderBreadcrumbs
-            appTitle$={
-              BehaviorSubject {
-                "_isScalar": false,
-                "_value": "test",
-                "closed": false,
-                "hasError": false,
-                "isStopped": false,
-                "observers": Array [
-                  Subscriber {
-                    "_parentOrParents": null,
-                    "_subscriptions": Array [
-                      SubjectSubscription {
-                        "_parentOrParents": [Circular],
-                        "_subscriptions": null,
-                        "closed": false,
-                        "subject": [Circular],
-                        "subscriber": [Circular],
-                      },
-                    ],
-                    "closed": false,
-                    "destination": SafeSubscriber {
-                      "_complete": undefined,
-                      "_context": [Circular],
-                      "_error": undefined,
-                      "_next": [Function],
-                      "_parentOrParents": null,
-                      "_parentSubscriber": [Circular],
-                      "_subscriptions": null,
-                      "closed": false,
-                      "destination": Object {
-                        "closed": true,
-                        "complete": [Function],
-                        "error": [Function],
-                        "next": [Function],
-                      },
-                      "isStopped": false,
-                      "syncErrorThrowable": false,
-                      "syncErrorThrown": false,
-                      "syncErrorValue": null,
-                    },
-                    "isStopped": false,
-                    "syncErrorThrowable": true,
-                    "syncErrorThrown": false,
-                    "syncErrorValue": null,
-                  },
-                ],
-                "thrownError": null,
-              }
-            }
-            breadcrumbs$={
-              BehaviorSubject {
-                "_isScalar": false,
-                "_value": Array [
-                  Object {
-                    "text": "test",
-                  },
-                ],
-                "closed": false,
-                "hasError": false,
-                "isStopped": false,
-                "observers": Array [
-                  Subscriber {
-                    "_parentOrParents": null,
-                    "_subscriptions": Array [
-                      SubjectSubscription {
-                        "_parentOrParents": [Circular],
-                        "_subscriptions": null,
-                        "closed": false,
-                        "subject": [Circular],
-                        "subscriber": [Circular],
-                      },
-                    ],
-                    "closed": false,
-                    "destination": SafeSubscriber {
-                      "_complete": undefined,
-                      "_context": [Circular],
-                      "_error": undefined,
-                      "_next": [Function],
-                      "_parentOrParents": null,
-                      "_parentSubscriber": [Circular],
-                      "_subscriptions": null,
-                      "closed": false,
-                      "destination": Object {
-                        "closed": true,
-                        "complete": [Function],
-                        "error": [Function],
-                        "next": [Function],
-                      },
-                      "isStopped": false,
-                      "syncErrorThrowable": false,
-                      "syncErrorThrown": false,
-                      "syncErrorValue": null,
-                    },
-                    "isStopped": false,
-                    "syncErrorThrowable": true,
-                    "syncErrorThrown": false,
-                    "syncErrorValue": null,
-                  },
-                  Subscriber {
-                    "_parentOrParents": null,
-                    "_subscriptions": Array [
-                      SubjectSubscription {
-                        "_parentOrParents": [Circular],
-                        "_subscriptions": null,
-                        "closed": false,
-                        "subject": [Circular],
-                        "subscriber": [Circular],
-                      },
-                    ],
-                    "closed": false,
-                    "destination": SafeSubscriber {
-                      "_complete": undefined,
-                      "_context": [Circular],
-                      "_error": undefined,
-                      "_next": [Function],
-                      "_parentOrParents": null,
-                      "_parentSubscriber": [Circular],
-                      "_subscriptions": null,
-                      "closed": false,
-                      "destination": Object {
-                        "closed": true,
-                        "complete": [Function],
-                        "error": [Function],
-                        "next": [Function],
-                      },
-                      "isStopped": false,
-                      "syncErrorThrowable": false,
-                      "syncErrorThrown": false,
-                      "syncErrorValue": null,
-                    },
-                    "isStopped": false,
-                    "syncErrorThrowable": true,
-                    "syncErrorThrown": false,
-                    "syncErrorValue": null,
-                  },
-                ],
-                "thrownError": null,
-              }
-            }
-            breadcrumbsEnricher$={
-              BehaviorSubject {
-                "_isScalar": false,
-                "_value": undefined,
-                "closed": false,
-                "hasError": false,
-                "isStopped": false,
-                "observers": Array [
-                  Subscriber {
-                    "_parentOrParents": null,
-                    "_subscriptions": Array [
-                      SubjectSubscription {
-                        "_parentOrParents": [Circular],
-                        "_subscriptions": null,
-                        "closed": false,
-                        "subject": [Circular],
-                        "subscriber": [Circular],
-                      },
-                    ],
-                    "closed": false,
-                    "destination": SafeSubscriber {
-                      "_complete": undefined,
-                      "_context": [Circular],
-                      "_error": undefined,
-                      "_next": [Function],
-                      "_parentOrParents": null,
-                      "_parentSubscriber": [Circular],
-                      "_subscriptions": null,
-                      "closed": false,
-                      "destination": Object {
-                        "closed": true,
-                        "complete": [Function],
-                        "error": [Function],
-                        "next": [Function],
-                      },
-                      "isStopped": false,
-                      "syncErrorThrowable": false,
-                      "syncErrorThrown": false,
-                      "syncErrorValue": null,
-                    },
-                    "isStopped": false,
-                    "syncErrorThrowable": true,
-                    "syncErrorThrown": false,
-                    "syncErrorValue": null,
-                  },
-                ],
-                "thrownError": null,
-              }
-            }
-            useUpdatedHeader={false}
-          >
-            <EuiHeaderBreadcrumbs
-              breadcrumbs={
-                Array [
-                  Object {
-                    "data-test-subj": "breadcrumb first last",
-                    "text": "test",
-                  },
-                ]
-              }
-              data-test-subj="breadcrumbs"
-              max={10}
-              simplify={false}
-            >
-              <EuiBreadcrumbs
-                breadcrumbs={
-                  Array [
-                    Object {
-                      "data-test-subj": "breadcrumb first last",
-                      "text": "test",
-                    },
-                  ]
-                }
-                className="euiHeaderBreadcrumbs"
-                data-test-subj="breadcrumbs"
-                max={10}
-                truncate={true}
-              >
-                <nav
-                  aria-label="breadcrumb"
-                  className="euiBreadcrumbs euiHeaderBreadcrumbs euiBreadcrumbs--truncate"
-                  data-test-subj="breadcrumbs"
-                >
-                  <div
-                    className="euiBreadcrumbWall euiBreadcrumbWall--single"
-                  >
-                    <div
-                      className="euiBreadcrumbWrapper euiBreadcrumbWrapper--first euiBreadcrumbWrapper--last"
-                    >
-                      <EuiInnerText>
-                        <span
-                          aria-current="page"
-                          className="euiBreadcrumb euiBreadcrumb--last"
-                          data-test-subj="breadcrumb first last"
-                          title="test"
-                        >
-                          test
-                        </span>
-                      </EuiInnerText>
-                    </div>
-                  </div>
-                </nav>
-              </EuiBreadcrumbs>
-            </EuiHeaderBreadcrumbs>
-          </HeaderBreadcrumbs>
-          <EuiHeaderSectionItem
-            border="none"
-          >
-            <div
-              className="euiHeaderSectionItem"
-            >
-              <HeaderBadge
-                badge$={
-                  BehaviorSubject {
-                    "_isScalar": false,
-                    "_value": undefined,
-                    "closed": false,
-                    "hasError": false,
-                    "isStopped": false,
-                    "observers": Array [
-                      Subscriber {
-                        "_parentOrParents": null,
-                        "_subscriptions": Array [
-                          SubjectSubscription {
-                            "_parentOrParents": [Circular],
-                            "_subscriptions": null,
-                            "closed": false,
-                            "subject": [Circular],
-                            "subscriber": [Circular],
-                          },
-                        ],
-                        "closed": false,
-                        "destination": SafeSubscriber {
-                          "_complete": undefined,
-                          "_context": [Circular],
-                          "_error": undefined,
-                          "_next": [Function],
-                          "_parentOrParents": null,
-                          "_parentSubscriber": [Circular],
-                          "_subscriptions": null,
-                          "closed": false,
-                          "destination": Object {
-                            "closed": true,
-                            "complete": [Function],
-                            "error": [Function],
-                            "next": [Function],
-                          },
-                          "isStopped": false,
-                          "syncErrorThrowable": false,
-                          "syncErrorThrown": false,
-                          "syncErrorValue": null,
-                        },
-                        "isStopped": false,
-                        "syncErrorThrowable": true,
-                        "syncErrorThrown": false,
-                        "syncErrorValue": null,
-                      },
-                    ],
-                    "thrownError": null,
-                  }
-                }
-              />
-            </div>
-          </EuiHeaderSectionItem>
-          <EuiHeaderSection
-            side="right"
-          >
-            <div
-              className="euiHeaderSection euiHeaderSection--dontGrow euiHeaderSection--right"
-            >
-              <EuiHeaderSectionItem
-                border="none"
-                className="headerAppActionMenuSection"
-              >
-                <div
-                  className="euiHeaderSectionItem headerAppActionMenuSection"
-                >
-                  <HeaderActionMenu
-                    actionMenu$={
-                      BehaviorSubject {
-                        "_isScalar": false,
-                        "_value": undefined,
-                        "closed": false,
-                        "hasError": false,
-                        "isStopped": false,
-                        "observers": Array [
-                          Subscriber {
-                            "_parentOrParents": null,
-                            "_subscriptions": Array [
-                              SubjectSubscription {
-                                "_parentOrParents": [Circular],
-                                "_subscriptions": null,
-                                "closed": false,
-                                "subject": [Circular],
-                                "subscriber": [Circular],
-                              },
-                            ],
-                            "closed": false,
-                            "destination": SafeSubscriber {
-                              "_complete": undefined,
-                              "_context": [Circular],
-                              "_error": undefined,
-                              "_next": [Function],
-                              "_parentOrParents": null,
-                              "_parentSubscriber": [Circular],
-                              "_subscriptions": null,
-                              "closed": false,
-                              "destination": Object {
-                                "closed": true,
-                                "complete": [Function],
-                                "error": [Function],
-                                "next": [Function],
-                              },
-                              "isStopped": false,
-                              "syncErrorThrowable": false,
-                              "syncErrorThrown": false,
-                              "syncErrorValue": null,
-                            },
-                            "isStopped": false,
-                            "syncErrorThrowable": true,
-                            "syncErrorThrown": false,
-                            "syncErrorValue": null,
-                          },
-                        ],
-                        "thrownError": null,
-                      }
-                    }
-                  >
-                    <div
-                      className="headerAppActionMenu"
-                      data-test-subj="headerAppActionMenu"
-                    />
-                  </HeaderActionMenu>
-                </div>
-              </EuiHeaderSectionItem>
-              <EuiHeaderSectionItem
-                border="left"
-              >
-                <div
-                  className="euiHeaderSectionItem euiHeaderSectionItem--borderLeft"
-                >
-                  <HeaderNavControls
-                    navControls$={
-                      BehaviorSubject {
-                        "_isScalar": false,
-                        "_value": Array [],
-                        "closed": false,
-                        "hasError": false,
-                        "isStopped": false,
-                        "observers": Array [
-                          Subscriber {
-                            "_parentOrParents": null,
-                            "_subscriptions": Array [
-                              SubjectSubscription {
-                                "_parentOrParents": [Circular],
-                                "_subscriptions": null,
-                                "closed": false,
-                                "subject": [Circular],
-                                "subscriber": [Circular],
-                              },
-                            ],
-                            "closed": false,
-                            "destination": SafeSubscriber {
-                              "_complete": undefined,
-                              "_context": [Circular],
-                              "_error": undefined,
-                              "_next": [Function],
-                              "_parentOrParents": null,
-                              "_parentSubscriber": [Circular],
-                              "_subscriptions": null,
-                              "closed": false,
-                              "destination": Object {
-                                "closed": true,
-                                "complete": [Function],
-                                "error": [Function],
-                                "next": [Function],
-                              },
-                              "isStopped": false,
-                              "syncErrorThrowable": false,
-                              "syncErrorThrown": false,
-                              "syncErrorValue": null,
-                            },
-                            "isStopped": false,
-                            "syncErrorThrowable": true,
-                            "syncErrorThrown": false,
-                            "syncErrorValue": null,
-                          },
-                        ],
-                        "thrownError": null,
-                      }
-                    }
-                  />
-                </div>
-              </EuiHeaderSectionItem>
-              <EuiHeaderSectionItem
-                border="left"
-              >
-                <div
-                  className="euiHeaderSectionItem euiHeaderSectionItem--borderLeft"
-                >
-                  <HeaderNavControls
-                    navControls$={
-                      BehaviorSubject {
-                        "_isScalar": false,
-                        "_value": Array [],
-                        "closed": false,
-                        "hasError": false,
-                        "isStopped": false,
-                        "observers": Array [
-                          Subscriber {
-                            "_parentOrParents": null,
-                            "_subscriptions": Array [
-                              SubjectSubscription {
-                                "_parentOrParents": [Circular],
-                                "_subscriptions": null,
-                                "closed": false,
-                                "subject": [Circular],
-                                "subscriber": [Circular],
-                              },
-                            ],
-                            "closed": false,
-                            "destination": SafeSubscriber {
-                              "_complete": undefined,
-                              "_context": [Circular],
-                              "_error": undefined,
-                              "_next": [Function],
-                              "_parentOrParents": null,
-                              "_parentSubscriber": [Circular],
-                              "_subscriptions": null,
-                              "closed": false,
-                              "destination": Object {
-                                "closed": true,
-                                "complete": [Function],
-                                "error": [Function],
-                                "next": [Function],
-                              },
-                              "isStopped": false,
-                              "syncErrorThrowable": false,
-                              "syncErrorThrown": false,
-                              "syncErrorValue": null,
-                            },
-                            "isStopped": false,
-                            "syncErrorThrowable": true,
-                            "syncErrorThrown": false,
-                            "syncErrorValue": null,
-                          },
-                        ],
-                        "thrownError": null,
-                      }
-                    }
-                    side="right"
-                  />
-                </div>
-              </EuiHeaderSectionItem>
-              <EuiHeaderSectionItem
-                border="left"
-              >
-                <div
-                  className="euiHeaderSectionItem euiHeaderSectionItem--borderLeft"
-                >
-                  <InjectIntl(HeaderHelpMenuUI)
-                    helpExtension$={
-                      BehaviorSubject {
-                        "_isScalar": false,
-                        "_value": undefined,
-                        "closed": false,
-                        "hasError": false,
-                        "isStopped": false,
-                        "observers": Array [
-                          InnerSubscriber {
-                            "_parentOrParents": CombineLatestSubscriber {
-                              "_parentOrParents": Subscriber {
-                                "_parentOrParents": null,
-                                "_subscriptions": Array [
-                                  [Circular],
-                                ],
-                                "closed": false,
-                                "destination": SafeSubscriber {
-                                  "_complete": undefined,
-                                  "_context": [Circular],
-                                  "_error": undefined,
-                                  "_next": [Function],
-                                  "_parentOrParents": null,
-                                  "_parentSubscriber": [Circular],
-                                  "_subscriptions": null,
-                                  "closed": false,
-                                  "destination": Object {
-                                    "closed": true,
-                                    "complete": [Function],
-                                    "error": [Function],
-                                    "next": [Function],
-                                  },
-                                  "isStopped": false,
-                                  "syncErrorThrowable": false,
-                                  "syncErrorThrown": false,
-                                  "syncErrorValue": null,
-                                },
-                                "isStopped": false,
-                                "syncErrorThrowable": true,
-                                "syncErrorThrown": false,
-                                "syncErrorValue": null,
-                              },
-                              "_subscriptions": Array [
-                                [Circular],
-                                InnerSubscriber {
-                                  "_parentOrParents": [Circular],
-                                  "_subscriptions": Array [
-                                    SubjectSubscription {
-                                      "_parentOrParents": [Circular],
-                                      "_subscriptions": null,
-                                      "closed": false,
-                                      "subject": BehaviorSubject {
-                                        "_isScalar": false,
-                                        "_value": "",
-                                        "closed": false,
-                                        "hasError": false,
-                                        "isStopped": false,
-                                        "observers": Array [
-                                          [Circular],
-                                        ],
-                                        "thrownError": null,
-                                      },
-                                      "subscriber": [Circular],
-                                    },
-                                  ],
-                                  "closed": false,
-                                  "destination": Object {
-                                    "closed": true,
-                                    "complete": [Function],
-                                    "error": [Function],
-                                    "next": [Function],
-                                  },
-                                  "index": 1,
-                                  "isStopped": false,
-                                  "outerIndex": 1,
-                                  "outerValue": undefined,
-                                  "parent": [Circular],
-                                  "syncErrorThrowable": false,
-                                  "syncErrorThrown": false,
-                                  "syncErrorValue": null,
-                                },
-                              ],
-                              "active": 2,
-                              "closed": false,
-                              "destination": Subscriber {
-                                "_parentOrParents": null,
-                                "_subscriptions": Array [
-                                  [Circular],
-                                ],
-                                "closed": false,
-                                "destination": SafeSubscriber {
-                                  "_complete": undefined,
-                                  "_context": [Circular],
-                                  "_error": undefined,
-                                  "_next": [Function],
-                                  "_parentOrParents": null,
-                                  "_parentSubscriber": [Circular],
-                                  "_subscriptions": null,
-                                  "closed": false,
-                                  "destination": Object {
-                                    "closed": true,
-                                    "complete": [Function],
-                                    "error": [Function],
-                                    "next": [Function],
-                                  },
-                                  "isStopped": false,
-                                  "syncErrorThrowable": false,
-                                  "syncErrorThrown": false,
-                                  "syncErrorValue": null,
-                                },
-                                "isStopped": false,
-                                "syncErrorThrowable": true,
-                                "syncErrorThrown": false,
-                                "syncErrorValue": null,
-                              },
-                              "isStopped": true,
-                              "observables": Array [
-                                [Circular],
-                                BehaviorSubject {
-                                  "_isScalar": false,
-                                  "_value": "",
-                                  "closed": false,
-                                  "hasError": false,
-                                  "isStopped": false,
-                                  "observers": Array [
-                                    InnerSubscriber {
-                                      "_parentOrParents": [Circular],
-                                      "_subscriptions": Array [
-                                        SubjectSubscription {
-                                          "_parentOrParents": [Circular],
-                                          "_subscriptions": null,
-                                          "closed": false,
-                                          "subject": [Circular],
-                                          "subscriber": [Circular],
-                                        },
-                                      ],
-                                      "closed": false,
-                                      "destination": Object {
-                                        "closed": true,
-                                        "complete": [Function],
-                                        "error": [Function],
-                                        "next": [Function],
-                                      },
-                                      "index": 1,
-                                      "isStopped": false,
-                                      "outerIndex": 1,
-                                      "outerValue": undefined,
-                                      "parent": [Circular],
-                                      "syncErrorThrowable": false,
-                                      "syncErrorThrown": false,
-                                      "syncErrorValue": null,
-                                    },
-                                  ],
-                                  "thrownError": null,
-                                },
-                              ],
-                              "resultSelector": undefined,
-                              "syncErrorThrowable": true,
-                              "syncErrorThrown": false,
-                              "syncErrorValue": null,
-                              "toRespond": 0,
-                              "values": Array [
-                                undefined,
-                                "",
-                              ],
-                            },
-                            "_subscriptions": Array [
-                              SubjectSubscription {
-                                "_parentOrParents": [Circular],
-                                "_subscriptions": null,
-                                "closed": false,
-                                "subject": [Circular],
-                                "subscriber": [Circular],
-                              },
-                            ],
-                            "closed": false,
-                            "destination": Object {
-                              "closed": true,
-                              "complete": [Function],
-                              "error": [Function],
-                              "next": [Function],
-                            },
-                            "index": 1,
-                            "isStopped": false,
-                            "outerIndex": 0,
-                            "outerValue": undefined,
-                            "parent": CombineLatestSubscriber {
-                              "_parentOrParents": Subscriber {
-                                "_parentOrParents": null,
-                                "_subscriptions": Array [
-                                  [Circular],
-                                ],
-                                "closed": false,
-                                "destination": SafeSubscriber {
-                                  "_complete": undefined,
-                                  "_context": [Circular],
-                                  "_error": undefined,
-                                  "_next": [Function],
-                                  "_parentOrParents": null,
-                                  "_parentSubscriber": [Circular],
-                                  "_subscriptions": null,
-                                  "closed": false,
-                                  "destination": Object {
-                                    "closed": true,
-                                    "complete": [Function],
-                                    "error": [Function],
-                                    "next": [Function],
-                                  },
-                                  "isStopped": false,
-                                  "syncErrorThrowable": false,
-                                  "syncErrorThrown": false,
-                                  "syncErrorValue": null,
-                                },
-                                "isStopped": false,
-                                "syncErrorThrowable": true,
-                                "syncErrorThrown": false,
-                                "syncErrorValue": null,
-                              },
-                              "_subscriptions": Array [
-                                [Circular],
-                                InnerSubscriber {
-                                  "_parentOrParents": [Circular],
-                                  "_subscriptions": Array [
-                                    SubjectSubscription {
-                                      "_parentOrParents": [Circular],
-                                      "_subscriptions": null,
-                                      "closed": false,
-                                      "subject": BehaviorSubject {
-                                        "_isScalar": false,
-                                        "_value": "",
-                                        "closed": false,
-                                        "hasError": false,
-                                        "isStopped": false,
-                                        "observers": Array [
-                                          [Circular],
-                                        ],
-                                        "thrownError": null,
-                                      },
-                                      "subscriber": [Circular],
-                                    },
-                                  ],
-                                  "closed": false,
-                                  "destination": Object {
-                                    "closed": true,
-                                    "complete": [Function],
-                                    "error": [Function],
-                                    "next": [Function],
-                                  },
-                                  "index": 1,
-                                  "isStopped": false,
-                                  "outerIndex": 1,
-                                  "outerValue": undefined,
-                                  "parent": [Circular],
-                                  "syncErrorThrowable": false,
-                                  "syncErrorThrown": false,
-                                  "syncErrorValue": null,
-                                },
-                              ],
-                              "active": 2,
-                              "closed": false,
-                              "destination": Subscriber {
-                                "_parentOrParents": null,
-                                "_subscriptions": Array [
-                                  [Circular],
-                                ],
-                                "closed": false,
-                                "destination": SafeSubscriber {
-                                  "_complete": undefined,
-                                  "_context": [Circular],
-                                  "_error": undefined,
-                                  "_next": [Function],
-                                  "_parentOrParents": null,
-                                  "_parentSubscriber": [Circular],
-                                  "_subscriptions": null,
-                                  "closed": false,
-                                  "destination": Object {
-                                    "closed": true,
-                                    "complete": [Function],
-                                    "error": [Function],
-                                    "next": [Function],
-                                  },
-                                  "isStopped": false,
-                                  "syncErrorThrowable": false,
-                                  "syncErrorThrown": false,
-                                  "syncErrorValue": null,
-                                },
-                                "isStopped": false,
-                                "syncErrorThrowable": true,
-                                "syncErrorThrown": false,
-                                "syncErrorValue": null,
-                              },
-                              "isStopped": true,
-                              "observables": Array [
-                                [Circular],
-                                BehaviorSubject {
-                                  "_isScalar": false,
-                                  "_value": "",
-                                  "closed": false,
-                                  "hasError": false,
-                                  "isStopped": false,
-                                  "observers": Array [
-                                    InnerSubscriber {
-                                      "_parentOrParents": [Circular],
-                                      "_subscriptions": Array [
-                                        SubjectSubscription {
-                                          "_parentOrParents": [Circular],
-                                          "_subscriptions": null,
-                                          "closed": false,
-                                          "subject": [Circular],
-                                          "subscriber": [Circular],
-                                        },
-                                      ],
-                                      "closed": false,
-                                      "destination": Object {
-                                        "closed": true,
-                                        "complete": [Function],
-                                        "error": [Function],
-                                        "next": [Function],
-                                      },
-                                      "index": 1,
-                                      "isStopped": false,
-                                      "outerIndex": 1,
-                                      "outerValue": undefined,
-                                      "parent": [Circular],
-                                      "syncErrorThrowable": false,
-                                      "syncErrorThrown": false,
-                                      "syncErrorValue": null,
-                                    },
-                                  ],
-                                  "thrownError": null,
-                                },
-                              ],
-                              "resultSelector": undefined,
-                              "syncErrorThrowable": true,
-                              "syncErrorThrown": false,
-                              "syncErrorValue": null,
-                              "toRespond": 0,
-                              "values": Array [
-                                undefined,
-                                "",
-                              ],
-                            },
-                            "syncErrorThrowable": false,
-                            "syncErrorThrown": false,
-                            "syncErrorValue": null,
-                          },
-                        ],
-                        "thrownError": null,
-                      }
-                    }
-                    helpSupportUrl$={
-                      BehaviorSubject {
-                        "_isScalar": false,
-                        "_value": "",
-                        "closed": false,
-                        "hasError": false,
-                        "isStopped": false,
-                        "observers": Array [
-                          InnerSubscriber {
-                            "_parentOrParents": CombineLatestSubscriber {
-                              "_parentOrParents": Subscriber {
-                                "_parentOrParents": null,
-                                "_subscriptions": Array [
-                                  [Circular],
-                                ],
-                                "closed": false,
-                                "destination": SafeSubscriber {
-                                  "_complete": undefined,
-                                  "_context": [Circular],
-                                  "_error": undefined,
-                                  "_next": [Function],
-                                  "_parentOrParents": null,
-                                  "_parentSubscriber": [Circular],
-                                  "_subscriptions": null,
-                                  "closed": false,
-                                  "destination": Object {
-                                    "closed": true,
-                                    "complete": [Function],
-                                    "error": [Function],
-                                    "next": [Function],
-                                  },
-                                  "isStopped": false,
-                                  "syncErrorThrowable": false,
-                                  "syncErrorThrown": false,
-                                  "syncErrorValue": null,
-                                },
-                                "isStopped": false,
-                                "syncErrorThrowable": true,
-                                "syncErrorThrown": false,
-                                "syncErrorValue": null,
-                              },
-                              "_subscriptions": Array [
-                                InnerSubscriber {
-                                  "_parentOrParents": [Circular],
-                                  "_subscriptions": Array [
-                                    SubjectSubscription {
-                                      "_parentOrParents": [Circular],
-                                      "_subscriptions": null,
-                                      "closed": false,
-                                      "subject": BehaviorSubject {
-                                        "_isScalar": false,
-                                        "_value": undefined,
-                                        "closed": false,
-                                        "hasError": false,
-                                        "isStopped": false,
-                                        "observers": Array [
-                                          [Circular],
-                                        ],
-                                        "thrownError": null,
-                                      },
-                                      "subscriber": [Circular],
-                                    },
-                                  ],
-                                  "closed": false,
-                                  "destination": Object {
-                                    "closed": true,
-                                    "complete": [Function],
-                                    "error": [Function],
-                                    "next": [Function],
-                                  },
-                                  "index": 1,
-                                  "isStopped": false,
-                                  "outerIndex": 0,
-                                  "outerValue": undefined,
-                                  "parent": [Circular],
-                                  "syncErrorThrowable": false,
-                                  "syncErrorThrown": false,
-                                  "syncErrorValue": null,
-                                },
-                                [Circular],
-                              ],
-                              "active": 2,
-                              "closed": false,
-                              "destination": Subscriber {
-                                "_parentOrParents": null,
-                                "_subscriptions": Array [
-                                  [Circular],
-                                ],
-                                "closed": false,
-                                "destination": SafeSubscriber {
-                                  "_complete": undefined,
-                                  "_context": [Circular],
-                                  "_error": undefined,
-                                  "_next": [Function],
-                                  "_parentOrParents": null,
-                                  "_parentSubscriber": [Circular],
-                                  "_subscriptions": null,
-                                  "closed": false,
-                                  "destination": Object {
-                                    "closed": true,
-                                    "complete": [Function],
-                                    "error": [Function],
-                                    "next": [Function],
-                                  },
-                                  "isStopped": false,
-                                  "syncErrorThrowable": false,
-                                  "syncErrorThrown": false,
-                                  "syncErrorValue": null,
-                                },
-                                "isStopped": false,
-                                "syncErrorThrowable": true,
-                                "syncErrorThrown": false,
-                                "syncErrorValue": null,
-                              },
-                              "isStopped": true,
-                              "observables": Array [
-                                BehaviorSubject {
-                                  "_isScalar": false,
-                                  "_value": undefined,
-                                  "closed": false,
-                                  "hasError": false,
-                                  "isStopped": false,
-                                  "observers": Array [
-                                    InnerSubscriber {
-                                      "_parentOrParents": [Circular],
-                                      "_subscriptions": Array [
-                                        SubjectSubscription {
-                                          "_parentOrParents": [Circular],
-                                          "_subscriptions": null,
-                                          "closed": false,
-                                          "subject": [Circular],
-                                          "subscriber": [Circular],
-                                        },
-                                      ],
-                                      "closed": false,
-                                      "destination": Object {
-                                        "closed": true,
-                                        "complete": [Function],
-                                        "error": [Function],
-                                        "next": [Function],
-                                      },
-                                      "index": 1,
-                                      "isStopped": false,
-                                      "outerIndex": 0,
-                                      "outerValue": undefined,
-                                      "parent": [Circular],
-                                      "syncErrorThrowable": false,
-                                      "syncErrorThrown": false,
-                                      "syncErrorValue": null,
-                                    },
-                                  ],
-                                  "thrownError": null,
-                                },
-                                [Circular],
-                              ],
-                              "resultSelector": undefined,
-                              "syncErrorThrowable": true,
-                              "syncErrorThrown": false,
-                              "syncErrorValue": null,
-                              "toRespond": 0,
-                              "values": Array [
-                                undefined,
-                                "",
-                              ],
-                            },
-                            "_subscriptions": Array [
-                              SubjectSubscription {
-                                "_parentOrParents": [Circular],
-                                "_subscriptions": null,
-                                "closed": false,
-                                "subject": [Circular],
-                                "subscriber": [Circular],
-                              },
-                            ],
-                            "closed": false,
-                            "destination": Object {
-                              "closed": true,
-                              "complete": [Function],
-                              "error": [Function],
-                              "next": [Function],
-                            },
-                            "index": 1,
-                            "isStopped": false,
-                            "outerIndex": 1,
-                            "outerValue": undefined,
-                            "parent": CombineLatestSubscriber {
-                              "_parentOrParents": Subscriber {
-                                "_parentOrParents": null,
-                                "_subscriptions": Array [
-                                  [Circular],
-                                ],
-                                "closed": false,
-                                "destination": SafeSubscriber {
-                                  "_complete": undefined,
-                                  "_context": [Circular],
-                                  "_error": undefined,
-                                  "_next": [Function],
-                                  "_parentOrParents": null,
-                                  "_parentSubscriber": [Circular],
-                                  "_subscriptions": null,
-                                  "closed": false,
-                                  "destination": Object {
-                                    "closed": true,
-                                    "complete": [Function],
-                                    "error": [Function],
-                                    "next": [Function],
-                                  },
-                                  "isStopped": false,
-                                  "syncErrorThrowable": false,
-                                  "syncErrorThrown": false,
-                                  "syncErrorValue": null,
-                                },
-                                "isStopped": false,
-                                "syncErrorThrowable": true,
-                                "syncErrorThrown": false,
-                                "syncErrorValue": null,
-                              },
-                              "_subscriptions": Array [
-                                InnerSubscriber {
-                                  "_parentOrParents": [Circular],
-                                  "_subscriptions": Array [
-                                    SubjectSubscription {
-                                      "_parentOrParents": [Circular],
-                                      "_subscriptions": null,
-                                      "closed": false,
-                                      "subject": BehaviorSubject {
-                                        "_isScalar": false,
-                                        "_value": undefined,
-                                        "closed": false,
-                                        "hasError": false,
-                                        "isStopped": false,
-                                        "observers": Array [
-                                          [Circular],
-                                        ],
-                                        "thrownError": null,
-                                      },
-                                      "subscriber": [Circular],
-                                    },
-                                  ],
-                                  "closed": false,
-                                  "destination": Object {
-                                    "closed": true,
-                                    "complete": [Function],
-                                    "error": [Function],
-                                    "next": [Function],
-                                  },
-                                  "index": 1,
-                                  "isStopped": false,
-                                  "outerIndex": 0,
-                                  "outerValue": undefined,
-                                  "parent": [Circular],
-                                  "syncErrorThrowable": false,
-                                  "syncErrorThrown": false,
-                                  "syncErrorValue": null,
-                                },
-                                [Circular],
-                              ],
-                              "active": 2,
-                              "closed": false,
-                              "destination": Subscriber {
-                                "_parentOrParents": null,
-                                "_subscriptions": Array [
-                                  [Circular],
-                                ],
-                                "closed": false,
-                                "destination": SafeSubscriber {
-                                  "_complete": undefined,
-                                  "_context": [Circular],
-                                  "_error": undefined,
-                                  "_next": [Function],
-                                  "_parentOrParents": null,
-                                  "_parentSubscriber": [Circular],
-                                  "_subscriptions": null,
-                                  "closed": false,
-                                  "destination": Object {
-                                    "closed": true,
-                                    "complete": [Function],
-                                    "error": [Function],
-                                    "next": [Function],
-                                  },
-                                  "isStopped": false,
-                                  "syncErrorThrowable": false,
-                                  "syncErrorThrown": false,
-                                  "syncErrorValue": null,
-                                },
-                                "isStopped": false,
-                                "syncErrorThrowable": true,
-                                "syncErrorThrown": false,
-                                "syncErrorValue": null,
-                              },
-                              "isStopped": true,
-                              "observables": Array [
-                                BehaviorSubject {
-                                  "_isScalar": false,
-                                  "_value": undefined,
-                                  "closed": false,
-                                  "hasError": false,
-                                  "isStopped": false,
-                                  "observers": Array [
-                                    InnerSubscriber {
-                                      "_parentOrParents": [Circular],
-                                      "_subscriptions": Array [
-                                        SubjectSubscription {
-                                          "_parentOrParents": [Circular],
-                                          "_subscriptions": null,
-                                          "closed": false,
-                                          "subject": [Circular],
-                                          "subscriber": [Circular],
-                                        },
-                                      ],
-                                      "closed": false,
-                                      "destination": Object {
-                                        "closed": true,
-                                        "complete": [Function],
-                                        "error": [Function],
-                                        "next": [Function],
-                                      },
-                                      "index": 1,
-                                      "isStopped": false,
-                                      "outerIndex": 0,
-                                      "outerValue": undefined,
-                                      "parent": [Circular],
-                                      "syncErrorThrowable": false,
-                                      "syncErrorThrown": false,
-                                      "syncErrorValue": null,
-                                    },
-                                  ],
-                                  "thrownError": null,
-                                },
-                                [Circular],
-                              ],
-                              "resultSelector": undefined,
-                              "syncErrorThrowable": true,
-                              "syncErrorThrown": false,
-                              "syncErrorValue": null,
-                              "toRespond": 0,
-                              "values": Array [
-                                undefined,
-                                "",
-                              ],
-                            },
-                            "syncErrorThrowable": false,
-                            "syncErrorThrown": false,
-                            "syncErrorValue": null,
-                          },
-                        ],
-                        "thrownError": null,
-                      }
-                    }
-                    opensearchDashboardsDocLink="/docs"
-                    opensearchDashboardsVersion="1.0.0"
-                    surveyLink="/"
-                    useDefaultContent={true}
-                  >
-                    <HeaderHelpMenuUI
-                      helpExtension$={
-                        BehaviorSubject {
-                          "_isScalar": false,
-                          "_value": undefined,
-                          "closed": false,
-                          "hasError": false,
-                          "isStopped": false,
-                          "observers": Array [
-                            InnerSubscriber {
-                              "_parentOrParents": CombineLatestSubscriber {
-                                "_parentOrParents": Subscriber {
-                                  "_parentOrParents": null,
-                                  "_subscriptions": Array [
-                                    [Circular],
-                                  ],
-                                  "closed": false,
-                                  "destination": SafeSubscriber {
-                                    "_complete": undefined,
-                                    "_context": [Circular],
-                                    "_error": undefined,
-                                    "_next": [Function],
-                                    "_parentOrParents": null,
-                                    "_parentSubscriber": [Circular],
-                                    "_subscriptions": null,
-                                    "closed": false,
-                                    "destination": Object {
-                                      "closed": true,
-                                      "complete": [Function],
-                                      "error": [Function],
-                                      "next": [Function],
-                                    },
-                                    "isStopped": false,
-                                    "syncErrorThrowable": false,
-                                    "syncErrorThrown": false,
-                                    "syncErrorValue": null,
-                                  },
-                                  "isStopped": false,
-                                  "syncErrorThrowable": true,
-                                  "syncErrorThrown": false,
-                                  "syncErrorValue": null,
-                                },
-                                "_subscriptions": Array [
-                                  [Circular],
-                                  InnerSubscriber {
-                                    "_parentOrParents": [Circular],
-                                    "_subscriptions": Array [
-                                      SubjectSubscription {
-                                        "_parentOrParents": [Circular],
-                                        "_subscriptions": null,
-                                        "closed": false,
-                                        "subject": BehaviorSubject {
-                                          "_isScalar": false,
-                                          "_value": "",
-                                          "closed": false,
-                                          "hasError": false,
-                                          "isStopped": false,
-                                          "observers": Array [
-                                            [Circular],
-                                          ],
-                                          "thrownError": null,
-                                        },
-                                        "subscriber": [Circular],
-                                      },
-                                    ],
-                                    "closed": false,
-                                    "destination": Object {
-                                      "closed": true,
-                                      "complete": [Function],
-                                      "error": [Function],
-                                      "next": [Function],
-                                    },
-                                    "index": 1,
-                                    "isStopped": false,
-                                    "outerIndex": 1,
-                                    "outerValue": undefined,
-                                    "parent": [Circular],
-                                    "syncErrorThrowable": false,
-                                    "syncErrorThrown": false,
-                                    "syncErrorValue": null,
-                                  },
-                                ],
-                                "active": 2,
-                                "closed": false,
-                                "destination": Subscriber {
-                                  "_parentOrParents": null,
-                                  "_subscriptions": Array [
-                                    [Circular],
-                                  ],
-                                  "closed": false,
-                                  "destination": SafeSubscriber {
-                                    "_complete": undefined,
-                                    "_context": [Circular],
-                                    "_error": undefined,
-                                    "_next": [Function],
-                                    "_parentOrParents": null,
-                                    "_parentSubscriber": [Circular],
-                                    "_subscriptions": null,
-                                    "closed": false,
-                                    "destination": Object {
-                                      "closed": true,
-                                      "complete": [Function],
-                                      "error": [Function],
-                                      "next": [Function],
-                                    },
-                                    "isStopped": false,
-                                    "syncErrorThrowable": false,
-                                    "syncErrorThrown": false,
-                                    "syncErrorValue": null,
-                                  },
-                                  "isStopped": false,
-                                  "syncErrorThrowable": true,
-                                  "syncErrorThrown": false,
-                                  "syncErrorValue": null,
-                                },
-                                "isStopped": true,
-                                "observables": Array [
-                                  [Circular],
-                                  BehaviorSubject {
-                                    "_isScalar": false,
-                                    "_value": "",
-                                    "closed": false,
-                                    "hasError": false,
-                                    "isStopped": false,
-                                    "observers": Array [
-                                      InnerSubscriber {
-                                        "_parentOrParents": [Circular],
-                                        "_subscriptions": Array [
-                                          SubjectSubscription {
-                                            "_parentOrParents": [Circular],
-                                            "_subscriptions": null,
-                                            "closed": false,
-                                            "subject": [Circular],
-                                            "subscriber": [Circular],
-                                          },
-                                        ],
-                                        "closed": false,
-                                        "destination": Object {
-                                          "closed": true,
-                                          "complete": [Function],
-                                          "error": [Function],
-                                          "next": [Function],
-                                        },
-                                        "index": 1,
-                                        "isStopped": false,
-                                        "outerIndex": 1,
-                                        "outerValue": undefined,
-                                        "parent": [Circular],
-                                        "syncErrorThrowable": false,
-                                        "syncErrorThrown": false,
-                                        "syncErrorValue": null,
-                                      },
-                                    ],
-                                    "thrownError": null,
-                                  },
-                                ],
-                                "resultSelector": undefined,
-                                "syncErrorThrowable": true,
-                                "syncErrorThrown": false,
-                                "syncErrorValue": null,
-                                "toRespond": 0,
-                                "values": Array [
-                                  undefined,
-                                  "",
-                                ],
-                              },
-                              "_subscriptions": Array [
-                                SubjectSubscription {
-                                  "_parentOrParents": [Circular],
-                                  "_subscriptions": null,
-                                  "closed": false,
-                                  "subject": [Circular],
-                                  "subscriber": [Circular],
-                                },
-                              ],
-                              "closed": false,
-                              "destination": Object {
-                                "closed": true,
-                                "complete": [Function],
-                                "error": [Function],
-                                "next": [Function],
-                              },
-                              "index": 1,
-                              "isStopped": false,
-                              "outerIndex": 0,
-                              "outerValue": undefined,
-                              "parent": CombineLatestSubscriber {
-                                "_parentOrParents": Subscriber {
-                                  "_parentOrParents": null,
-                                  "_subscriptions": Array [
-                                    [Circular],
-                                  ],
-                                  "closed": false,
-                                  "destination": SafeSubscriber {
-                                    "_complete": undefined,
-                                    "_context": [Circular],
-                                    "_error": undefined,
-                                    "_next": [Function],
-                                    "_parentOrParents": null,
-                                    "_parentSubscriber": [Circular],
-                                    "_subscriptions": null,
-                                    "closed": false,
-                                    "destination": Object {
-                                      "closed": true,
-                                      "complete": [Function],
-                                      "error": [Function],
-                                      "next": [Function],
-                                    },
-                                    "isStopped": false,
-                                    "syncErrorThrowable": false,
-                                    "syncErrorThrown": false,
-                                    "syncErrorValue": null,
-                                  },
-                                  "isStopped": false,
-                                  "syncErrorThrowable": true,
-                                  "syncErrorThrown": false,
-                                  "syncErrorValue": null,
-                                },
-                                "_subscriptions": Array [
-                                  [Circular],
-                                  InnerSubscriber {
-                                    "_parentOrParents": [Circular],
-                                    "_subscriptions": Array [
-                                      SubjectSubscription {
-                                        "_parentOrParents": [Circular],
-                                        "_subscriptions": null,
-                                        "closed": false,
-                                        "subject": BehaviorSubject {
-                                          "_isScalar": false,
-                                          "_value": "",
-                                          "closed": false,
-                                          "hasError": false,
-                                          "isStopped": false,
-                                          "observers": Array [
-                                            [Circular],
-                                          ],
-                                          "thrownError": null,
-                                        },
-                                        "subscriber": [Circular],
-                                      },
-                                    ],
-                                    "closed": false,
-                                    "destination": Object {
-                                      "closed": true,
-                                      "complete": [Function],
-                                      "error": [Function],
-                                      "next": [Function],
-                                    },
-                                    "index": 1,
-                                    "isStopped": false,
-                                    "outerIndex": 1,
-                                    "outerValue": undefined,
-                                    "parent": [Circular],
-                                    "syncErrorThrowable": false,
-                                    "syncErrorThrown": false,
-                                    "syncErrorValue": null,
-                                  },
-                                ],
-                                "active": 2,
-                                "closed": false,
-                                "destination": Subscriber {
-                                  "_parentOrParents": null,
-                                  "_subscriptions": Array [
-                                    [Circular],
-                                  ],
-                                  "closed": false,
-                                  "destination": SafeSubscriber {
-                                    "_complete": undefined,
-                                    "_context": [Circular],
-                                    "_error": undefined,
-                                    "_next": [Function],
-                                    "_parentOrParents": null,
-                                    "_parentSubscriber": [Circular],
-                                    "_subscriptions": null,
-                                    "closed": false,
-                                    "destination": Object {
-                                      "closed": true,
-                                      "complete": [Function],
-                                      "error": [Function],
-                                      "next": [Function],
-                                    },
-                                    "isStopped": false,
-                                    "syncErrorThrowable": false,
-                                    "syncErrorThrown": false,
-                                    "syncErrorValue": null,
-                                  },
-                                  "isStopped": false,
-                                  "syncErrorThrowable": true,
-                                  "syncErrorThrown": false,
-                                  "syncErrorValue": null,
-                                },
-                                "isStopped": true,
-                                "observables": Array [
-                                  [Circular],
-                                  BehaviorSubject {
-                                    "_isScalar": false,
-                                    "_value": "",
-                                    "closed": false,
-                                    "hasError": false,
-                                    "isStopped": false,
-                                    "observers": Array [
-                                      InnerSubscriber {
-                                        "_parentOrParents": [Circular],
-                                        "_subscriptions": Array [
-                                          SubjectSubscription {
-                                            "_parentOrParents": [Circular],
-                                            "_subscriptions": null,
-                                            "closed": false,
-                                            "subject": [Circular],
-                                            "subscriber": [Circular],
-                                          },
-                                        ],
-                                        "closed": false,
-                                        "destination": Object {
-                                          "closed": true,
-                                          "complete": [Function],
-                                          "error": [Function],
-                                          "next": [Function],
-                                        },
-                                        "index": 1,
-                                        "isStopped": false,
-                                        "outerIndex": 1,
-                                        "outerValue": undefined,
-                                        "parent": [Circular],
-                                        "syncErrorThrowable": false,
-                                        "syncErrorThrown": false,
-                                        "syncErrorValue": null,
-                                      },
-                                    ],
-                                    "thrownError": null,
-                                  },
-                                ],
-                                "resultSelector": undefined,
-                                "syncErrorThrowable": true,
-                                "syncErrorThrown": false,
-                                "syncErrorValue": null,
-                                "toRespond": 0,
-                                "values": Array [
-                                  undefined,
-                                  "",
-                                ],
-                              },
-                              "syncErrorThrowable": false,
-                              "syncErrorThrown": false,
-                              "syncErrorValue": null,
-                            },
-                          ],
-                          "thrownError": null,
-                        }
-                      }
-                      helpSupportUrl$={
-                        BehaviorSubject {
-                          "_isScalar": false,
-                          "_value": "",
-                          "closed": false,
-                          "hasError": false,
-                          "isStopped": false,
-                          "observers": Array [
-                            InnerSubscriber {
-                              "_parentOrParents": CombineLatestSubscriber {
-                                "_parentOrParents": Subscriber {
-                                  "_parentOrParents": null,
-                                  "_subscriptions": Array [
-                                    [Circular],
-                                  ],
-                                  "closed": false,
-                                  "destination": SafeSubscriber {
-                                    "_complete": undefined,
-                                    "_context": [Circular],
-                                    "_error": undefined,
-                                    "_next": [Function],
-                                    "_parentOrParents": null,
-                                    "_parentSubscriber": [Circular],
-                                    "_subscriptions": null,
-                                    "closed": false,
-                                    "destination": Object {
-                                      "closed": true,
-                                      "complete": [Function],
-                                      "error": [Function],
-                                      "next": [Function],
-                                    },
-                                    "isStopped": false,
-                                    "syncErrorThrowable": false,
-                                    "syncErrorThrown": false,
-                                    "syncErrorValue": null,
-                                  },
-                                  "isStopped": false,
-                                  "syncErrorThrowable": true,
-                                  "syncErrorThrown": false,
-                                  "syncErrorValue": null,
-                                },
-                                "_subscriptions": Array [
-                                  InnerSubscriber {
-                                    "_parentOrParents": [Circular],
-                                    "_subscriptions": Array [
-                                      SubjectSubscription {
-                                        "_parentOrParents": [Circular],
-                                        "_subscriptions": null,
-                                        "closed": false,
-                                        "subject": BehaviorSubject {
-                                          "_isScalar": false,
-                                          "_value": undefined,
-                                          "closed": false,
-                                          "hasError": false,
-                                          "isStopped": false,
-                                          "observers": Array [
-                                            [Circular],
-                                          ],
-                                          "thrownError": null,
-                                        },
-                                        "subscriber": [Circular],
-                                      },
-                                    ],
-                                    "closed": false,
-                                    "destination": Object {
-                                      "closed": true,
-                                      "complete": [Function],
-                                      "error": [Function],
-                                      "next": [Function],
-                                    },
-                                    "index": 1,
-                                    "isStopped": false,
-                                    "outerIndex": 0,
-                                    "outerValue": undefined,
-                                    "parent": [Circular],
-                                    "syncErrorThrowable": false,
-                                    "syncErrorThrown": false,
-                                    "syncErrorValue": null,
-                                  },
-                                  [Circular],
-                                ],
-                                "active": 2,
-                                "closed": false,
-                                "destination": Subscriber {
-                                  "_parentOrParents": null,
-                                  "_subscriptions": Array [
-                                    [Circular],
-                                  ],
-                                  "closed": false,
-                                  "destination": SafeSubscriber {
-                                    "_complete": undefined,
-                                    "_context": [Circular],
-                                    "_error": undefined,
-                                    "_next": [Function],
-                                    "_parentOrParents": null,
-                                    "_parentSubscriber": [Circular],
-                                    "_subscriptions": null,
-                                    "closed": false,
-                                    "destination": Object {
-                                      "closed": true,
-                                      "complete": [Function],
-                                      "error": [Function],
-                                      "next": [Function],
-                                    },
-                                    "isStopped": false,
-                                    "syncErrorThrowable": false,
-                                    "syncErrorThrown": false,
-                                    "syncErrorValue": null,
-                                  },
-                                  "isStopped": false,
-                                  "syncErrorThrowable": true,
-                                  "syncErrorThrown": false,
-                                  "syncErrorValue": null,
-                                },
-                                "isStopped": true,
-                                "observables": Array [
-                                  BehaviorSubject {
-                                    "_isScalar": false,
-                                    "_value": undefined,
-                                    "closed": false,
-                                    "hasError": false,
-                                    "isStopped": false,
-                                    "observers": Array [
-                                      InnerSubscriber {
-                                        "_parentOrParents": [Circular],
-                                        "_subscriptions": Array [
-                                          SubjectSubscription {
-                                            "_parentOrParents": [Circular],
-                                            "_subscriptions": null,
-                                            "closed": false,
-                                            "subject": [Circular],
-                                            "subscriber": [Circular],
-                                          },
-                                        ],
-                                        "closed": false,
-                                        "destination": Object {
-                                          "closed": true,
-                                          "complete": [Function],
-                                          "error": [Function],
-                                          "next": [Function],
-                                        },
-                                        "index": 1,
-                                        "isStopped": false,
-                                        "outerIndex": 0,
-                                        "outerValue": undefined,
-                                        "parent": [Circular],
-                                        "syncErrorThrowable": false,
-                                        "syncErrorThrown": false,
-                                        "syncErrorValue": null,
-                                      },
-                                    ],
-                                    "thrownError": null,
-                                  },
-                                  [Circular],
-                                ],
-                                "resultSelector": undefined,
-                                "syncErrorThrowable": true,
-                                "syncErrorThrown": false,
-                                "syncErrorValue": null,
-                                "toRespond": 0,
-                                "values": Array [
-                                  undefined,
-                                  "",
-                                ],
-                              },
-                              "_subscriptions": Array [
-                                SubjectSubscription {
-                                  "_parentOrParents": [Circular],
-                                  "_subscriptions": null,
-                                  "closed": false,
-                                  "subject": [Circular],
-                                  "subscriber": [Circular],
-                                },
-                              ],
-                              "closed": false,
-                              "destination": Object {
-                                "closed": true,
-                                "complete": [Function],
-                                "error": [Function],
-                                "next": [Function],
-                              },
-                              "index": 1,
-                              "isStopped": false,
-                              "outerIndex": 1,
-                              "outerValue": undefined,
-                              "parent": CombineLatestSubscriber {
-                                "_parentOrParents": Subscriber {
-                                  "_parentOrParents": null,
-                                  "_subscriptions": Array [
-                                    [Circular],
-                                  ],
-                                  "closed": false,
-                                  "destination": SafeSubscriber {
-                                    "_complete": undefined,
-                                    "_context": [Circular],
-                                    "_error": undefined,
-                                    "_next": [Function],
-                                    "_parentOrParents": null,
-                                    "_parentSubscriber": [Circular],
-                                    "_subscriptions": null,
-                                    "closed": false,
-                                    "destination": Object {
-                                      "closed": true,
-                                      "complete": [Function],
-                                      "error": [Function],
-                                      "next": [Function],
-                                    },
-                                    "isStopped": false,
-                                    "syncErrorThrowable": false,
-                                    "syncErrorThrown": false,
-                                    "syncErrorValue": null,
-                                  },
-                                  "isStopped": false,
-                                  "syncErrorThrowable": true,
-                                  "syncErrorThrown": false,
-                                  "syncErrorValue": null,
-                                },
-                                "_subscriptions": Array [
-                                  InnerSubscriber {
-                                    "_parentOrParents": [Circular],
-                                    "_subscriptions": Array [
-                                      SubjectSubscription {
-                                        "_parentOrParents": [Circular],
-                                        "_subscriptions": null,
-                                        "closed": false,
-                                        "subject": BehaviorSubject {
-                                          "_isScalar": false,
-                                          "_value": undefined,
-                                          "closed": false,
-                                          "hasError": false,
-                                          "isStopped": false,
-                                          "observers": Array [
-                                            [Circular],
-                                          ],
-                                          "thrownError": null,
-                                        },
-                                        "subscriber": [Circular],
-                                      },
-                                    ],
-                                    "closed": false,
-                                    "destination": Object {
-                                      "closed": true,
-                                      "complete": [Function],
-                                      "error": [Function],
-                                      "next": [Function],
-                                    },
-                                    "index": 1,
-                                    "isStopped": false,
-                                    "outerIndex": 0,
-                                    "outerValue": undefined,
-                                    "parent": [Circular],
-                                    "syncErrorThrowable": false,
-                                    "syncErrorThrown": false,
-                                    "syncErrorValue": null,
-                                  },
-                                  [Circular],
-                                ],
-                                "active": 2,
-                                "closed": false,
-                                "destination": Subscriber {
-                                  "_parentOrParents": null,
-                                  "_subscriptions": Array [
-                                    [Circular],
-                                  ],
-                                  "closed": false,
-                                  "destination": SafeSubscriber {
-                                    "_complete": undefined,
-                                    "_context": [Circular],
-                                    "_error": undefined,
-                                    "_next": [Function],
-                                    "_parentOrParents": null,
-                                    "_parentSubscriber": [Circular],
-                                    "_subscriptions": null,
-                                    "closed": false,
-                                    "destination": Object {
-                                      "closed": true,
-                                      "complete": [Function],
-                                      "error": [Function],
-                                      "next": [Function],
-                                    },
-                                    "isStopped": false,
-                                    "syncErrorThrowable": false,
-                                    "syncErrorThrown": false,
-                                    "syncErrorValue": null,
-                                  },
-                                  "isStopped": false,
-                                  "syncErrorThrowable": true,
-                                  "syncErrorThrown": false,
-                                  "syncErrorValue": null,
-                                },
-                                "isStopped": true,
-                                "observables": Array [
-                                  BehaviorSubject {
-                                    "_isScalar": false,
-                                    "_value": undefined,
-                                    "closed": false,
-                                    "hasError": false,
-                                    "isStopped": false,
-                                    "observers": Array [
-                                      InnerSubscriber {
-                                        "_parentOrParents": [Circular],
-                                        "_subscriptions": Array [
-                                          SubjectSubscription {
-                                            "_parentOrParents": [Circular],
-                                            "_subscriptions": null,
-                                            "closed": false,
-                                            "subject": [Circular],
-                                            "subscriber": [Circular],
-                                          },
-                                        ],
-                                        "closed": false,
-                                        "destination": Object {
-                                          "closed": true,
-                                          "complete": [Function],
-                                          "error": [Function],
-                                          "next": [Function],
-                                        },
-                                        "index": 1,
-                                        "isStopped": false,
-                                        "outerIndex": 0,
-                                        "outerValue": undefined,
-                                        "parent": [Circular],
-                                        "syncErrorThrowable": false,
-                                        "syncErrorThrown": false,
-                                        "syncErrorValue": null,
-                                      },
-                                    ],
-                                    "thrownError": null,
-                                  },
-                                  [Circular],
-                                ],
-                                "resultSelector": undefined,
-                                "syncErrorThrowable": true,
-                                "syncErrorThrown": false,
-                                "syncErrorValue": null,
-                                "toRespond": 0,
-                                "values": Array [
-                                  undefined,
-                                  "",
-                                ],
-                              },
-                              "syncErrorThrowable": false,
-                              "syncErrorThrown": false,
-                              "syncErrorValue": null,
-                            },
-                          ],
-                          "thrownError": null,
-                        }
-                      }
-                      intl={
-                        Object {
-                          "defaultFormats": Object {},
-                          "defaultLocale": "en",
-                          "formatDate": [Function],
-                          "formatHTMLMessage": [Function],
-                          "formatMessage": [Function],
-                          "formatNumber": [Function],
-                          "formatPlural": [Function],
-                          "formatRelative": [Function],
-                          "formatTime": [Function],
-                          "formats": Object {
-                            "date": Object {
-                              "full": Object {
-                                "day": "numeric",
-                                "month": "long",
-                                "weekday": "long",
-                                "year": "numeric",
-                              },
-                              "long": Object {
-                                "day": "numeric",
-                                "month": "long",
-                                "year": "numeric",
-                              },
-                              "medium": Object {
-                                "day": "numeric",
-                                "month": "short",
-                                "year": "numeric",
-                              },
-                              "short": Object {
-                                "day": "numeric",
-                                "month": "numeric",
-                                "year": "2-digit",
-                              },
-                            },
-                            "number": Object {
-                              "currency": Object {
-                                "style": "currency",
-                              },
-                              "percent": Object {
-                                "style": "percent",
-                              },
-                            },
-                            "relative": Object {
-                              "days": Object {
-                                "units": "day",
-                              },
-                              "hours": Object {
-                                "units": "hour",
-                              },
-                              "minutes": Object {
-                                "units": "minute",
-                              },
-                              "months": Object {
-                                "units": "month",
-                              },
-                              "seconds": Object {
-                                "units": "second",
-                              },
-                              "years": Object {
-                                "units": "year",
-                              },
-                            },
-                            "time": Object {
-                              "full": Object {
-                                "hour": "numeric",
-                                "minute": "numeric",
-                                "second": "numeric",
-                                "timeZoneName": "short",
-                              },
-                              "long": Object {
-                                "hour": "numeric",
-                                "minute": "numeric",
-                                "second": "numeric",
-                                "timeZoneName": "short",
-                              },
-                              "medium": Object {
-                                "hour": "numeric",
-                                "minute": "numeric",
-                                "second": "numeric",
-                              },
-                              "short": Object {
-                                "hour": "numeric",
-                                "minute": "numeric",
-                              },
-                            },
-                          },
-                          "formatters": Object {
-                            "getDateTimeFormat": [Function],
-                            "getMessageFormat": [Function],
-                            "getNumberFormat": [Function],
-                            "getPluralFormat": [Function],
-                            "getRelativeFormat": [Function],
-                          },
-                          "locale": "en",
-                          "messages": Object {},
-                          "now": [Function],
-                          "onError": [Function],
-                          "textComponent": Symbol(react.fragment),
-                          "timeZone": null,
-                        }
-                      }
-                      opensearchDashboardsDocLink="/docs"
-                      opensearchDashboardsVersion="1.0.0"
-                      surveyLink="/"
-                      useDefaultContent={true}
-                    >
-                      <EuiPopover
-                        anchorPosition="downRight"
-                        button={
-                          <EuiToolTip
-                            content="Help"
-                            delay="long"
-                            position="bottom"
-                          >
-                            <EuiHeaderSectionItemButton
-                              aria-expanded={false}
-                              aria-haspopup="true"
-                              aria-label="Help menu"
-                              onClick={[Function]}
-                            >
-                              <EuiIcon
-                                size="m"
-                                type="questionInCircle"
-                              />
-                            </EuiHeaderSectionItemButton>
-                          </EuiToolTip>
-                        }
-                        closePopover={[Function]}
-                        data-test-subj="helpMenuButton"
-                        display="inlineBlock"
-                        hasArrow={true}
-                        id="headerHelpMenu"
-                        isOpen={false}
-                        ownFocus={true}
-                        panelPaddingSize="s"
-                        repositionOnScroll={true}
-                      >
-                        <div
-                          className="euiPopover euiPopover--anchorDownRight"
-                          data-test-subj="helpMenuButton"
-                          id="headerHelpMenu"
-                        >
-                          <div
-                            className="euiPopover__anchor"
-                          >
-                            <EuiToolTip
-                              content="Help"
-                              delay="long"
-                              position="bottom"
-                            >
-                              <span
-                                className="euiToolTipAnchor"
-                                onKeyUp={[Function]}
-                                onMouseOut={[Function]}
-                                onMouseOver={[Function]}
-                              >
-                                <EuiHeaderSectionItemButton
-                                  aria-expanded={false}
-                                  aria-haspopup="true"
-                                  aria-label="Help menu"
-                                  onBlur={[Function]}
-                                  onClick={[Function]}
-                                  onFocus={[Function]}
-                                >
-                                  <EuiButtonEmpty
-                                    aria-expanded={false}
-                                    aria-haspopup="true"
-                                    aria-label="Help menu"
-                                    buttonRef={
-                                      Object {
-                                        "current": <button
-                                          aria-expanded="false"
-                                          aria-haspopup="true"
-                                          aria-label="Help menu"
-                                          class="euiButtonEmpty euiButtonEmpty--text euiHeaderSectionItemButton"
-                                          type="button"
-                                        >
-                                          <span
-                                            class="euiButtonContent euiButtonEmpty__content"
-                                          >
-                                            <span
-                                              class="euiButtonEmpty__text"
-                                            >
-                                              <span
-                                                class="euiHeaderSectionItemButton__content"
-                                              >
-                                                <span
-                                                  data-euiicon-type="questionInCircle"
-                                                />
-                                              </span>
-                                            </span>
-                                          </span>
-                                        </button>,
-                                      }
-                                    }
-                                    className="euiHeaderSectionItemButton"
-                                    color="text"
-                                    onBlur={[Function]}
-                                    onClick={[Function]}
-                                    onFocus={[Function]}
-                                  >
-                                    <button
-                                      aria-expanded={false}
-                                      aria-haspopup="true"
-                                      aria-label="Help menu"
-                                      className="euiButtonEmpty euiButtonEmpty--text euiHeaderSectionItemButton"
-                                      disabled={false}
-                                      onBlur={[Function]}
-                                      onClick={[Function]}
-                                      onFocus={[Function]}
-                                      type="button"
-                                    >
-                                      <EuiButtonContent
-                                        className="euiButtonEmpty__content"
-                                        iconGap="m"
-                                        iconSide="left"
-                                        iconSize="m"
-                                        textProps={
-                                          Object {
-                                            "className": "euiButtonEmpty__text",
-                                          }
-                                        }
-                                      >
-                                        <span
-                                          className="euiButtonContent euiButtonEmpty__content"
-                                        >
-                                          <span
-                                            className="euiButtonEmpty__text"
-                                          >
-                                            <span
-                                              className="euiHeaderSectionItemButton__content"
-                                            >
-                                              <EuiIcon
-                                                size="m"
-                                                type="questionInCircle"
-                                              >
-                                                <span
-                                                  data-euiicon-type="questionInCircle"
-                                                  size="m"
-                                                />
-                                              </EuiIcon>
-                                            </span>
-                                          </span>
-                                        </span>
-                                      </EuiButtonContent>
-                                    </button>
-                                  </EuiButtonEmpty>
-                                </EuiHeaderSectionItemButton>
-                              </span>
-                            </EuiToolTip>
-                          </div>
-                        </div>
-                      </EuiPopover>
-                    </HeaderHelpMenuUI>
-                  </InjectIntl(HeaderHelpMenuUI)>
-                </div>
-              </EuiHeaderSectionItem>
-            </div>
-          </EuiHeaderSection>
-        </div>
-      </EuiHeader>
-    </div>
-    <CollapsibleNav
-      appId$={
-        Observable {
-          "_isScalar": false,
-          "source": Subject {
-            "_isScalar": false,
-            "closed": false,
-            "hasError": false,
-            "isStopped": false,
-            "observers": Array [
-              Subscriber {
-                "_parentOrParents": null,
-                "_subscriptions": Array [
-                  SubjectSubscription {
-                    "_parentOrParents": [Circular],
-                    "_subscriptions": null,
-                    "closed": false,
-                    "subject": [Circular],
-                    "subscriber": [Circular],
-                  },
-                ],
-                "closed": false,
-                "destination": SafeSubscriber {
-                  "_complete": undefined,
-                  "_context": [Circular],
-                  "_error": undefined,
-                  "_next": [Function],
-                  "_parentOrParents": null,
-                  "_parentSubscriber": [Circular],
-                  "_subscriptions": null,
-                  "closed": false,
-                  "destination": Object {
-                    "closed": true,
-                    "complete": [Function],
-                    "error": [Function],
-                    "next": [Function],
-                  },
-                  "isStopped": false,
-                  "syncErrorThrowable": false,
-                  "syncErrorThrown": false,
-                  "syncErrorValue": null,
-                },
-                "isStopped": false,
-                "syncErrorThrowable": true,
-                "syncErrorThrown": false,
-                "syncErrorValue": null,
-              },
-            ],
-            "thrownError": null,
-          },
-        }
-      }
-      basePath={
-        BasePath {
-          "basePath": "/test",
-          "clientBasePath": "",
-          "get": [Function],
-          "getBasePath": [Function],
-          "prepend": [Function],
-          "remove": [Function],
-          "serverBasePath": "/test",
-        }
-      }
-      closeNav={[Function]}
-      customNavLink$={
-        BehaviorSubject {
-          "_isScalar": false,
-          "_value": Object {
-            "baseUrl": "",
-            "href": "",
-            "id": "cloud-deployment-link",
-            "title": "Manage cloud deployment",
-          },
-          "closed": false,
-          "hasError": false,
-          "isStopped": false,
-          "observers": Array [
-            Subscriber {
-              "_parentOrParents": null,
-              "_subscriptions": Array [
-                SubjectSubscription {
-                  "_parentOrParents": [Circular],
-                  "_subscriptions": null,
-                  "closed": false,
-                  "subject": [Circular],
-                  "subscriber": [Circular],
-                },
-              ],
-              "closed": false,
-              "destination": SafeSubscriber {
-                "_complete": undefined,
-                "_context": [Circular],
-                "_error": undefined,
-                "_next": [Function],
-                "_parentOrParents": null,
-                "_parentSubscriber": [Circular],
-                "_subscriptions": null,
-                "closed": false,
-                "destination": Object {
-                  "closed": true,
-                  "complete": [Function],
-                  "error": [Function],
-                  "next": [Function],
-                },
-                "isStopped": false,
-                "syncErrorThrowable": false,
-                "syncErrorThrown": false,
-                "syncErrorValue": null,
-              },
-              "isStopped": false,
-              "syncErrorThrowable": true,
-              "syncErrorThrown": false,
-              "syncErrorValue": null,
-            },
-          ],
-          "thrownError": null,
-        }
-      }
-      homeHref="/"
-      id="mockId"
-      isLocked={true}
-      isNavOpen={false}
-      logos={
-        Object {
-          "AnimatedMark": Object {
-            "dark": Object {
-              "type": "default",
-              "url": "/ui/logos/opensearch_spinner_on_dark.svg",
-            },
-            "light": Object {
-              "type": "default",
-              "url": "/ui/logos/opensearch_spinner_on_light.svg",
-            },
-            "type": "default",
-            "url": "/ui/logos/opensearch_spinner_on_light.svg",
-          },
-          "Application": Object {
-            "dark": Object {
-              "type": "default",
-              "url": "/ui/logos/opensearch_dashboards_on_dark.svg",
-            },
-            "light": Object {
-              "type": "default",
-              "url": "/ui/logos/opensearch_dashboards_on_light.svg",
-            },
-            "type": "default",
-            "url": "/ui/logos/opensearch_dashboards_on_light.svg",
-          },
-          "CenterMark": Object {
-            "dark": Object {
-              "type": "default",
-              "url": "/ui/logos/opensearch_center_mark_on_dark.svg",
-            },
-            "light": Object {
-              "type": "default",
-              "url": "/ui/logos/opensearch_center_mark_on_light.svg",
-            },
-            "type": "default",
-            "url": "/ui/logos/opensearch_center_mark_on_light.svg",
-          },
-          "Mark": Object {
-            "dark": Object {
-              "type": "default",
-              "url": "/ui/logos/opensearch_mark_on_dark.svg",
-            },
-            "light": Object {
-              "type": "default",
-              "url": "/ui/logos/opensearch_mark_on_light.svg",
-            },
-            "type": "default",
-            "url": "/ui/logos/opensearch_mark_on_light.svg",
-          },
-          "OpenSearch": Object {
-            "dark": Object {
-              "type": "default",
-              "url": "/ui/logos/opensearch_on_dark.svg",
-            },
-            "light": Object {
-              "type": "default",
-              "url": "/ui/logos/opensearch_on_light.svg",
-            },
-            "type": "default",
-            "url": "/ui/logos/opensearch_on_light.svg",
-          },
-          "colorScheme": "light",
-        }
-      }
-      navLinks$={
-        BehaviorSubject {
-          "_isScalar": false,
-          "_value": Array [
-            Object {
-              "baseUrl": "",
-              "href": "",
-              "id": "opensearchDashboards",
-              "title": "opensearchDashboards",
-            },
-          ],
-          "closed": false,
-          "hasError": false,
-          "isStopped": false,
-          "observers": Array [
-            Subscriber {
-              "_parentOrParents": null,
-              "_subscriptions": Array [
-                SubjectSubscription {
-                  "_parentOrParents": [Circular],
-                  "_subscriptions": null,
-                  "closed": false,
-                  "subject": [Circular],
-                  "subscriber": [Circular],
-                },
-              ],
-              "closed": false,
-              "destination": SafeSubscriber {
-                "_complete": undefined,
-                "_context": [Circular],
-                "_error": undefined,
-                "_next": [Function],
-                "_parentOrParents": null,
-                "_parentSubscriber": [Circular],
-                "_subscriptions": null,
-                "closed": false,
-                "destination": Object {
-                  "closed": true,
-                  "complete": [Function],
-                  "error": [Function],
-                  "next": [Function],
-                },
-                "isStopped": false,
-                "syncErrorThrowable": false,
-                "syncErrorThrown": false,
-                "syncErrorValue": null,
-              },
-              "isStopped": false,
-              "syncErrorThrowable": true,
-              "syncErrorThrown": false,
-              "syncErrorValue": null,
-            },
-            Subscriber {
-              "_parentOrParents": null,
-              "_subscriptions": Array [
-                SubjectSubscription {
-                  "_parentOrParents": [Circular],
-                  "_subscriptions": null,
-                  "closed": false,
-                  "subject": [Circular],
-                  "subscriber": [Circular],
-                },
-              ],
-              "closed": false,
-              "destination": SafeSubscriber {
-                "_complete": undefined,
-                "_context": [Circular],
-                "_error": undefined,
-                "_next": [Function],
-                "_parentOrParents": null,
-                "_parentSubscriber": [Circular],
-                "_subscriptions": null,
-                "closed": false,
-                "destination": Object {
-                  "closed": true,
-                  "complete": [Function],
-                  "error": [Function],
-                  "next": [Function],
-                },
-                "isStopped": false,
-                "syncErrorThrowable": false,
-                "syncErrorThrown": false,
-                "syncErrorValue": null,
-              },
-              "isStopped": false,
-              "syncErrorThrowable": true,
-              "syncErrorThrown": false,
-              "syncErrorValue": null,
-            },
-            Subscriber {
-              "_parentOrParents": null,
-              "_subscriptions": Array [
-                SubjectSubscription {
-                  "_parentOrParents": [Circular],
-                  "_subscriptions": null,
-                  "closed": false,
-                  "subject": [Circular],
-                  "subscriber": [Circular],
-                },
-              ],
-              "closed": false,
-              "destination": SafeSubscriber {
-                "_complete": undefined,
-                "_context": [Circular],
-                "_error": undefined,
-                "_next": [Function],
-                "_parentOrParents": null,
-                "_parentSubscriber": [Circular],
-                "_subscriptions": null,
-                "closed": false,
-                "destination": Object {
-                  "closed": true,
-                  "complete": [Function],
-                  "error": [Function],
-                  "next": [Function],
-                },
-                "isStopped": false,
-                "syncErrorThrowable": false,
-                "syncErrorThrown": false,
-                "syncErrorValue": null,
-              },
-              "isStopped": false,
-              "syncErrorThrowable": true,
-              "syncErrorThrown": false,
-              "syncErrorValue": null,
-            },
-          ],
-          "thrownError": null,
-        }
-      }
-      navigateToApp={[MockFunction]}
-      navigateToUrl={[MockFunction]}
-      onIsLockedUpdate={[Function]}
-      recentlyAccessed$={
-        BehaviorSubject {
-          "_isScalar": false,
-          "_value": Array [
-            Object {
-              "id": "dashboard",
-              "label": "dashboard",
-              "link": "",
-            },
-          ],
-          "closed": false,
-          "hasError": false,
-          "isStopped": false,
-          "observers": Array [
-            Subscriber {
-              "_parentOrParents": null,
-              "_subscriptions": Array [
-                SubjectSubscription {
-                  "_parentOrParents": [Circular],
-                  "_subscriptions": null,
-                  "closed": false,
-                  "subject": [Circular],
-                  "subscriber": [Circular],
-                },
-              ],
-              "closed": false,
-              "destination": SafeSubscriber {
-                "_complete": undefined,
-                "_context": [Circular],
-                "_error": undefined,
-                "_next": [Function],
-                "_parentOrParents": null,
-                "_parentSubscriber": [Circular],
-                "_subscriptions": null,
-                "closed": false,
-                "destination": Object {
-                  "closed": true,
-                  "complete": [Function],
-                  "error": [Function],
-                  "next": [Function],
-                },
-                "isStopped": false,
-                "syncErrorThrowable": false,
-                "syncErrorThrown": false,
-                "syncErrorValue": null,
-              },
-              "isStopped": false,
-              "syncErrorThrowable": true,
-              "syncErrorThrown": false,
-              "syncErrorValue": null,
-            },
-          ],
-          "thrownError": null,
-        }
-      }
-    >
-      <EuiCollapsibleNav
-        aria-label="Primary"
-        data-test-subj="collapsibleNav"
-        id="mockId"
-        isDocked={true}
-        isOpen={false}
-        onClose={[Function]}
-        outsideClickCloses={false}
-      >
-        <EuiFlyout
-          aria-label="Primary"
-          as="nav"
-          className="euiCollapsibleNav"
-          closeButtonPosition="outside"
-          data-test-subj="collapsibleNav"
-          hideCloseButton={true}
-          id="mockId"
-          onClose={[Function]}
-          outsideClickCloses={false}
-          ownFocus={true}
-          paddingSize="none"
-          pushMinBreakpoint="l"
-          role={null}
-          side="left"
-          size={320}
-          type="push"
-        >
-          <nav
-            data-eui="EuiFlyout"
-            data-test-subj="collapsibleNav"
-            role={null}
-          >
-            <EuiFlexItem
-              grow={false}
-              style={
-                Object {
-                  "flexShrink": 0,
-                }
-              }
-            >
-              <div
-                className="euiFlexItem euiFlexItem--flexGrowZero"
-                style={
-                  Object {
-                    "flexShrink": 0,
-                  }
-                }
-              >
-                <EuiCollapsibleNavGroup
-                  background="light"
-                  className="eui-yScroll"
-                  style={
-                    Object {
-                      "maxHeight": "40vh",
-                    }
-                  }
-                >
-                  <div
-                    className="euiCollapsibleNavGroup euiCollapsibleNavGroup--light eui-yScroll"
-                    id="mockId"
-                    style={
-                      Object {
-                        "maxHeight": "40vh",
-                      }
-                    }
-                  >
-                    <div
-                      className="euiCollapsibleNavGroup__children"
-                    >
-                      <EuiListGroup
-                        color="text"
-                        gutterSize="none"
-                        listItems={
-                          Array [
-                            Object {
-                              "data-test-subj": "collapsibleNavCustomNavLink",
-                              "href": "",
-                              "icon": undefined,
-                              "iconType": undefined,
-                              "isActive": false,
-                              "isDisabled": undefined,
-                              "label": "Manage cloud deployment",
-                              "onClick": [Function],
-                            },
-                          ]
-                        }
-                        maxWidth="none"
-                        size="s"
-                      >
-                        <ul
-                          className="euiListGroup"
-                          style={
-                            Object {
-                              "maxWidth": "none",
-                            }
-                          }
-                        >
-                          <EuiListGroupItem
-                            color="text"
-                            data-test-subj="collapsibleNavCustomNavLink"
-                            href=""
-                            isActive={false}
-                            key="title-0"
-                            label="Manage cloud deployment"
-                            onClick={[Function]}
-                            showToolTip={false}
-                            size="s"
-                            wrapText={false}
-                          >
-                            <li
-                              className="euiListGroupItem euiListGroupItem--small euiListGroupItem--text euiListGroupItem-isClickable"
-                            >
-                              <button
-                                className="euiListGroupItem__button"
-                                data-test-subj="collapsibleNavCustomNavLink"
-                                disabled={false}
-                                onClick={[Function]}
-                                type="button"
-                              >
-                                <span
-                                  className="euiListGroupItem__label"
-                                  title="Manage cloud deployment"
-                                >
-                                  Manage cloud deployment
-                                </span>
-                              </button>
-                            </li>
-                          </EuiListGroupItem>
-                        </ul>
-                      </EuiListGroup>
-                    </div>
-                  </div>
-                </EuiCollapsibleNavGroup>
-              </div>
-            </EuiFlexItem>
-            <EuiHorizontalRule
-              margin="none"
-            >
-              <hr
-                className="euiHorizontalRule euiHorizontalRule--full"
-              />
-            </EuiHorizontalRule>
-            <EuiCollapsibleNavGroup
-              background="light"
-              data-test-subj="collapsibleNavGroup-recentlyViewed"
-              initialIsOpen={true}
-              isCollapsible={true}
-              key="recentlyViewed"
-              onToggle={[Function]}
-              title="Recently viewed"
-            >
-              <EuiAccordion
-                arrowDisplay="right"
-                buttonClassName="euiCollapsibleNavGroup__heading"
-                buttonContent={
-                  <EuiFlexGroup
-                    alignItems="center"
-                    gutterSize="m"
-                    responsive={false}
-                  >
-                    <EuiFlexItem>
-                      <EuiTitle
-                        size="xxs"
-                      >
-                        <h3
-                          className="euiCollapsibleNavGroup__title"
-                          id="mockId__title"
-                        >
-                          Recently viewed
-                        </h3>
-                      </EuiTitle>
-                    </EuiFlexItem>
-                  </EuiFlexGroup>
-                }
-                className="euiCollapsibleNavGroup euiCollapsibleNavGroup--light euiCollapsibleNavGroup--withHeading"
-                data-test-subj="collapsibleNavGroup-recentlyViewed"
-                id="mockId"
-                initialIsOpen={true}
-                isLoading={false}
-                isLoadingMessage={false}
-                onToggle={[Function]}
-                paddingSize="none"
-              >
-                <div
-                  className="euiAccordion euiAccordion-isOpen euiCollapsibleNavGroup euiCollapsibleNavGroup--light euiCollapsibleNavGroup--withHeading"
-                  data-test-subj="collapsibleNavGroup-recentlyViewed"
-                  onToggle={[Function]}
-                >
-                  <div
-                    className="euiAccordion__triggerWrapper"
-                  >
-                    <button
-                      aria-controls="mockId"
-                      aria-expanded={true}
-                      className="euiAccordion__button euiAccordion__buttonReverse euiCollapsibleNavGroup__heading"
-                      id="mockId"
-                      onClick={[Function]}
-                      type="button"
-                    >
-                      <span
-                        className="euiAccordion__iconWrapper"
-                      >
-                        <EuiIcon
-                          className="euiAccordion__icon euiAccordion__icon-isOpen"
-                          size="m"
-                          type="arrowRight"
-                        >
-                          <span
-                            className="euiAccordion__icon euiAccordion__icon-isOpen"
-                            data-euiicon-type="arrowRight"
-                            size="m"
-                          />
-                        </EuiIcon>
-                      </span>
-                      <span
-                        className="euiIEFlexWrapFix"
-                      >
-                        <EuiFlexGroup
-                          alignItems="center"
-                          gutterSize="m"
-                          responsive={false}
-                        >
-                          <div
-                            className="euiFlexGroup euiFlexGroup--gutterMedium euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow"
-                          >
-                            <EuiFlexItem>
-                              <div
-                                className="euiFlexItem"
-                              >
-                                <EuiTitle
-                                  size="xxs"
-                                >
-                                  <h3
-                                    className="euiTitle euiTitle--xxsmall euiCollapsibleNavGroup__title"
-                                    id="mockId__title"
-                                  >
-                                    Recently viewed
-                                  </h3>
-                                </EuiTitle>
-                              </div>
-                            </EuiFlexItem>
-                          </div>
-                        </EuiFlexGroup>
-                      </span>
-                    </button>
-                  </div>
-                  <div
-                    aria-labelledby="mockId"
-                    className="euiAccordion__childWrapper"
-                    id="mockId"
-                    role="region"
-                    tabIndex={-1}
-                  >
-                    <EuiResizeObserver
-                      onResize={[Function]}
-                    >
-                      <div>
-                        <div
-                          className=""
-                        >
-                          <div
-                            className="euiCollapsibleNavGroup__children"
-                          >
-                            <EuiListGroup
-                              aria-label="Recently viewed links"
-                              className="osdCollapsibleNav__recentsListGroup"
-                              color="subdued"
-                              gutterSize="none"
-                              listItems={
-                                Array [
-                                  Object {
-                                    "aria-label": "dashboard, type: opensearchDashboards",
-                                    "data-test-subj": "collapsibleNavAppLink--recent",
-                                    "href": "http://localhost/test/",
-                                    "label": "dashboard",
-                                    "onClick": [Function],
-                                    "title": "dashboard, type: opensearchDashboards",
-                                  },
-                                ]
-                              }
-                              maxWidth="none"
-                              size="s"
-                            >
-                              <ul
-                                aria-label="Recently viewed links"
-                                className="euiListGroup osdCollapsibleNav__recentsListGroup"
-                                style={
-                                  Object {
-                                    "maxWidth": "none",
-                                  }
-                                }
-                              >
-                                <EuiListGroupItem
-                                  aria-label="dashboard, type: opensearchDashboards"
-                                  color="subdued"
-                                  data-test-subj="collapsibleNavAppLink--recent"
-                                  href="http://localhost/test/"
-                                  key="title-0"
-                                  label="dashboard"
-                                  onClick={[Function]}
-                                  showToolTip={false}
-                                  size="s"
-                                  title="dashboard, type: opensearchDashboards"
-                                  wrapText={false}
-                                >
-                                  <li
-                                    className="euiListGroupItem euiListGroupItem--small euiListGroupItem--subdued euiListGroupItem-isClickable"
-                                  >
-                                    <a
-                                      aria-label="dashboard, type: opensearchDashboards"
-                                      className="euiListGroupItem__button"
-                                      data-test-subj="collapsibleNavAppLink--recent"
-                                      href="http://localhost/test/"
-                                      onClick={[Function]}
-                                      rel="noreferrer"
-                                      title="dashboard, type: opensearchDashboards"
-                                    >
-                                      <span
-                                        className="euiListGroupItem__label"
-                                        title="dashboard"
-                                      >
-                                        dashboard
-                                      </span>
-                                    </a>
-                                  </li>
-                                </EuiListGroupItem>
-                              </ul>
-                            </EuiListGroup>
-                          </div>
-                        </div>
-                      </div>
-                    </EuiResizeObserver>
-                  </div>
-                </div>
-              </EuiAccordion>
-            </EuiCollapsibleNavGroup>
-            <EuiHorizontalRule
-              margin="none"
-            >
-              <hr
-                className="euiHorizontalRule euiHorizontalRule--full"
-              />
-            </EuiHorizontalRule>
-            <EuiFlexItem
-              className="eui-yScroll"
-            >
-              <div
-                className="euiFlexItem eui-yScroll"
-              >
-                <EuiCollapsibleNavGroup
-                  data-test-subj="collapsibleNavGroup-noCategory"
-                  key="0"
-                >
-                  <div
-                    className="euiCollapsibleNavGroup"
-                    data-test-subj="collapsibleNavGroup-noCategory"
-                    id="mockId"
-                  >
-                    <div
-                      className="euiCollapsibleNavGroup__children"
-                    >
-                      <EuiListGroup
-                        flush={true}
-                      >
-                        <ul
-                          className="euiListGroup euiListGroup-flush euiListGroup--gutterSmall euiListGroup-maxWidthDefault"
-                        >
-                          <EuiListGroupItem
-                            color="text"
-                            data-test-subj="collapsibleNavAppLink"
-                            href=""
-                            isActive={false}
-                            label="opensearchDashboards"
-                            onClick={[Function]}
-                            size="s"
-                          >
-                            <li
-                              className="euiListGroupItem euiListGroupItem--small euiListGroupItem--text euiListGroupItem-isClickable"
-                            >
-                              <button
-                                className="euiListGroupItem__button"
-                                data-test-subj="collapsibleNavAppLink"
-                                disabled={false}
-                                onClick={[Function]}
-                                type="button"
-                              >
-                                <span
-                                  className="euiListGroupItem__label"
-                                  title="opensearchDashboards"
-                                >
-                                  opensearchDashboards
-                                </span>
-                              </button>
-                            </li>
-                          </EuiListGroupItem>
-                        </ul>
-                      </EuiListGroup>
-                    </div>
-                  </div>
-                </EuiCollapsibleNavGroup>
-                <EuiShowFor
-                  sizes={
-                    Array [
-                      "l",
-                      "xl",
-                    ]
-                  }
-                >
-                  <EuiCollapsibleNavGroup>
-                    <div
-                      className="euiCollapsibleNavGroup"
-                      id="mockId"
-                    >
-                      <div
-                        className="euiCollapsibleNavGroup__children"
-                      >
-                        <EuiListGroup
-                          flush={true}
-                        >
-                          <ul
-                            className="euiListGroup euiListGroup-flush euiListGroup--gutterSmall euiListGroup-maxWidthDefault"
-                          >
-                            <EuiListGroupItem
-                              aria-label="Undock primary navigation"
-                              buttonRef={
-                                Object {
-                                  "current": <button
-                                    aria-label="Undock primary navigation"
-                                    class="euiListGroupItem__button"
-                                    data-test-subj="collapsible-nav-lock"
-                                    type="button"
-                                  >
-                                    <span
-                                      class="euiListGroupItem__icon"
-                                      color="inherit"
-                                      data-euiicon-type="lock"
-                                    />
-                                    <span
-                                      class="euiListGroupItem__label"
-                                      title="Undock navigation"
-                                    >
-                                      Undock navigation
-                                    </span>
-                                  </button>,
-                                }
-                              }
-                              color="subdued"
-                              data-test-subj="collapsible-nav-lock"
-                              iconType="lock"
-                              label="Undock navigation"
-                              onClick={[Function]}
-                              size="xs"
-                            >
-                              <li
-                                className="euiListGroupItem euiListGroupItem--xSmall euiListGroupItem--subdued euiListGroupItem-isClickable"
-                              >
-                                <button
-                                  aria-label="Undock primary navigation"
-                                  className="euiListGroupItem__button"
-                                  data-test-subj="collapsible-nav-lock"
-                                  disabled={false}
-                                  onClick={[Function]}
-                                  type="button"
-                                >
-                                  <EuiIcon
-                                    className="euiListGroupItem__icon"
-                                    color="inherit"
-                                    type="lock"
-                                  >
-                                    <span
-                                      className="euiListGroupItem__icon"
-                                      color="inherit"
-                                      data-euiicon-type="lock"
-                                    />
-                                  </EuiIcon>
-                                  <span
-                                    className="euiListGroupItem__label"
-                                    title="Undock navigation"
-                                  >
-                                    Undock navigation
-                                  </span>
-                                </button>
-                              </li>
-                            </EuiListGroupItem>
-                          </ul>
-                        </EuiListGroup>
-                      </div>
-                    </div>
-                  </EuiCollapsibleNavGroup>
-                </EuiShowFor>
-              </div>
-            </EuiFlexItem>
-          </nav>
-        </EuiFlyout>
-      </EuiCollapsibleNav>
-    </CollapsibleNav>
-  </header>
-</Header>
-`;
-
-exports[`Header renders application header without title and breadcrumbs 1`] = `
-<Header
-  appTitle$={
-    BehaviorSubject {
-      "_isScalar": false,
-      "_value": "test",
-      "closed": false,
-      "hasError": false,
-      "isStopped": false,
-      "observers": Array [],
-      "thrownError": null,
-    }
-  }
-  application={
-    Object {
-      "applications$": BehaviorSubject {
-        "_isScalar": false,
-        "_value": Map {},
-        "closed": false,
-        "hasError": false,
-        "isStopped": false,
-        "observers": Array [],
-        "thrownError": null,
-      },
-      "capabilities": Object {
-        "catalogue": Object {},
-        "management": Object {},
-        "navLinks": Object {},
-        "workspaces": Object {},
-      },
-      "currentActionMenu$": BehaviorSubject {
-        "_isScalar": false,
-        "_value": undefined,
-        "closed": false,
-        "hasError": false,
-        "isStopped": false,
-        "observers": Array [
-          Subscriber {
-            "_parentOrParents": null,
-            "_subscriptions": Array [
-              SubjectSubscription {
-                "_parentOrParents": [Circular],
-                "_subscriptions": null,
-                "closed": false,
-                "subject": [Circular],
-                "subscriber": [Circular],
-              },
-            ],
-            "closed": false,
-            "destination": SafeSubscriber {
-              "_complete": undefined,
-              "_context": [Circular],
-              "_error": undefined,
-              "_next": [Function],
-              "_parentOrParents": null,
-              "_parentSubscriber": [Circular],
-              "_subscriptions": null,
-              "closed": false,
-              "destination": Object {
-                "closed": true,
-                "complete": [Function],
-                "error": [Function],
-                "next": [Function],
-              },
-              "isStopped": false,
-              "syncErrorThrowable": false,
-              "syncErrorThrown": false,
-              "syncErrorValue": null,
-            },
-            "isStopped": false,
-            "syncErrorThrowable": true,
-            "syncErrorThrown": false,
-            "syncErrorValue": null,
-          },
-        ],
-        "thrownError": null,
-      },
-      "currentAppId$": Observable {
-        "_isScalar": false,
-        "source": Subject {
-          "_isScalar": false,
-          "closed": false,
-          "hasError": false,
-          "isStopped": false,
-          "observers": Array [
-            Subscriber {
-              "_parentOrParents": null,
-              "_subscriptions": Array [
-                SubjectSubscription {
-                  "_parentOrParents": [Circular],
-                  "_subscriptions": null,
-                  "closed": false,
-                  "subject": [Circular],
-                  "subscriber": [Circular],
-                },
-              ],
-              "closed": false,
-              "destination": SafeSubscriber {
-                "_complete": undefined,
-                "_context": [Circular],
-                "_error": undefined,
-                "_next": [Function],
-                "_parentOrParents": null,
-                "_parentSubscriber": [Circular],
-                "_subscriptions": null,
-                "closed": false,
-                "destination": Object {
-                  "closed": true,
-                  "complete": [Function],
-                  "error": [Function],
-                  "next": [Function],
-                },
-                "isStopped": false,
-                "syncErrorThrowable": false,
-                "syncErrorThrown": false,
-                "syncErrorValue": null,
-              },
-              "isStopped": false,
-              "syncErrorThrowable": true,
-              "syncErrorThrown": false,
-              "syncErrorValue": null,
-            },
-          ],
-          "thrownError": null,
-        },
-      },
-      "currentBadgeControls$": BehaviorSubject {
-        "_isScalar": false,
-        "_value": undefined,
-        "closed": false,
-        "hasError": false,
-        "isStopped": false,
-        "observers": Array [],
-        "thrownError": null,
-      },
-      "currentBottomControls$": BehaviorSubject {
-        "_isScalar": false,
-        "_value": undefined,
-        "closed": false,
-        "hasError": false,
-        "isStopped": false,
-        "observers": Array [],
-        "thrownError": null,
-      },
-      "currentCenterControls$": BehaviorSubject {
-        "_isScalar": false,
-        "_value": undefined,
-        "closed": false,
-        "hasError": false,
-        "isStopped": false,
-        "observers": Array [],
-        "thrownError": null,
-      },
-      "currentDescriptionControls$": BehaviorSubject {
-        "_isScalar": false,
-        "_value": undefined,
-        "closed": false,
-        "hasError": false,
-        "isStopped": false,
-        "observers": Array [],
-        "thrownError": null,
-      },
-      "currentLeftControls$": BehaviorSubject {
-        "_isScalar": false,
-        "_value": undefined,
-        "closed": false,
-        "hasError": false,
-        "isStopped": false,
-        "observers": Array [],
-        "thrownError": null,
-      },
-      "currentRightControls$": BehaviorSubject {
-        "_isScalar": false,
-        "_value": undefined,
-        "closed": false,
-        "hasError": false,
-        "isStopped": false,
-        "observers": Array [
-          Subscriber {
-            "_parentOrParents": null,
-            "_subscriptions": Array [
-              SubjectSubscription {
-                "_parentOrParents": [Circular],
-                "_subscriptions": null,
-                "closed": false,
-                "subject": [Circular],
-                "subscriber": [Circular],
-              },
-            ],
-            "closed": false,
-            "destination": SafeSubscriber {
-              "_complete": undefined,
-              "_context": [Circular],
-              "_error": undefined,
-              "_next": [Function],
-              "_parentOrParents": null,
-              "_parentSubscriber": [Circular],
-              "_subscriptions": null,
-              "closed": false,
-              "destination": Object {
-                "closed": true,
-                "complete": [Function],
-                "error": [Function],
-                "next": [Function],
-              },
-              "isStopped": false,
-              "syncErrorThrowable": false,
-              "syncErrorThrown": false,
-              "syncErrorValue": null,
-            },
-            "isStopped": false,
-            "syncErrorThrowable": true,
-            "syncErrorThrown": false,
-            "syncErrorValue": null,
-          },
-        ],
-        "thrownError": null,
-      },
-      "getComponent": [MockFunction],
-      "getUrlForApp": [MockFunction],
-      "history": Object {
-        "action": "PUSH",
-        "block": [MockFunction],
-        "createHref": [MockFunction],
-        "go": [MockFunction],
-        "goBack": [MockFunction],
-        "goForward": [MockFunction],
-        "length": 1,
-        "listen": [MockFunction],
-        "location": Object {
-          "hash": "",
-          "key": "",
-          "pathname": "/",
-          "search": "",
-          "state": undefined,
-        },
-        "push": [MockFunction],
-        "replace": [MockFunction],
-      },
-      "navigateToApp": [MockFunction],
-      "navigateToUrl": [MockFunction],
-      "registerMountContext": [MockFunction],
-      "setAppBadgeControls": [MockFunction],
-      "setAppBottomControls": [MockFunction],
-      "setAppCenterControls": [MockFunction],
-      "setAppDescriptionControls": [MockFunction],
-      "setAppLeftControls": [MockFunction],
-      "setAppRightControls": [MockFunction],
-    }
-  }
-  badge$={
-    BehaviorSubject {
-      "_isScalar": false,
-      "_value": undefined,
-      "closed": false,
-      "hasError": false,
-      "isStopped": false,
-      "observers": Array [],
-      "thrownError": null,
-    }
-  }
-  basePath={
-    BasePath {
-      "basePath": "/test",
-      "clientBasePath": "",
-      "get": [Function],
-      "getBasePath": [Function],
-      "prepend": [Function],
-      "remove": [Function],
-      "serverBasePath": "/test",
-    }
-  }
-  branding={
-    Object {
-      "useExpandedHeader": false,
-    }
-  }
-  breadcrumbs$={
-    BehaviorSubject {
-      "_isScalar": false,
-      "_value": Array [
-        Object {
-          "text": "test",
-        },
-        Object {
-          "text": "testTitle",
-        },
-      ],
-      "closed": false,
-      "hasError": false,
-      "isStopped": false,
-      "observers": Array [
-        Subscriber {
-          "_parentOrParents": null,
-          "_subscriptions": Array [
-            SubjectSubscription {
-              "_parentOrParents": [Circular],
-              "_subscriptions": null,
-              "closed": false,
-              "subject": [Circular],
-              "subscriber": [Circular],
-            },
-          ],
-          "closed": false,
-          "destination": SafeSubscriber {
-            "_complete": undefined,
-            "_context": [Circular],
-            "_error": undefined,
-            "_next": [Function],
-            "_parentOrParents": null,
-            "_parentSubscriber": [Circular],
-            "_subscriptions": null,
-            "closed": false,
-            "destination": Object {
-              "closed": true,
-              "complete": [Function],
-              "error": [Function],
-              "next": [Function],
-            },
-            "isStopped": false,
-            "syncErrorThrowable": false,
-            "syncErrorThrown": false,
-            "syncErrorValue": null,
-          },
-          "isStopped": false,
-          "syncErrorThrowable": true,
-          "syncErrorThrown": false,
-          "syncErrorValue": null,
-        },
-      ],
-      "thrownError": null,
-    }
-  }
-  breadcrumbsEnricher$={
-    BehaviorSubject {
-      "_isScalar": false,
-      "_value": undefined,
-      "closed": false,
-      "hasError": false,
-      "isStopped": false,
-      "observers": Array [],
-      "thrownError": null,
-    }
-  }
-  currentNavGroup$={
-    BehaviorSubject {
-      "_isScalar": false,
-      "_value": undefined,
-      "closed": false,
-      "hasError": false,
-      "isStopped": false,
-      "observers": Array [],
-      "thrownError": null,
-    }
-  }
-  currentWorkspace$={
-    BehaviorSubject {
-      "_isScalar": false,
-      "_value": null,
-      "closed": false,
-      "hasError": false,
-      "isStopped": false,
-      "observers": Array [
-        Subscriber {
-          "_parentOrParents": null,
-          "_subscriptions": Array [
-            SubjectSubscription {
-              "_parentOrParents": [Circular],
-              "_subscriptions": null,
-              "closed": false,
-              "subject": [Circular],
-              "subscriber": [Circular],
-            },
-          ],
-          "closed": false,
-          "destination": SafeSubscriber {
-            "_complete": undefined,
-            "_context": [Circular],
-            "_error": undefined,
-            "_next": [Function],
-            "_parentOrParents": null,
-            "_parentSubscriber": [Circular],
-            "_subscriptions": null,
-            "closed": false,
-            "destination": Object {
-              "closed": true,
-              "complete": [Function],
-              "error": [Function],
-              "next": [Function],
-            },
-            "isStopped": false,
-            "syncErrorThrowable": false,
-            "syncErrorThrown": false,
-            "syncErrorValue": null,
-          },
-          "isStopped": false,
-          "syncErrorThrowable": true,
-          "syncErrorThrown": false,
-          "syncErrorValue": null,
-        },
-      ],
-      "thrownError": null,
-    }
-  }
-  customNavLink$={
-    BehaviorSubject {
-      "_isScalar": false,
-      "_value": undefined,
-      "closed": false,
-      "hasError": false,
-      "isStopped": false,
-      "observers": Array [
-        Subscriber {
-          "_parentOrParents": null,
-          "_subscriptions": Array [
-            SubjectSubscription {
-              "_parentOrParents": [Circular],
-              "_subscriptions": null,
-              "closed": false,
-              "subject": [Circular],
-              "subscriber": [Circular],
-            },
-          ],
-          "closed": false,
-          "destination": SafeSubscriber {
-            "_complete": undefined,
-            "_context": [Circular],
-            "_error": undefined,
-            "_next": [Function],
-            "_parentOrParents": null,
-            "_parentSubscriber": [Circular],
-            "_subscriptions": null,
-            "closed": false,
-            "destination": Object {
-              "closed": true,
-              "complete": [Function],
-              "error": [Function],
-              "next": [Function],
-            },
-            "isStopped": false,
-            "syncErrorThrowable": false,
-            "syncErrorThrown": false,
-            "syncErrorValue": null,
-          },
-          "isStopped": false,
-          "syncErrorThrowable": true,
-          "syncErrorThrown": false,
-          "syncErrorValue": null,
-        },
-      ],
-      "thrownError": null,
-    }
-  }
-  forceAppSwitcherNavigation$={
-    BehaviorSubject {
-      "_isScalar": false,
-      "_value": false,
-      "closed": false,
-      "hasError": false,
-      "isStopped": false,
-      "observers": Array [],
-      "thrownError": null,
-    }
-  }
-  headerVariant$={
-    BehaviorSubject {
-      "_isScalar": false,
-      "_value": "application",
-      "closed": false,
-      "hasError": false,
-      "isStopped": false,
-      "observers": Array [
-        Subscriber {
-          "_parentOrParents": null,
-          "_subscriptions": Array [
-            SubjectSubscription {
-              "_parentOrParents": [Circular],
-              "_subscriptions": null,
-              "closed": false,
-              "subject": [Circular],
-              "subscriber": [Circular],
-            },
-          ],
-          "closed": false,
-          "destination": SafeSubscriber {
-            "_complete": undefined,
-            "_context": [Circular],
-            "_error": undefined,
-            "_next": [Function],
-            "_parentOrParents": null,
-            "_parentSubscriber": [Circular],
-            "_subscriptions": null,
-            "closed": false,
-            "destination": Object {
-              "closed": true,
-              "complete": [Function],
-              "error": [Function],
-              "next": [Function],
-            },
-            "isStopped": false,
-            "syncErrorThrowable": false,
-            "syncErrorThrown": false,
-            "syncErrorValue": null,
-          },
-          "isStopped": false,
-          "syncErrorThrowable": true,
-          "syncErrorThrown": false,
-          "syncErrorValue": null,
-        },
-      ],
-      "thrownError": null,
-    }
-  }
-  helpExtension$={
-    BehaviorSubject {
-      "_isScalar": false,
-      "_value": undefined,
-      "closed": false,
-      "hasError": false,
-      "isStopped": false,
-      "observers": Array [],
-      "thrownError": null,
-    }
-  }
-  helpSupportUrl$={
-    BehaviorSubject {
-      "_isScalar": false,
-      "_value": "",
-      "closed": false,
-      "hasError": false,
-      "isStopped": false,
-      "observers": Array [],
-      "thrownError": null,
-    }
-  }
-  homeHref="/"
-  http={
-    Object {
-      "addLoadingCountSource": [MockFunction],
-      "anonymousPaths": Object {
-        "isAnonymous": [MockFunction],
-        "register": [MockFunction],
-      },
-      "basePath": BasePath {
-        "basePath": "/test",
-        "clientBasePath": "",
-        "get": [Function],
-        "getBasePath": [Function],
-        "prepend": [Function],
-        "remove": [Function],
-        "serverBasePath": "/test",
-      },
-      "delete": [MockFunction],
-      "fetch": [MockFunction],
-      "get": [MockFunction],
-      "getLoadingCount$": [MockFunction],
-      "head": [MockFunction],
-      "intercept": [MockFunction],
-      "options": [MockFunction],
-      "patch": [MockFunction],
-      "post": [MockFunction],
-      "put": [MockFunction],
-    }
-  }
-  intl={
-    Object {
-      "defaultFormats": Object {},
-      "defaultLocale": "en",
-      "formatDate": [Function],
-      "formatHTMLMessage": [Function],
-      "formatMessage": [Function],
-      "formatNumber": [Function],
-      "formatPlural": [Function],
-      "formatRelative": [Function],
-      "formatTime": [Function],
-      "formats": Object {
-        "date": Object {
-          "full": Object {
-            "day": "numeric",
-            "month": "long",
-            "weekday": "long",
-            "year": "numeric",
-          },
-          "long": Object {
-            "day": "numeric",
-            "month": "long",
-            "year": "numeric",
-          },
-          "medium": Object {
-            "day": "numeric",
-            "month": "short",
-            "year": "numeric",
-          },
-          "short": Object {
-            "day": "numeric",
-            "month": "numeric",
-            "year": "2-digit",
-          },
-        },
-        "number": Object {
-          "currency": Object {
-            "style": "currency",
-          },
-          "percent": Object {
-            "style": "percent",
-          },
-        },
-        "relative": Object {
-          "days": Object {
-            "units": "day",
-          },
-          "hours": Object {
-            "units": "hour",
-          },
-          "minutes": Object {
-            "units": "minute",
-          },
-          "months": Object {
-            "units": "month",
-          },
-          "seconds": Object {
-            "units": "second",
-          },
-          "years": Object {
-            "units": "year",
-          },
-        },
-        "time": Object {
-          "full": Object {
-            "hour": "numeric",
-            "minute": "numeric",
-            "second": "numeric",
-            "timeZoneName": "short",
-          },
-          "long": Object {
-            "hour": "numeric",
-            "minute": "numeric",
-            "second": "numeric",
-            "timeZoneName": "short",
-          },
-          "medium": Object {
-            "hour": "numeric",
-            "minute": "numeric",
-            "second": "numeric",
-          },
-          "short": Object {
-            "hour": "numeric",
-            "minute": "numeric",
-          },
-        },
-      },
-      "formatters": Object {
-        "getDateTimeFormat": [Function],
-        "getMessageFormat": [Function],
-        "getNumberFormat": [Function],
-        "getPluralFormat": [Function],
-        "getRelativeFormat": [Function],
-      },
-      "locale": "en",
-      "messages": Object {},
-      "now": [Function],
-      "onError": [Function],
-      "textComponent": Symbol(react.fragment),
-      "timeZone": null,
-    }
-  }
-  isLocked$={
-    BehaviorSubject {
-      "_isScalar": false,
-      "_value": false,
-      "closed": false,
-      "hasError": false,
-      "isStopped": false,
-      "observers": Array [
-        Subscriber {
-          "_parentOrParents": null,
-          "_subscriptions": Array [
-            SubjectSubscription {
-              "_parentOrParents": [Circular],
-              "_subscriptions": null,
-              "closed": false,
-              "subject": [Circular],
-              "subscriber": [Circular],
-            },
-          ],
-          "closed": false,
-          "destination": SafeSubscriber {
-            "_complete": undefined,
-            "_context": [Circular],
-            "_error": undefined,
-            "_next": [Function],
-            "_parentOrParents": null,
-            "_parentSubscriber": [Circular],
-            "_subscriptions": null,
-            "closed": false,
-            "destination": Object {
-              "closed": true,
-              "complete": [Function],
-              "error": [Function],
-              "next": [Function],
-            },
-            "isStopped": false,
-            "syncErrorThrowable": false,
-            "syncErrorThrown": false,
-            "syncErrorValue": null,
-          },
-          "isStopped": false,
-          "syncErrorThrowable": true,
-          "syncErrorThrown": false,
-          "syncErrorValue": null,
-        },
-      ],
-      "thrownError": null,
-    }
-  }
-  isVisible$={
-    BehaviorSubject {
-      "_isScalar": false,
-      "_value": true,
-      "closed": false,
-      "hasError": false,
-      "isStopped": false,
-      "observers": Array [
-        Subscriber {
-          "_parentOrParents": null,
-          "_subscriptions": Array [
-            SubjectSubscription {
-              "_parentOrParents": [Circular],
-              "_subscriptions": null,
-              "closed": false,
-              "subject": [Circular],
-              "subscriber": [Circular],
-            },
-          ],
-          "closed": false,
-          "destination": SafeSubscriber {
-            "_complete": undefined,
-            "_context": [Circular],
-            "_error": undefined,
-            "_next": [Function],
-            "_parentOrParents": null,
-            "_parentSubscriber": [Circular],
-            "_subscriptions": null,
-            "closed": false,
-            "destination": Object {
-              "closed": true,
-              "complete": [Function],
-              "error": [Function],
-              "next": [Function],
-            },
-            "isStopped": false,
-            "syncErrorThrowable": false,
-            "syncErrorThrown": false,
-            "syncErrorValue": null,
-          },
-          "isStopped": false,
-          "syncErrorThrowable": true,
-          "syncErrorThrown": false,
-          "syncErrorValue": null,
-        },
-      ],
-      "thrownError": null,
-    }
-  }
-  loadingCount$={
-    BehaviorSubject {
-      "_isScalar": false,
-      "_value": 0,
-      "closed": false,
-      "hasError": false,
-      "isStopped": false,
-      "observers": Array [],
-      "thrownError": null,
-    }
-  }
-  logos={
-    Object {
-      "AnimatedMark": Object {
-        "dark": Object {
-          "type": "default",
-          "url": "/ui/logos/opensearch_spinner_on_dark.svg",
-        },
-        "light": Object {
-          "type": "default",
-          "url": "/ui/logos/opensearch_spinner_on_light.svg",
-        },
-        "type": "default",
-        "url": "/ui/logos/opensearch_spinner_on_light.svg",
-      },
-      "Application": Object {
-        "dark": Object {
-          "type": "default",
-          "url": "/ui/logos/opensearch_dashboards_on_dark.svg",
-        },
-        "light": Object {
-          "type": "default",
-          "url": "/ui/logos/opensearch_dashboards_on_light.svg",
-        },
-        "type": "default",
-        "url": "/ui/logos/opensearch_dashboards_on_light.svg",
-      },
-      "CenterMark": Object {
-        "dark": Object {
-          "type": "default",
-          "url": "/ui/logos/opensearch_center_mark_on_dark.svg",
-        },
-        "light": Object {
-          "type": "default",
-          "url": "/ui/logos/opensearch_center_mark_on_light.svg",
-        },
-        "type": "default",
-        "url": "/ui/logos/opensearch_center_mark_on_light.svg",
-      },
-      "Mark": Object {
-        "dark": Object {
-          "type": "default",
-          "url": "/ui/logos/opensearch_mark_on_dark.svg",
-        },
-        "light": Object {
-          "type": "default",
-          "url": "/ui/logos/opensearch_mark_on_light.svg",
-        },
-        "type": "default",
-        "url": "/ui/logos/opensearch_mark_on_light.svg",
-      },
-      "OpenSearch": Object {
-        "dark": Object {
-          "type": "default",
-          "url": "/ui/logos/opensearch_on_dark.svg",
-        },
-        "light": Object {
-          "type": "default",
-          "url": "/ui/logos/opensearch_on_light.svg",
-        },
-        "type": "default",
-        "url": "/ui/logos/opensearch_on_light.svg",
-      },
-      "colorScheme": "light",
-    }
-  }
-  navControlsCenter$={
-    BehaviorSubject {
-      "_isScalar": false,
-      "_value": Array [],
-      "closed": false,
-      "hasError": false,
-      "isStopped": false,
-      "observers": Array [],
-      "thrownError": null,
-    }
-  }
-  navControlsExpandedCenter$={
-    BehaviorSubject {
-      "_isScalar": false,
-      "_value": Array [],
-      "closed": false,
-      "hasError": false,
-      "isStopped": false,
-      "observers": Array [],
-      "thrownError": null,
-    }
-  }
-  navControlsExpandedRight$={
-    BehaviorSubject {
-      "_isScalar": false,
-      "_value": Array [],
-      "closed": false,
-      "hasError": false,
-      "isStopped": false,
-      "observers": Array [
-        Subscriber {
-          "_parentOrParents": null,
-          "_subscriptions": Array [
-            SubjectSubscription {
-              "_parentOrParents": [Circular],
-              "_subscriptions": null,
-              "closed": false,
-              "subject": [Circular],
-              "subscriber": [Circular],
-            },
-          ],
-          "closed": false,
-          "destination": SafeSubscriber {
-            "_complete": undefined,
-            "_context": [Circular],
-            "_error": undefined,
-            "_next": [Function],
-            "_parentOrParents": null,
-            "_parentSubscriber": [Circular],
-            "_subscriptions": null,
-            "closed": false,
-            "destination": Object {
-              "closed": true,
-              "complete": [Function],
-              "error": [Function],
-              "next": [Function],
-            },
-            "isStopped": false,
-            "syncErrorThrowable": false,
-            "syncErrorThrown": false,
-            "syncErrorValue": null,
-          },
-          "isStopped": false,
-          "syncErrorThrowable": true,
-          "syncErrorThrown": false,
-          "syncErrorValue": null,
-        },
-      ],
-      "thrownError": null,
-    }
-  }
-  navControlsLeft$={
-    BehaviorSubject {
-      "_isScalar": false,
-      "_value": Array [],
-      "closed": false,
-      "hasError": false,
-      "isStopped": false,
-      "observers": Array [],
-      "thrownError": null,
-    }
-  }
-  navControlsLeftBottom$={
-    BehaviorSubject {
-      "_isScalar": false,
-      "_value": Array [],
-      "closed": false,
-      "hasError": false,
-      "isStopped": false,
-      "observers": Array [],
-      "thrownError": null,
-    }
-  }
-  navControlsRight$={
-    BehaviorSubject {
-      "_isScalar": false,
-      "_value": Array [],
-      "closed": false,
-      "hasError": false,
-      "isStopped": false,
-      "observers": Array [
-        Subscriber {
-          "_parentOrParents": null,
-          "_subscriptions": Array [
-            SubjectSubscription {
-              "_parentOrParents": [Circular],
-              "_subscriptions": null,
-              "closed": false,
-              "subject": [Circular],
-              "subscriber": [Circular],
-            },
-          ],
-          "closed": false,
-          "destination": SafeSubscriber {
-            "_complete": undefined,
-            "_context": [Circular],
-            "_error": undefined,
-            "_next": [Function],
-            "_parentOrParents": null,
-            "_parentSubscriber": [Circular],
-            "_subscriptions": null,
-            "closed": false,
-            "destination": Object {
-              "closed": true,
-              "complete": [Function],
-              "error": [Function],
-              "next": [Function],
-            },
-            "isStopped": false,
-            "syncErrorThrowable": false,
-            "syncErrorThrown": false,
-            "syncErrorValue": null,
-          },
-          "isStopped": false,
-          "syncErrorThrowable": true,
-          "syncErrorThrown": false,
-          "syncErrorValue": null,
-        },
-      ],
-      "thrownError": null,
-    }
-  }
-  navGroupEnabled={false}
-  navGroupsMap$={
-    BehaviorSubject {
-      "_isScalar": false,
-      "_value": Object {},
-      "closed": false,
-      "hasError": false,
-      "isStopped": false,
-      "observers": Array [],
-      "thrownError": null,
-    }
-  }
-  navLinks$={
-    BehaviorSubject {
-      "_isScalar": false,
-      "_value": Array [],
-      "closed": false,
-      "hasError": false,
-      "isStopped": false,
-      "observers": Array [
-        Subscriber {
-          "_parentOrParents": null,
-          "_subscriptions": Array [
-            SubjectSubscription {
-              "_parentOrParents": [Circular],
-              "_subscriptions": null,
-              "closed": false,
-              "subject": [Circular],
-              "subscriber": [Circular],
-            },
-          ],
-          "closed": false,
-          "destination": SafeSubscriber {
-            "_complete": undefined,
-            "_context": [Circular],
-            "_error": undefined,
-            "_next": [Function],
-            "_parentOrParents": null,
-            "_parentSubscriber": [Circular],
-            "_subscriptions": null,
-            "closed": false,
-            "destination": Object {
-              "closed": true,
-              "complete": [Function],
-              "error": [Function],
-              "next": [Function],
-            },
-            "isStopped": false,
-            "syncErrorThrowable": false,
-            "syncErrorThrown": false,
-            "syncErrorValue": null,
-          },
-          "isStopped": false,
-          "syncErrorThrowable": true,
-          "syncErrorThrown": false,
-          "syncErrorValue": null,
-        },
-        Subscriber {
-          "_parentOrParents": null,
-          "_subscriptions": Array [
-            SubjectSubscription {
-              "_parentOrParents": [Circular],
-              "_subscriptions": null,
-              "closed": false,
-              "subject": [Circular],
-              "subscriber": [Circular],
-            },
-          ],
-          "closed": false,
-          "destination": SafeSubscriber {
-            "_complete": undefined,
-            "_context": [Circular],
-            "_error": undefined,
-            "_next": [Function],
-            "_parentOrParents": null,
-            "_parentSubscriber": [Circular],
-            "_subscriptions": null,
-            "closed": false,
-            "destination": Object {
-              "closed": true,
-              "complete": [Function],
-              "error": [Function],
-              "next": [Function],
-            },
-            "isStopped": false,
-            "syncErrorThrowable": false,
-            "syncErrorThrown": false,
-            "syncErrorValue": null,
-          },
-          "isStopped": false,
-          "syncErrorThrowable": true,
-          "syncErrorThrown": false,
-          "syncErrorValue": null,
-        },
-      ],
-      "thrownError": null,
-    }
-  }
-  onIsLockedUpdate={[Function]}
-  opensearchDashboardsDocLink="/docs"
-  opensearchDashboardsVersion="1.0.0"
-  recentlyAccessed$={
-    BehaviorSubject {
-      "_isScalar": false,
-      "_value": Array [],
-      "closed": false,
-      "hasError": false,
-      "isStopped": false,
-      "observers": Array [
-        Subscriber {
-          "_parentOrParents": null,
-          "_subscriptions": Array [
-            SubjectSubscription {
-              "_parentOrParents": [Circular],
-              "_subscriptions": null,
-              "closed": false,
-              "subject": [Circular],
-              "subscriber": [Circular],
-            },
-          ],
-          "closed": false,
-          "destination": SafeSubscriber {
-            "_complete": undefined,
-            "_context": [Circular],
-            "_error": undefined,
-            "_next": [Function],
-            "_parentOrParents": null,
-            "_parentSubscriber": [Circular],
-            "_subscriptions": null,
-            "closed": false,
-            "destination": Object {
-              "closed": true,
-              "complete": [Function],
-              "error": [Function],
-              "next": [Function],
-            },
-            "isStopped": false,
-            "syncErrorThrowable": false,
-            "syncErrorThrown": false,
-            "syncErrorValue": null,
-          },
-          "isStopped": false,
-          "syncErrorThrowable": true,
-          "syncErrorThrown": false,
-          "syncErrorValue": null,
-        },
-        Subscriber {
-          "_parentOrParents": null,
-          "_subscriptions": Array [
-            SubjectSubscription {
-              "_parentOrParents": [Circular],
-              "_subscriptions": null,
-              "closed": false,
-              "subject": [Circular],
-              "subscriber": [Circular],
-            },
-          ],
-          "closed": false,
-          "destination": SafeSubscriber {
-            "_complete": undefined,
-            "_context": [Circular],
-            "_error": undefined,
-            "_next": [Function],
-            "_parentOrParents": null,
-            "_parentSubscriber": [Circular],
-            "_subscriptions": null,
-            "closed": false,
-            "destination": Object {
-              "closed": true,
-              "complete": [Function],
-              "error": [Function],
-              "next": [Function],
-            },
-            "isStopped": false,
-            "syncErrorThrowable": false,
-            "syncErrorThrown": false,
-            "syncErrorValue": null,
-          },
-          "isStopped": false,
-          "syncErrorThrowable": true,
-          "syncErrorThrown": false,
-          "syncErrorValue": null,
-        },
-      ],
-      "thrownError": null,
-    }
-  }
-  setCurrentNavGroup={[MockFunction]}
-  sidecarConfig$={
-    BehaviorSubject {
-      "_isScalar": false,
-      "_value": Object {
-        "dockedMode": "right",
-        "paddingSize": 640,
-      },
-      "closed": false,
-      "hasError": false,
-      "isStopped": false,
-      "observers": Array [
-        Subscriber {
-          "_parentOrParents": null,
-          "_subscriptions": Array [
-            SubjectSubscription {
-              "_parentOrParents": [Circular],
-              "_subscriptions": null,
-              "closed": false,
-              "subject": [Circular],
-              "subscriber": [Circular],
-            },
-          ],
-          "closed": false,
-          "destination": SafeSubscriber {
-            "_complete": undefined,
-            "_context": [Circular],
-            "_error": undefined,
-            "_next": [Function],
-            "_parentOrParents": null,
-            "_parentSubscriber": [Circular],
-            "_subscriptions": null,
-            "closed": false,
-            "destination": Object {
-              "closed": true,
-              "complete": [Function],
-              "error": [Function],
-              "next": [Function],
-            },
-            "isStopped": false,
-            "syncErrorThrowable": false,
-            "syncErrorThrown": false,
-            "syncErrorValue": null,
-          },
-          "isStopped": false,
-          "syncErrorThrowable": true,
-          "syncErrorThrown": false,
-          "syncErrorValue": null,
-        },
-      ],
-      "thrownError": null,
-    }
-  }
-  survey="/"
-  useUpdatedHeader={true}
-  workspaceList$={
-    BehaviorSubject {
-      "_isScalar": false,
-      "_value": Array [],
-      "closed": false,
-      "hasError": false,
-      "isStopped": false,
-      "observers": Array [
-        Subscriber {
-          "_parentOrParents": null,
-          "_subscriptions": Array [
-            SubjectSubscription {
-              "_parentOrParents": [Circular],
-              "_subscriptions": null,
-              "closed": false,
-              "subject": [Circular],
-              "subscriber": [Circular],
-            },
-          ],
-          "closed": false,
-          "destination": SafeSubscriber {
-            "_complete": undefined,
-            "_context": [Circular],
-            "_error": undefined,
-            "_next": [Function],
-            "_parentOrParents": null,
-            "_parentSubscriber": [Circular],
-            "_subscriptions": null,
-            "closed": false,
-            "destination": Object {
-              "closed": true,
-              "complete": [Function],
-              "error": [Function],
-              "next": [Function],
-            },
-            "isStopped": false,
-            "syncErrorThrowable": false,
-            "syncErrorThrown": false,
-            "syncErrorValue": null,
-          },
-          "isStopped": false,
-          "syncErrorThrowable": true,
-          "syncErrorThrown": false,
-          "syncErrorValue": null,
-        },
-      ],
-      "thrownError": null,
-    }
-  }
->
-  <header
-    className="hide-for-sharing headerGlobalNav"
-    data-test-subj="headerGlobalNav"
-  >
-    <div
-      id="globalHeaderBars"
-    >
-      <div>
-        <EuiHeader
-          className="primaryApplicationHeader newTopNavHeader"
-          style={
-            Object {
-              "paddingRight": 640,
-            }
-          }
-        >
-          <div
-            className="euiHeader euiHeader--default euiHeader--static primaryApplicationHeader newTopNavHeader"
-            style={
-              Object {
-                "paddingRight": 640,
-              }
-            }
-          >
-            <EuiHeaderSectionItemButton
-              aria-controls="mockId"
-              aria-expanded={false}
-              aria-label="Toggle primary navigation"
-              aria-pressed={false}
-              className="newAppTopNavExpander navToggleInLargeScreen eui-hideFor--xs eui-hideFor--s eui-hideFor--m"
-              data-test-subj="toggleNavButton"
-              onClick={[Function]}
-            >
-              <EuiButtonEmpty
-                aria-controls="mockId"
-                aria-expanded={false}
-                aria-label="Toggle primary navigation"
-                aria-pressed={false}
-                buttonRef={
-                  Object {
-                    "current": <button
-                      aria-controls="mockId"
-                      aria-expanded="false"
-                      aria-label="Toggle primary navigation"
-                      aria-pressed="false"
-                      class="euiButtonEmpty euiButtonEmpty--text euiHeaderSectionItemButton newAppTopNavExpander navToggleInLargeScreen eui-hideFor--xs eui-hideFor--s eui-hideFor--m"
-                      data-test-subj="toggleNavButton"
-                      type="button"
-                    >
-                      <span
-                        class="euiButtonContent euiButtonEmpty__content"
-                      >
-                        <span
-                          class="euiButtonEmpty__text"
-                        >
-                          <span
-                            class="euiHeaderSectionItemButton__content"
-                          >
-                            <span
-                              data-euiicon-type="menu"
-                              title="Menu"
-                            />
-                          </span>
-                        </span>
-                      </span>
-                    </button>,
-                  }
-                }
-                className="euiHeaderSectionItemButton newAppTopNavExpander navToggleInLargeScreen eui-hideFor--xs eui-hideFor--s eui-hideFor--m"
-                color="text"
-                data-test-subj="toggleNavButton"
-                onClick={[Function]}
-              >
-                <button
-                  aria-controls="mockId"
-                  aria-expanded={false}
-                  aria-label="Toggle primary navigation"
-                  aria-pressed={false}
-                  className="euiButtonEmpty euiButtonEmpty--text euiHeaderSectionItemButton newAppTopNavExpander navToggleInLargeScreen eui-hideFor--xs eui-hideFor--s eui-hideFor--m"
-                  data-test-subj="toggleNavButton"
-                  disabled={false}
-                  onClick={[Function]}
-                  type="button"
-                >
-                  <EuiButtonContent
-                    className="euiButtonEmpty__content"
-                    iconGap="m"
-                    iconSide="left"
-                    iconSize="m"
-                    textProps={
-                      Object {
-                        "className": "euiButtonEmpty__text",
-                      }
-                    }
-                  >
-                    <span
-                      className="euiButtonContent euiButtonEmpty__content"
-                    >
-                      <span
-                        className="euiButtonEmpty__text"
-                      >
-                        <span
-                          className="euiHeaderSectionItemButton__content"
-                        >
-                          <EuiIcon
-                            size="m"
-                            title="Menu"
-                            type="menu"
-                          >
-                            <span
-                              data-euiicon-type="menu"
-                              size="m"
-                              title="Menu"
-                            />
-                          </EuiIcon>
-                        </span>
-                      </span>
-                    </span>
-                  </EuiButtonContent>
-                </button>
-              </EuiButtonEmpty>
-            </EuiHeaderSectionItemButton>
-            <EuiHeaderSectionItemButton
-              aria-controls="mockId"
-              aria-expanded={false}
-              aria-label="Toggle primary navigation"
-              aria-pressed={false}
-              className="newAppTopNavExpander navToggleInSmallScreen eui-hideFor--xl eui-hideFor--l"
-              data-test-subj="toggleNavButton"
-              flush="both"
-              isSmallScreen={true}
-              onClick={[Function]}
-            >
-              <EuiButtonEmpty
-                aria-controls="mockId"
-                aria-expanded={false}
-                aria-label="Toggle primary navigation"
-                aria-pressed={false}
-                buttonRef={
-                  Object {
-                    "current": <button
-                      aria-controls="mockId"
-                      aria-expanded="false"
-                      aria-label="Toggle primary navigation"
-                      aria-pressed="false"
-                      class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--flushBoth euiHeaderSectionItemButton newAppTopNavExpander navToggleInSmallScreen eui-hideFor--xl eui-hideFor--l"
-                      data-test-subj="toggleNavButton"
-                      type="button"
-                    >
-                      <span
-                        class="euiButtonContent euiButtonEmpty__content"
-                      >
-                        <span
-                          class="euiButtonEmpty__text"
-                        >
-                          <span
-                            class="euiHeaderSectionItemButton__content"
-                          >
-                            <button
-                              class="euiButtonIcon euiButtonIcon--subdued euiButtonIcon--xSmall"
-                              title="Menu"
-                              type="button"
-                            >
-                              <span
-                                aria-hidden="true"
-                                class="euiButtonIcon__icon"
-                                color="inherit"
-                                data-euiicon-type="menu"
-                              />
-                            </button>
-                          </span>
-                        </span>
-                      </span>
-                    </button>,
-                  }
-                }
-                className="euiHeaderSectionItemButton newAppTopNavExpander navToggleInSmallScreen eui-hideFor--xl eui-hideFor--l"
-                color="text"
-                data-test-subj="toggleNavButton"
-                flush="both"
-                isSmallScreen={true}
-                onClick={[Function]}
-              >
-                <button
-                  aria-controls="mockId"
-                  aria-expanded={false}
-                  aria-label="Toggle primary navigation"
-                  aria-pressed={false}
-                  className="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--flushBoth euiHeaderSectionItemButton newAppTopNavExpander navToggleInSmallScreen eui-hideFor--xl eui-hideFor--l"
-                  data-test-subj="toggleNavButton"
-                  disabled={false}
-                  isSmallScreen={true}
-                  onClick={[Function]}
-                  type="button"
-                >
-                  <EuiButtonContent
-                    className="euiButtonEmpty__content"
-                    iconGap="m"
-                    iconSide="left"
-                    iconSize="m"
-                    textProps={
-                      Object {
-                        "className": "euiButtonEmpty__text",
-                      }
-                    }
-                  >
-                    <span
-                      className="euiButtonContent euiButtonEmpty__content"
-                    >
-                      <span
-                        className="euiButtonEmpty__text"
-                      >
-                        <span
-                          className="euiHeaderSectionItemButton__content"
-                        >
-                          <EuiButtonIcon
-                            color="subdued"
-                            display="base"
-                            iconSize="s"
-                            iconType="menu"
-                            size="xs"
-                            title="Menu"
-                          >
-                            <button
-                              className="euiButtonIcon euiButtonIcon--subdued euiButtonIcon--xSmall"
-                              disabled={false}
-                              title="Menu"
-                              type="button"
-                            >
-                              <EuiIcon
-                                aria-hidden="true"
-                                className="euiButtonIcon__icon"
-                                color="inherit"
-                                size="s"
-                                type="menu"
-                              >
-                                <span
-                                  aria-hidden="true"
-                                  className="euiButtonIcon__icon"
-                                  color="inherit"
-                                  data-euiicon-type="menu"
-                                  size="s"
-                                />
-                              </EuiIcon>
-                            </button>
-                          </EuiButtonIcon>
-                        </span>
-                      </span>
-                    </span>
-                  </EuiButtonContent>
-                </button>
-              </EuiButtonEmpty>
-            </EuiHeaderSectionItemButton>
-            <EuiHeaderSection
-              grow={true}
-              side="left"
-            >
-              <div
-                className="euiHeaderSection euiHeaderSection--grow euiHeaderSection--left"
-              >
-                <EuiHeaderSectionItem
-                  border="none"
-                >
-                  <div
-                    className="euiHeaderSectionItem"
-                  >
-                    <RecentItems
-                      basePath={
-                        BasePath {
-                          "basePath": "/test",
-                          "clientBasePath": "",
-                          "get": [Function],
-                          "getBasePath": [Function],
-                          "prepend": [Function],
-                          "remove": [Function],
-                          "serverBasePath": "/test",
-                        }
-                      }
-                      buttonSize="s"
-                      http={
-                        Object {
-                          "addLoadingCountSource": [MockFunction],
-                          "anonymousPaths": Object {
-                            "isAnonymous": [MockFunction],
-                            "register": [MockFunction],
-                          },
-                          "basePath": BasePath {
-                            "basePath": "/test",
-                            "clientBasePath": "",
-                            "get": [Function],
-                            "getBasePath": [Function],
-                            "prepend": [Function],
-                            "remove": [Function],
-                            "serverBasePath": "/test",
-                          },
-                          "delete": [MockFunction],
-                          "fetch": [MockFunction],
-                          "get": [MockFunction],
-                          "getLoadingCount$": [MockFunction],
-                          "head": [MockFunction],
-                          "intercept": [MockFunction],
-                          "options": [MockFunction],
-                          "patch": [MockFunction],
-                          "post": [MockFunction],
-                          "put": [MockFunction],
-                        }
-                      }
-                      navLinks$={
-                        BehaviorSubject {
-                          "_isScalar": false,
-                          "_value": Array [],
-                          "closed": false,
-                          "hasError": false,
-                          "isStopped": false,
-                          "observers": Array [
-                            Subscriber {
-                              "_parentOrParents": null,
-                              "_subscriptions": Array [
-                                SubjectSubscription {
-                                  "_parentOrParents": [Circular],
-                                  "_subscriptions": null,
-                                  "closed": false,
-                                  "subject": [Circular],
-                                  "subscriber": [Circular],
-                                },
-                              ],
-                              "closed": false,
-                              "destination": SafeSubscriber {
-                                "_complete": undefined,
-                                "_context": [Circular],
-                                "_error": undefined,
-                                "_next": [Function],
-                                "_parentOrParents": null,
-                                "_parentSubscriber": [Circular],
-                                "_subscriptions": null,
-                                "closed": false,
-                                "destination": Object {
-                                  "closed": true,
-                                  "complete": [Function],
-                                  "error": [Function],
-                                  "next": [Function],
-                                },
-                                "isStopped": false,
-                                "syncErrorThrowable": false,
-                                "syncErrorThrown": false,
-                                "syncErrorValue": null,
-                              },
-                              "isStopped": false,
-                              "syncErrorThrowable": true,
-                              "syncErrorThrown": false,
-                              "syncErrorValue": null,
-                            },
-                            Subscriber {
-                              "_parentOrParents": null,
-                              "_subscriptions": Array [
-                                SubjectSubscription {
-                                  "_parentOrParents": [Circular],
-                                  "_subscriptions": null,
-                                  "closed": false,
-                                  "subject": [Circular],
-                                  "subscriber": [Circular],
-                                },
-                              ],
-                              "closed": false,
-                              "destination": SafeSubscriber {
-                                "_complete": undefined,
-                                "_context": [Circular],
-                                "_error": undefined,
-                                "_next": [Function],
-                                "_parentOrParents": null,
-                                "_parentSubscriber": [Circular],
-                                "_subscriptions": null,
-                                "closed": false,
-                                "destination": Object {
-                                  "closed": true,
-                                  "complete": [Function],
-                                  "error": [Function],
-                                  "next": [Function],
-                                },
-                                "isStopped": false,
-                                "syncErrorThrowable": false,
-                                "syncErrorThrown": false,
-                                "syncErrorValue": null,
-                              },
-                              "isStopped": false,
-                              "syncErrorThrowable": true,
-                              "syncErrorThrown": false,
-                              "syncErrorValue": null,
-                            },
-                          ],
-                          "thrownError": null,
-                        }
-                      }
-                      navigateToUrl={[MockFunction]}
-                      recentlyAccessed$={
-                        BehaviorSubject {
-                          "_isScalar": false,
-                          "_value": Array [],
-                          "closed": false,
-                          "hasError": false,
-                          "isStopped": false,
-                          "observers": Array [
-                            Subscriber {
-                              "_parentOrParents": null,
-                              "_subscriptions": Array [
-                                SubjectSubscription {
-                                  "_parentOrParents": [Circular],
-                                  "_subscriptions": null,
-                                  "closed": false,
-                                  "subject": [Circular],
-                                  "subscriber": [Circular],
-                                },
-                              ],
-                              "closed": false,
-                              "destination": SafeSubscriber {
-                                "_complete": undefined,
-                                "_context": [Circular],
-                                "_error": undefined,
-                                "_next": [Function],
-                                "_parentOrParents": null,
-                                "_parentSubscriber": [Circular],
-                                "_subscriptions": null,
-                                "closed": false,
-                                "destination": Object {
-                                  "closed": true,
-                                  "complete": [Function],
-                                  "error": [Function],
-                                  "next": [Function],
-                                },
-                                "isStopped": false,
-                                "syncErrorThrowable": false,
-                                "syncErrorThrown": false,
-                                "syncErrorValue": null,
-                              },
-                              "isStopped": false,
-                              "syncErrorThrowable": true,
-                              "syncErrorThrown": false,
-                              "syncErrorValue": null,
-                            },
-                            Subscriber {
-                              "_parentOrParents": null,
-                              "_subscriptions": Array [
-                                SubjectSubscription {
-                                  "_parentOrParents": [Circular],
-                                  "_subscriptions": null,
-                                  "closed": false,
-                                  "subject": [Circular],
-                                  "subscriber": [Circular],
-                                },
-                              ],
-                              "closed": false,
-                              "destination": SafeSubscriber {
-                                "_complete": undefined,
-                                "_context": [Circular],
-                                "_error": undefined,
-                                "_next": [Function],
-                                "_parentOrParents": null,
-                                "_parentSubscriber": [Circular],
-                                "_subscriptions": null,
-                                "closed": false,
-                                "destination": Object {
-                                  "closed": true,
-                                  "complete": [Function],
-                                  "error": [Function],
-                                  "next": [Function],
-                                },
-                                "isStopped": false,
-                                "syncErrorThrowable": false,
-                                "syncErrorThrown": false,
-                                "syncErrorValue": null,
-                              },
-                              "isStopped": false,
-                              "syncErrorThrowable": true,
-                              "syncErrorThrown": false,
-                              "syncErrorValue": null,
-                            },
-                          ],
-                          "thrownError": null,
-                        }
-                      }
-                      renderBreadcrumbs={
-                        <HeaderBreadcrumbs
-                          appTitle$={
-                            BehaviorSubject {
-                              "_isScalar": false,
-                              "_value": "test",
-                              "closed": false,
-                              "hasError": false,
-                              "isStopped": false,
-                              "observers": Array [],
-                              "thrownError": null,
-                            }
-                          }
-                          breadcrumbs$={
-                            BehaviorSubject {
-                              "_isScalar": false,
-                              "_value": Array [
-                                Object {
-                                  "text": "test",
-                                },
-                                Object {
-                                  "text": "testTitle",
-                                },
-                              ],
-                              "closed": false,
-                              "hasError": false,
-                              "isStopped": false,
-                              "observers": Array [
-                                Subscriber {
-                                  "_parentOrParents": null,
-                                  "_subscriptions": Array [
-                                    SubjectSubscription {
-                                      "_parentOrParents": [Circular],
-                                      "_subscriptions": null,
-                                      "closed": false,
-                                      "subject": [Circular],
-                                      "subscriber": [Circular],
-                                    },
-                                  ],
-                                  "closed": false,
-                                  "destination": SafeSubscriber {
-                                    "_complete": undefined,
-                                    "_context": [Circular],
-                                    "_error": undefined,
-                                    "_next": [Function],
-                                    "_parentOrParents": null,
-                                    "_parentSubscriber": [Circular],
-                                    "_subscriptions": null,
-                                    "closed": false,
-                                    "destination": Object {
-                                      "closed": true,
-                                      "complete": [Function],
-                                      "error": [Function],
-                                      "next": [Function],
-                                    },
-                                    "isStopped": false,
-                                    "syncErrorThrowable": false,
-                                    "syncErrorThrown": false,
-                                    "syncErrorValue": null,
-                                  },
-                                  "isStopped": false,
-                                  "syncErrorThrowable": true,
-                                  "syncErrorThrown": false,
-                                  "syncErrorValue": null,
-                                },
-                              ],
-                              "thrownError": null,
-                            }
-                          }
-                          breadcrumbsEnricher$={
-                            BehaviorSubject {
-                              "_isScalar": false,
-                              "_value": undefined,
-                              "closed": false,
-                              "hasError": false,
-                              "isStopped": false,
-                              "observers": Array [],
-                              "thrownError": null,
-                            }
-                          }
-                          dropHomeFromBreadcrumb={false}
-                          renderFullLength={true}
-                          useUpdatedHeader={true}
-                        />
-                      }
-                      workspaceList$={
-                        BehaviorSubject {
-                          "_isScalar": false,
-                          "_value": Array [],
-                          "closed": false,
-                          "hasError": false,
-                          "isStopped": false,
-                          "observers": Array [
-                            Subscriber {
-                              "_parentOrParents": null,
-                              "_subscriptions": Array [
-                                SubjectSubscription {
-                                  "_parentOrParents": [Circular],
-                                  "_subscriptions": null,
-                                  "closed": false,
-                                  "subject": [Circular],
-                                  "subscriber": [Circular],
-                                },
-                              ],
-                              "closed": false,
-                              "destination": SafeSubscriber {
-                                "_complete": undefined,
-                                "_context": [Circular],
-                                "_error": undefined,
-                                "_next": [Function],
-                                "_parentOrParents": null,
-                                "_parentSubscriber": [Circular],
-                                "_subscriptions": null,
-                                "closed": false,
-                                "destination": Object {
-                                  "closed": true,
-                                  "complete": [Function],
-                                  "error": [Function],
-                                  "next": [Function],
-                                },
-                                "isStopped": false,
-                                "syncErrorThrowable": false,
-                                "syncErrorThrown": false,
-                                "syncErrorValue": null,
-                              },
-                              "isStopped": false,
-                              "syncErrorThrowable": true,
-                              "syncErrorThrown": false,
-                              "syncErrorValue": null,
-                            },
-                          ],
-                          "thrownError": null,
-                        }
-                      }
-                    >
-                      <EuiPopover
-                        anchorPosition="downCenter"
-                        button={
-                          <EuiToolTip
-                            content="Recent"
-                            delay="long"
-                            position="bottom"
-                          >
-                            <EuiButtonIcon
-                              aria-expanded={false}
-                              aria-haspopup="true"
-                              aria-label="View recents"
-                              className="headerRecentItemsButton"
-                              color="text"
-                              data-test-subj="recentItemsSectionButton"
-                              iconType="recent"
-                              onClick={[Function]}
-                              size="xs"
-                            />
-                          </EuiToolTip>
-                        }
-                        closePopover={[Function]}
-                        display="inlineBlock"
-                        hasArrow={true}
-                        initialFocus={false}
-                        isOpen={false}
-                        ownFocus={true}
-                        panelPaddingSize="m"
-                        repositionOnScroll={true}
-                      >
-                        <div
-                          className="euiPopover euiPopover--anchorDownCenter"
-                        >
-                          <div
-                            className="euiPopover__anchor"
-                          >
-                            <EuiToolTip
-                              content="Recent"
-                              delay="long"
-                              position="bottom"
-                            >
-                              <span
-                                className="euiToolTipAnchor"
-                                onKeyUp={[Function]}
-                                onMouseOut={[Function]}
-                                onMouseOver={[Function]}
-                              >
-                                <EuiButtonIcon
-                                  aria-expanded={false}
-                                  aria-haspopup="true"
-                                  aria-label="View recents"
-                                  className="headerRecentItemsButton"
-                                  color="text"
-                                  data-test-subj="recentItemsSectionButton"
-                                  iconType="recent"
-                                  onBlur={[Function]}
-                                  onClick={[Function]}
-                                  onFocus={[Function]}
-                                  size="xs"
-                                >
-                                  <button
-                                    aria-expanded={false}
-                                    aria-haspopup="true"
-                                    aria-label="View recents"
-                                    className="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall headerRecentItemsButton"
-                                    data-test-subj="recentItemsSectionButton"
-                                    disabled={false}
-                                    onBlur={[Function]}
-                                    onClick={[Function]}
-                                    onFocus={[Function]}
-                                    type="button"
-                                  >
-                                    <EuiIcon
-                                      aria-hidden="true"
-                                      className="euiButtonIcon__icon"
-                                      color="inherit"
-                                      size="m"
-                                      type="recent"
-                                    >
-                                      <span
-                                        aria-hidden="true"
-                                        className="euiButtonIcon__icon"
-                                        color="inherit"
-                                        data-euiicon-type="recent"
-                                        size="m"
-                                      />
-                                    </EuiIcon>
-                                  </button>
-                                </EuiButtonIcon>
-                              </span>
-                            </EuiToolTip>
-                          </div>
-                        </div>
-                      </EuiPopover>
-                    </RecentItems>
-                  </div>
-                </EuiHeaderSectionItem>
-                <EuiHeaderSectionItem
-                  border="none"
-                  className="headerAppActionMenuSection"
-                >
-                  <div
-                    className="euiHeaderSectionItem headerAppActionMenuSection"
-                  >
-                    <HeaderActionMenu
-                      actionMenu$={
-                        BehaviorSubject {
-                          "_isScalar": false,
-                          "_value": undefined,
-                          "closed": false,
-                          "hasError": false,
-                          "isStopped": false,
-                          "observers": Array [
-                            Subscriber {
-                              "_parentOrParents": null,
-                              "_subscriptions": Array [
-                                SubjectSubscription {
-                                  "_parentOrParents": [Circular],
-                                  "_subscriptions": null,
-                                  "closed": false,
-                                  "subject": [Circular],
-                                  "subscriber": [Circular],
-                                },
-                              ],
-                              "closed": false,
-                              "destination": SafeSubscriber {
-                                "_complete": undefined,
-                                "_context": [Circular],
-                                "_error": undefined,
-                                "_next": [Function],
-                                "_parentOrParents": null,
-                                "_parentSubscriber": [Circular],
-                                "_subscriptions": null,
-                                "closed": false,
-                                "destination": Object {
-                                  "closed": true,
-                                  "complete": [Function],
-                                  "error": [Function],
-                                  "next": [Function],
-                                },
-                                "isStopped": false,
-                                "syncErrorThrowable": false,
-                                "syncErrorThrown": false,
-                                "syncErrorValue": null,
-                              },
-                              "isStopped": false,
-                              "syncErrorThrowable": true,
-                              "syncErrorThrown": false,
-                              "syncErrorValue": null,
-                            },
-                          ],
-                          "thrownError": null,
-                        }
-                      }
-                    >
-                      <div
-                        className="headerAppActionMenu"
-                        data-test-subj="headerAppActionMenu"
-                      />
-                    </HeaderActionMenu>
-                  </div>
-                </EuiHeaderSectionItem>
-              </div>
-            </EuiHeaderSection>
-            <EuiHeaderSection
-              side="right"
-            >
-              <div
-                className="euiHeaderSection euiHeaderSection--dontGrow euiHeaderSection--right"
-              >
-                <EuiHeaderSectionItem
-                  border="none"
-                >
-                  <div
-                    className="euiHeaderSectionItem"
-                  >
-                    <HeaderNavControls
-                      navControls$={
-                        BehaviorSubject {
-                          "_isScalar": false,
-                          "_value": Array [],
-                          "closed": false,
-                          "hasError": false,
-                          "isStopped": false,
-                          "observers": Array [
-                            Subscriber {
-                              "_parentOrParents": null,
-                              "_subscriptions": Array [
-                                SubjectSubscription {
-                                  "_parentOrParents": [Circular],
-                                  "_subscriptions": null,
-                                  "closed": false,
-                                  "subject": [Circular],
-                                  "subscriber": [Circular],
-                                },
-                              ],
-                              "closed": false,
-                              "destination": SafeSubscriber {
-                                "_complete": undefined,
-                                "_context": [Circular],
-                                "_error": undefined,
-                                "_next": [Function],
-                                "_parentOrParents": null,
-                                "_parentSubscriber": [Circular],
-                                "_subscriptions": null,
-                                "closed": false,
-                                "destination": Object {
-                                  "closed": true,
-                                  "complete": [Function],
-                                  "error": [Function],
-                                  "next": [Function],
-                                },
-                                "isStopped": false,
-                                "syncErrorThrowable": false,
-                                "syncErrorThrown": false,
-                                "syncErrorValue": null,
-                              },
-                              "isStopped": false,
-                              "syncErrorThrowable": true,
-                              "syncErrorThrown": false,
-                              "syncErrorValue": null,
-                            },
-                          ],
-                          "thrownError": null,
-                        }
-                      }
-                    />
-                  </div>
-                </EuiHeaderSectionItem>
-                <EuiHeaderSectionItem
-                  border="none"
-                >
-                  <div
-                    className="euiHeaderSectionItem"
-                  >
-                    <HeaderControlsContainer
-                      controls$={
-                        BehaviorSubject {
-                          "_isScalar": false,
-                          "_value": undefined,
-                          "closed": false,
-                          "hasError": false,
-                          "isStopped": false,
-                          "observers": Array [
-                            Subscriber {
-                              "_parentOrParents": null,
-                              "_subscriptions": Array [
-                                SubjectSubscription {
-                                  "_parentOrParents": [Circular],
-                                  "_subscriptions": null,
-                                  "closed": false,
-                                  "subject": [Circular],
-                                  "subscriber": [Circular],
-                                },
-                              ],
-                              "closed": false,
-                              "destination": SafeSubscriber {
-                                "_complete": undefined,
-                                "_context": [Circular],
-                                "_error": undefined,
-                                "_next": [Function],
-                                "_parentOrParents": null,
-                                "_parentSubscriber": [Circular],
-                                "_subscriptions": null,
-                                "closed": false,
-                                "destination": Object {
-                                  "closed": true,
-                                  "complete": [Function],
-                                  "error": [Function],
-                                  "next": [Function],
-                                },
-                                "isStopped": false,
-                                "syncErrorThrowable": false,
-                                "syncErrorThrown": false,
-                                "syncErrorValue": null,
-                              },
-                              "isStopped": false,
-                              "syncErrorThrowable": true,
-                              "syncErrorThrown": false,
-                              "syncErrorValue": null,
-                            },
-                          ],
-                          "thrownError": null,
-                        }
-                      }
-                      data-test-subj="headerRightControl"
-                    >
-                      <div
-                        className="euiHeaderSection euiHeaderSection--dontGrow headerControl"
-                        data-test-subj="headerRightControl"
-                      />
-                    </HeaderControlsContainer>
-                  </div>
-                </EuiHeaderSectionItem>
-                <EuiHeaderSectionItem
-                  border="none"
-                >
-                  <div
-                    className="euiHeaderSectionItem"
-                  >
-                    <HeaderNavControls
-                      navControls$={
-                        BehaviorSubject {
-                          "_isScalar": false,
-                          "_value": Array [],
-                          "closed": false,
-                          "hasError": false,
-                          "isStopped": false,
-                          "observers": Array [
-                            Subscriber {
-                              "_parentOrParents": null,
-                              "_subscriptions": Array [
-                                SubjectSubscription {
-                                  "_parentOrParents": [Circular],
-                                  "_subscriptions": null,
-                                  "closed": false,
-                                  "subject": [Circular],
-                                  "subscriber": [Circular],
-                                },
-                              ],
-                              "closed": false,
-                              "destination": SafeSubscriber {
-                                "_complete": undefined,
-                                "_context": [Circular],
-                                "_error": undefined,
-                                "_next": [Function],
-                                "_parentOrParents": null,
-                                "_parentSubscriber": [Circular],
-                                "_subscriptions": null,
-                                "closed": false,
-                                "destination": Object {
-                                  "closed": true,
-                                  "complete": [Function],
-                                  "error": [Function],
-                                  "next": [Function],
-                                },
-                                "isStopped": false,
-                                "syncErrorThrowable": false,
-                                "syncErrorThrown": false,
-                                "syncErrorValue": null,
-                              },
-                              "isStopped": false,
-                              "syncErrorThrowable": true,
-                              "syncErrorThrown": false,
-                              "syncErrorValue": null,
-                            },
-                          ],
-                          "thrownError": null,
-                        }
-                      }
-                      side="right"
-                    />
-                  </div>
-                </EuiHeaderSectionItem>
-              </div>
-            </EuiHeaderSection>
-          </div>
-        </EuiHeader>
-        <div
-          id="applicationHeaderFilterBar"
-        />
-      </div>
-    </div>
-    <CollapsibleNav
-      appId$={
-        Observable {
-          "_isScalar": false,
-          "source": Subject {
-            "_isScalar": false,
-            "closed": false,
-            "hasError": false,
-            "isStopped": false,
-            "observers": Array [
-              Subscriber {
-                "_parentOrParents": null,
-                "_subscriptions": Array [
-                  SubjectSubscription {
-                    "_parentOrParents": [Circular],
-                    "_subscriptions": null,
-                    "closed": false,
-                    "subject": [Circular],
-                    "subscriber": [Circular],
-                  },
-                ],
-                "closed": false,
-                "destination": SafeSubscriber {
-                  "_complete": undefined,
-                  "_context": [Circular],
-                  "_error": undefined,
-                  "_next": [Function],
-                  "_parentOrParents": null,
-                  "_parentSubscriber": [Circular],
-                  "_subscriptions": null,
-                  "closed": false,
-                  "destination": Object {
-                    "closed": true,
-                    "complete": [Function],
-                    "error": [Function],
-                    "next": [Function],
-                  },
-                  "isStopped": false,
-                  "syncErrorThrowable": false,
-                  "syncErrorThrown": false,
-                  "syncErrorValue": null,
-                },
-                "isStopped": false,
-                "syncErrorThrowable": true,
-                "syncErrorThrown": false,
-                "syncErrorValue": null,
-              },
-            ],
-            "thrownError": null,
-          },
-        }
-      }
-      basePath={
-        BasePath {
-          "basePath": "/test",
-          "clientBasePath": "",
-          "get": [Function],
-          "getBasePath": [Function],
-          "prepend": [Function],
-          "remove": [Function],
-          "serverBasePath": "/test",
-        }
-      }
-      closeNav={[Function]}
-      customNavLink$={
-        BehaviorSubject {
-          "_isScalar": false,
-          "_value": undefined,
-          "closed": false,
-          "hasError": false,
-          "isStopped": false,
-          "observers": Array [
-            Subscriber {
-              "_parentOrParents": null,
-              "_subscriptions": Array [
-                SubjectSubscription {
-                  "_parentOrParents": [Circular],
-                  "_subscriptions": null,
-                  "closed": false,
-                  "subject": [Circular],
-                  "subscriber": [Circular],
-                },
-              ],
-              "closed": false,
-              "destination": SafeSubscriber {
-                "_complete": undefined,
-                "_context": [Circular],
-                "_error": undefined,
-                "_next": [Function],
-                "_parentOrParents": null,
-                "_parentSubscriber": [Circular],
-                "_subscriptions": null,
-                "closed": false,
-                "destination": Object {
-                  "closed": true,
-                  "complete": [Function],
-                  "error": [Function],
-                  "next": [Function],
-                },
-                "isStopped": false,
-                "syncErrorThrowable": false,
-                "syncErrorThrown": false,
-                "syncErrorValue": null,
-              },
-              "isStopped": false,
-              "syncErrorThrowable": true,
-              "syncErrorThrown": false,
-              "syncErrorValue": null,
-            },
-          ],
-          "thrownError": null,
-        }
-      }
-      homeHref="/"
-      id="mockId"
-      isLocked={false}
-      isNavOpen={false}
-      logos={
-        Object {
-          "AnimatedMark": Object {
-            "dark": Object {
-              "type": "default",
-              "url": "/ui/logos/opensearch_spinner_on_dark.svg",
-            },
-            "light": Object {
-              "type": "default",
-              "url": "/ui/logos/opensearch_spinner_on_light.svg",
-            },
-            "type": "default",
-            "url": "/ui/logos/opensearch_spinner_on_light.svg",
-          },
-          "Application": Object {
-            "dark": Object {
-              "type": "default",
-              "url": "/ui/logos/opensearch_dashboards_on_dark.svg",
-            },
-            "light": Object {
-              "type": "default",
-              "url": "/ui/logos/opensearch_dashboards_on_light.svg",
-            },
-            "type": "default",
-            "url": "/ui/logos/opensearch_dashboards_on_light.svg",
-          },
-          "CenterMark": Object {
-            "dark": Object {
-              "type": "default",
-              "url": "/ui/logos/opensearch_center_mark_on_dark.svg",
-            },
-            "light": Object {
-              "type": "default",
-              "url": "/ui/logos/opensearch_center_mark_on_light.svg",
-            },
-            "type": "default",
-            "url": "/ui/logos/opensearch_center_mark_on_light.svg",
-          },
-          "Mark": Object {
-            "dark": Object {
-              "type": "default",
-              "url": "/ui/logos/opensearch_mark_on_dark.svg",
-            },
-            "light": Object {
-              "type": "default",
-              "url": "/ui/logos/opensearch_mark_on_light.svg",
-            },
-            "type": "default",
-            "url": "/ui/logos/opensearch_mark_on_light.svg",
-          },
-          "OpenSearch": Object {
-            "dark": Object {
-              "type": "default",
-              "url": "/ui/logos/opensearch_on_dark.svg",
-            },
-            "light": Object {
-              "type": "default",
-              "url": "/ui/logos/opensearch_on_light.svg",
-            },
-            "type": "default",
-            "url": "/ui/logos/opensearch_on_light.svg",
-          },
-          "colorScheme": "light",
-        }
-      }
-      navLinks$={
-        BehaviorSubject {
-          "_isScalar": false,
-          "_value": Array [],
-          "closed": false,
-          "hasError": false,
-          "isStopped": false,
-          "observers": Array [
-            Subscriber {
-              "_parentOrParents": null,
-              "_subscriptions": Array [
-                SubjectSubscription {
-                  "_parentOrParents": [Circular],
-                  "_subscriptions": null,
-                  "closed": false,
-                  "subject": [Circular],
-                  "subscriber": [Circular],
-                },
-              ],
-              "closed": false,
-              "destination": SafeSubscriber {
-                "_complete": undefined,
-                "_context": [Circular],
-                "_error": undefined,
-                "_next": [Function],
-                "_parentOrParents": null,
-                "_parentSubscriber": [Circular],
-                "_subscriptions": null,
-                "closed": false,
-                "destination": Object {
-                  "closed": true,
-                  "complete": [Function],
-                  "error": [Function],
-                  "next": [Function],
-                },
-                "isStopped": false,
-                "syncErrorThrowable": false,
-                "syncErrorThrown": false,
-                "syncErrorValue": null,
-              },
-              "isStopped": false,
-              "syncErrorThrowable": true,
-              "syncErrorThrown": false,
-              "syncErrorValue": null,
-            },
-            Subscriber {
-              "_parentOrParents": null,
-              "_subscriptions": Array [
-                SubjectSubscription {
-                  "_parentOrParents": [Circular],
-                  "_subscriptions": null,
-                  "closed": false,
-                  "subject": [Circular],
-                  "subscriber": [Circular],
-                },
-              ],
-              "closed": false,
-              "destination": SafeSubscriber {
-                "_complete": undefined,
-                "_context": [Circular],
-                "_error": undefined,
-                "_next": [Function],
-                "_parentOrParents": null,
-                "_parentSubscriber": [Circular],
-                "_subscriptions": null,
-                "closed": false,
-                "destination": Object {
-                  "closed": true,
-                  "complete": [Function],
-                  "error": [Function],
-                  "next": [Function],
-                },
-                "isStopped": false,
-                "syncErrorThrowable": false,
-                "syncErrorThrown": false,
-                "syncErrorValue": null,
-              },
-              "isStopped": false,
-              "syncErrorThrowable": true,
-              "syncErrorThrown": false,
-              "syncErrorValue": null,
-            },
-          ],
-          "thrownError": null,
-        }
-      }
-      navigateToApp={[MockFunction]}
-      navigateToUrl={[MockFunction]}
-      onIsLockedUpdate={[Function]}
-      recentlyAccessed$={
-        BehaviorSubject {
-          "_isScalar": false,
-          "_value": Array [],
-          "closed": false,
-          "hasError": false,
-          "isStopped": false,
-          "observers": Array [
-            Subscriber {
-              "_parentOrParents": null,
-              "_subscriptions": Array [
-                SubjectSubscription {
-                  "_parentOrParents": [Circular],
-                  "_subscriptions": null,
-                  "closed": false,
-                  "subject": [Circular],
-                  "subscriber": [Circular],
-                },
-              ],
-              "closed": false,
-              "destination": SafeSubscriber {
-                "_complete": undefined,
-                "_context": [Circular],
-                "_error": undefined,
-                "_next": [Function],
-                "_parentOrParents": null,
-                "_parentSubscriber": [Circular],
-                "_subscriptions": null,
-                "closed": false,
-                "destination": Object {
-                  "closed": true,
-                  "complete": [Function],
-                  "error": [Function],
-                  "next": [Function],
-                },
-                "isStopped": false,
-                "syncErrorThrowable": false,
-                "syncErrorThrown": false,
-                "syncErrorValue": null,
-              },
-              "isStopped": false,
-              "syncErrorThrowable": true,
-              "syncErrorThrown": false,
-              "syncErrorValue": null,
-            },
-            Subscriber {
-              "_parentOrParents": null,
-              "_subscriptions": Array [
-                SubjectSubscription {
-                  "_parentOrParents": [Circular],
-                  "_subscriptions": null,
-                  "closed": false,
-                  "subject": [Circular],
-                  "subscriber": [Circular],
-                },
-              ],
-              "closed": false,
-              "destination": SafeSubscriber {
-                "_complete": undefined,
-                "_context": [Circular],
-                "_error": undefined,
-                "_next": [Function],
-                "_parentOrParents": null,
-                "_parentSubscriber": [Circular],
-                "_subscriptions": null,
-                "closed": false,
-                "destination": Object {
-                  "closed": true,
-                  "complete": [Function],
-                  "error": [Function],
-                  "next": [Function],
-                },
-                "isStopped": false,
-                "syncErrorThrowable": false,
-                "syncErrorThrown": false,
-                "syncErrorValue": null,
-              },
-              "isStopped": false,
-              "syncErrorThrowable": true,
-              "syncErrorThrown": false,
-              "syncErrorValue": null,
-            },
-          ],
-          "thrownError": null,
-        }
-      }
-    >
-      <EuiCollapsibleNav
-        aria-label="Primary"
-        data-test-subj="collapsibleNav"
-        id="mockId"
-        isDocked={false}
-        isOpen={false}
-        onClose={[Function]}
-        outsideClickCloses={false}
-      />
-    </CollapsibleNav>
-  </header>
-</Header>
-`;
-
-exports[`Header renders condensed header 1`] = `
-<Header
-  appTitle$={
-    BehaviorSubject {
-      "_isScalar": false,
-      "_value": "test",
-      "closed": false,
-      "hasError": false,
-      "isStopped": false,
-      "observers": Array [
-        Subscriber {
-          "_parentOrParents": null,
-          "_subscriptions": Array [
-            SubjectSubscription {
-              "_parentOrParents": [Circular],
-              "_subscriptions": null,
-              "closed": false,
-              "subject": [Circular],
-              "subscriber": [Circular],
-            },
-          ],
-          "closed": false,
-          "destination": SafeSubscriber {
-            "_complete": undefined,
-            "_context": [Circular],
-            "_error": undefined,
-            "_next": [Function],
-            "_parentOrParents": null,
-            "_parentSubscriber": [Circular],
-            "_subscriptions": null,
-            "closed": false,
-            "destination": Object {
-              "closed": true,
-              "complete": [Function],
-              "error": [Function],
-              "next": [Function],
-            },
-            "isStopped": false,
-            "syncErrorThrowable": false,
-            "syncErrorThrown": false,
-            "syncErrorValue": null,
-          },
-          "isStopped": false,
-          "syncErrorThrowable": true,
-          "syncErrorThrown": false,
-          "syncErrorValue": null,
-        },
-      ],
-      "thrownError": null,
-    }
-  }
-  application={
-    Object {
-      "applications$": BehaviorSubject {
-        "_isScalar": false,
-        "_value": Map {},
-        "closed": false,
-        "hasError": false,
-        "isStopped": false,
-        "observers": Array [],
-        "thrownError": null,
-      },
-      "capabilities": Object {
-        "catalogue": Object {},
-        "management": Object {},
-        "navLinks": Object {},
-        "workspaces": Object {},
-      },
-      "currentActionMenu$": BehaviorSubject {
-        "_isScalar": false,
-        "_value": undefined,
-        "closed": false,
-        "hasError": false,
-        "isStopped": false,
-        "observers": Array [
-          Subscriber {
-            "_parentOrParents": null,
-            "_subscriptions": Array [
-              SubjectSubscription {
-                "_parentOrParents": [Circular],
-                "_subscriptions": null,
-                "closed": false,
-                "subject": [Circular],
-                "subscriber": [Circular],
-              },
-            ],
-            "closed": false,
-            "destination": SafeSubscriber {
-              "_complete": undefined,
-              "_context": [Circular],
-              "_error": undefined,
-              "_next": [Function],
-              "_parentOrParents": null,
-              "_parentSubscriber": [Circular],
-              "_subscriptions": null,
-              "closed": false,
-              "destination": Object {
-                "closed": true,
-                "complete": [Function],
-                "error": [Function],
-                "next": [Function],
-              },
-              "isStopped": false,
-              "syncErrorThrowable": false,
-              "syncErrorThrown": false,
-              "syncErrorValue": null,
-            },
-            "isStopped": false,
-            "syncErrorThrowable": true,
-            "syncErrorThrown": false,
-            "syncErrorValue": null,
-          },
-        ],
-        "thrownError": null,
-      },
-      "currentAppId$": Observable {
-        "_isScalar": false,
-        "source": Subject {
-          "_isScalar": false,
-          "closed": false,
-          "hasError": false,
-          "isStopped": false,
-          "observers": Array [
-            Subscriber {
-              "_parentOrParents": null,
-              "_subscriptions": Array [
-                SubjectSubscription {
-                  "_parentOrParents": [Circular],
-                  "_subscriptions": null,
-                  "closed": false,
-                  "subject": [Circular],
-                  "subscriber": [Circular],
-                },
-              ],
-              "closed": false,
-              "destination": SafeSubscriber {
-                "_complete": undefined,
-                "_context": [Circular],
-                "_error": undefined,
-                "_next": [Function],
-                "_parentOrParents": null,
-                "_parentSubscriber": [Circular],
-                "_subscriptions": null,
-                "closed": false,
-                "destination": Object {
-                  "closed": true,
-                  "complete": [Function],
-                  "error": [Function],
-                  "next": [Function],
-                },
-                "isStopped": false,
-                "syncErrorThrowable": false,
-                "syncErrorThrown": false,
-                "syncErrorValue": null,
-              },
-              "isStopped": false,
-              "syncErrorThrowable": true,
-              "syncErrorThrown": false,
-              "syncErrorValue": null,
-            },
-          ],
-          "thrownError": null,
-        },
-      },
-      "currentBadgeControls$": BehaviorSubject {
-        "_isScalar": false,
-        "_value": undefined,
-        "closed": false,
-        "hasError": false,
-        "isStopped": false,
-        "observers": Array [],
-        "thrownError": null,
-      },
-      "currentBottomControls$": BehaviorSubject {
-        "_isScalar": false,
-        "_value": undefined,
-        "closed": false,
-        "hasError": false,
-        "isStopped": false,
-        "observers": Array [],
-        "thrownError": null,
-      },
-      "currentCenterControls$": BehaviorSubject {
-        "_isScalar": false,
-        "_value": undefined,
-        "closed": false,
-        "hasError": false,
-        "isStopped": false,
-        "observers": Array [],
-        "thrownError": null,
-      },
-      "currentDescriptionControls$": BehaviorSubject {
-        "_isScalar": false,
-        "_value": undefined,
-        "closed": false,
-        "hasError": false,
-        "isStopped": false,
-        "observers": Array [],
-        "thrownError": null,
-      },
-      "currentLeftControls$": BehaviorSubject {
-        "_isScalar": false,
-        "_value": undefined,
-        "closed": false,
-        "hasError": false,
-        "isStopped": false,
-        "observers": Array [],
-        "thrownError": null,
-      },
-      "currentRightControls$": BehaviorSubject {
-        "_isScalar": false,
-        "_value": undefined,
-        "closed": false,
-        "hasError": false,
-        "isStopped": false,
-        "observers": Array [],
-        "thrownError": null,
-      },
-      "getComponent": [MockFunction],
-      "getUrlForApp": [MockFunction],
-      "history": Object {
-        "action": "PUSH",
-        "block": [MockFunction],
-        "createHref": [MockFunction],
-        "go": [MockFunction],
-        "goBack": [MockFunction],
-        "goForward": [MockFunction],
-        "length": 1,
-        "listen": [MockFunction],
-        "location": Object {
-          "hash": "",
-          "key": "",
-          "pathname": "/",
-          "search": "",
-          "state": undefined,
-        },
-        "push": [MockFunction],
-        "replace": [MockFunction],
-      },
-      "navigateToApp": [MockFunction],
-      "navigateToUrl": [MockFunction],
-      "registerMountContext": [MockFunction],
-      "setAppBadgeControls": [MockFunction],
-      "setAppBottomControls": [MockFunction],
-      "setAppCenterControls": [MockFunction],
-      "setAppDescriptionControls": [MockFunction],
-      "setAppLeftControls": [MockFunction],
-      "setAppRightControls": [MockFunction],
-    }
-  }
-  badge$={
-    BehaviorSubject {
-      "_isScalar": false,
-      "_value": undefined,
-      "closed": false,
-      "hasError": false,
-      "isStopped": false,
-      "observers": Array [
-        Subscriber {
-          "_parentOrParents": null,
-          "_subscriptions": Array [
-            SubjectSubscription {
-              "_parentOrParents": [Circular],
-              "_subscriptions": null,
-              "closed": false,
-              "subject": [Circular],
-              "subscriber": [Circular],
-            },
-          ],
-          "closed": false,
-          "destination": SafeSubscriber {
-            "_complete": undefined,
-            "_context": [Circular],
-            "_error": undefined,
-            "_next": [Function],
-            "_parentOrParents": null,
-            "_parentSubscriber": [Circular],
-            "_subscriptions": null,
-            "closed": false,
-            "destination": Object {
-              "closed": true,
-              "complete": [Function],
-              "error": [Function],
-              "next": [Function],
-            },
-            "isStopped": false,
-            "syncErrorThrowable": false,
-            "syncErrorThrown": false,
-            "syncErrorValue": null,
-          },
-          "isStopped": false,
-          "syncErrorThrowable": true,
-          "syncErrorThrown": false,
-          "syncErrorValue": null,
-        },
-      ],
-      "thrownError": null,
-    }
-  }
-  basePath={
-    BasePath {
-      "basePath": "/test",
-      "clientBasePath": "",
-      "get": [Function],
-      "getBasePath": [Function],
-      "prepend": [Function],
-      "remove": [Function],
-      "serverBasePath": "/test",
-    }
-  }
-  branding={
-    Object {
-      "useExpandedHeader": false,
-    }
-  }
-  breadcrumbs$={
-    BehaviorSubject {
-      "_isScalar": false,
-      "_value": Array [],
-      "closed": false,
-      "hasError": false,
-      "isStopped": false,
-      "observers": Array [
-        Subscriber {
-          "_parentOrParents": null,
-          "_subscriptions": Array [
-            SubjectSubscription {
-              "_parentOrParents": [Circular],
-              "_subscriptions": null,
-              "closed": false,
-              "subject": [Circular],
-              "subscriber": [Circular],
-            },
-          ],
-          "closed": false,
-          "destination": SafeSubscriber {
-            "_complete": undefined,
-            "_context": [Circular],
-            "_error": undefined,
-            "_next": [Function],
-            "_parentOrParents": null,
-            "_parentSubscriber": [Circular],
-            "_subscriptions": null,
-            "closed": false,
-            "destination": Object {
-              "closed": true,
-              "complete": [Function],
-              "error": [Function],
-              "next": [Function],
-            },
-            "isStopped": false,
-            "syncErrorThrowable": false,
-            "syncErrorThrown": false,
-            "syncErrorValue": null,
-          },
-          "isStopped": false,
-          "syncErrorThrowable": true,
-          "syncErrorThrown": false,
-          "syncErrorValue": null,
-        },
-        Subscriber {
-          "_parentOrParents": null,
-          "_subscriptions": Array [
-            SubjectSubscription {
-              "_parentOrParents": [Circular],
-              "_subscriptions": null,
-              "closed": false,
-              "subject": [Circular],
-              "subscriber": [Circular],
-            },
-          ],
-          "closed": false,
-          "destination": SafeSubscriber {
-            "_complete": undefined,
-            "_context": [Circular],
-            "_error": undefined,
-            "_next": [Function],
-            "_parentOrParents": null,
-            "_parentSubscriber": [Circular],
-            "_subscriptions": null,
-            "closed": false,
-            "destination": Object {
-              "closed": true,
-              "complete": [Function],
-              "error": [Function],
-              "next": [Function],
-            },
-            "isStopped": false,
-            "syncErrorThrowable": false,
-            "syncErrorThrown": false,
-            "syncErrorValue": null,
-          },
-          "isStopped": false,
-          "syncErrorThrowable": true,
-          "syncErrorThrown": false,
-          "syncErrorValue": null,
-        },
-      ],
-      "thrownError": null,
-    }
-  }
-  breadcrumbsEnricher$={
-    BehaviorSubject {
-      "_isScalar": false,
-      "_value": undefined,
-      "closed": false,
-      "hasError": false,
-      "isStopped": false,
-      "observers": Array [
-        Subscriber {
-          "_parentOrParents": null,
-          "_subscriptions": Array [
-            SubjectSubscription {
-              "_parentOrParents": [Circular],
-              "_subscriptions": null,
-              "closed": false,
-              "subject": [Circular],
-              "subscriber": [Circular],
-            },
-          ],
-          "closed": false,
-          "destination": SafeSubscriber {
-            "_complete": undefined,
-            "_context": [Circular],
-            "_error": undefined,
-            "_next": [Function],
-            "_parentOrParents": null,
-            "_parentSubscriber": [Circular],
-            "_subscriptions": null,
-            "closed": false,
-            "destination": Object {
-              "closed": true,
-              "complete": [Function],
-              "error": [Function],
-              "next": [Function],
-            },
-            "isStopped": false,
-            "syncErrorThrowable": false,
-            "syncErrorThrown": false,
-            "syncErrorValue": null,
-          },
-          "isStopped": false,
-          "syncErrorThrowable": true,
-          "syncErrorThrown": false,
-          "syncErrorValue": null,
-        },
-      ],
-      "thrownError": null,
-    }
-  }
-  currentNavGroup$={
-    BehaviorSubject {
-      "_isScalar": false,
-      "_value": undefined,
-      "closed": false,
-      "hasError": false,
-      "isStopped": false,
-      "observers": Array [],
-      "thrownError": null,
-    }
-  }
-  currentWorkspace$={
-    BehaviorSubject {
-      "_isScalar": false,
-      "_value": null,
-      "closed": false,
-      "hasError": false,
-      "isStopped": false,
-      "observers": Array [
-        Subscriber {
-          "_parentOrParents": null,
-          "_subscriptions": Array [
-            SubjectSubscription {
-              "_parentOrParents": [Circular],
-              "_subscriptions": null,
-              "closed": false,
-              "subject": [Circular],
-              "subscriber": [Circular],
-            },
-          ],
-          "closed": false,
-          "destination": SafeSubscriber {
-            "_complete": undefined,
-            "_context": [Circular],
-            "_error": undefined,
-            "_next": [Function],
-            "_parentOrParents": null,
-            "_parentSubscriber": [Circular],
-            "_subscriptions": null,
-            "closed": false,
-            "destination": Object {
-              "closed": true,
-              "complete": [Function],
-              "error": [Function],
-              "next": [Function],
-            },
-            "isStopped": false,
-            "syncErrorThrowable": false,
-            "syncErrorThrown": false,
-            "syncErrorValue": null,
-          },
-          "isStopped": false,
-          "syncErrorThrowable": true,
-          "syncErrorThrown": false,
-          "syncErrorValue": null,
-        },
-      ],
-      "thrownError": null,
-    }
-  }
-  customNavLink$={
-    BehaviorSubject {
-      "_isScalar": false,
-      "_value": undefined,
-      "closed": false,
-      "hasError": false,
-      "isStopped": false,
-      "observers": Array [
-        Subscriber {
-          "_parentOrParents": null,
-          "_subscriptions": Array [
-            SubjectSubscription {
-              "_parentOrParents": [Circular],
-              "_subscriptions": null,
-              "closed": false,
-              "subject": [Circular],
-              "subscriber": [Circular],
-            },
-          ],
-          "closed": false,
-          "destination": SafeSubscriber {
-            "_complete": undefined,
-            "_context": [Circular],
-            "_error": undefined,
-            "_next": [Function],
-            "_parentOrParents": null,
-            "_parentSubscriber": [Circular],
-            "_subscriptions": null,
-            "closed": false,
-            "destination": Object {
-              "closed": true,
-              "complete": [Function],
-              "error": [Function],
-              "next": [Function],
-            },
-            "isStopped": false,
-            "syncErrorThrowable": false,
-            "syncErrorThrown": false,
-            "syncErrorValue": null,
-          },
-          "isStopped": false,
-          "syncErrorThrowable": true,
-          "syncErrorThrown": false,
-          "syncErrorValue": null,
-        },
-      ],
-      "thrownError": null,
-    }
-  }
-  forceAppSwitcherNavigation$={
-    BehaviorSubject {
-      "_isScalar": false,
-      "_value": false,
-      "closed": false,
-      "hasError": false,
-      "isStopped": false,
-      "observers": Array [
-        Subscriber {
-          "_parentOrParents": null,
-          "_subscriptions": Array [
-            SubjectSubscription {
-              "_parentOrParents": [Circular],
-              "_subscriptions": null,
-              "closed": false,
-              "subject": [Circular],
-              "subscriber": [Circular],
-            },
-          ],
-          "closed": false,
-          "destination": SafeSubscriber {
-            "_complete": undefined,
-            "_context": [Circular],
-            "_error": undefined,
-            "_next": [Function],
-            "_parentOrParents": null,
-            "_parentSubscriber": [Circular],
-            "_subscriptions": null,
-            "closed": false,
-            "destination": Object {
-              "closed": true,
-              "complete": [Function],
-              "error": [Function],
-              "next": [Function],
-            },
-            "isStopped": false,
-            "syncErrorThrowable": false,
-            "syncErrorThrown": false,
-            "syncErrorValue": null,
-          },
-          "isStopped": false,
-          "syncErrorThrowable": true,
-          "syncErrorThrown": false,
-          "syncErrorValue": null,
-        },
-      ],
-      "thrownError": null,
-    }
-  }
-  headerVariant$={
-    BehaviorSubject {
-      "_isScalar": false,
-      "_value": undefined,
-      "closed": false,
-      "hasError": false,
-      "isStopped": false,
-      "observers": Array [
-        Subscriber {
-          "_parentOrParents": null,
-          "_subscriptions": Array [
-            SubjectSubscription {
-              "_parentOrParents": [Circular],
-              "_subscriptions": null,
-              "closed": false,
-              "subject": [Circular],
-              "subscriber": [Circular],
-            },
-          ],
-          "closed": false,
-          "destination": SafeSubscriber {
-            "_complete": undefined,
-            "_context": [Circular],
-            "_error": undefined,
-            "_next": [Function],
-            "_parentOrParents": null,
-            "_parentSubscriber": [Circular],
-            "_subscriptions": null,
-            "closed": false,
-            "destination": Object {
-              "closed": true,
-              "complete": [Function],
-              "error": [Function],
-              "next": [Function],
-            },
-            "isStopped": false,
-            "syncErrorThrowable": false,
-            "syncErrorThrown": false,
-            "syncErrorValue": null,
-          },
-          "isStopped": false,
-          "syncErrorThrowable": true,
-          "syncErrorThrown": false,
-          "syncErrorValue": null,
-        },
-      ],
-      "thrownError": null,
-    }
-  }
-  helpExtension$={
-    BehaviorSubject {
-      "_isScalar": false,
-      "_value": undefined,
-      "closed": false,
-      "hasError": false,
-      "isStopped": false,
-      "observers": Array [
-        InnerSubscriber {
-          "_parentOrParents": CombineLatestSubscriber {
-            "_parentOrParents": Subscriber {
-              "_parentOrParents": null,
-              "_subscriptions": Array [
-                [Circular],
-              ],
-              "closed": false,
-              "destination": SafeSubscriber {
-                "_complete": undefined,
-                "_context": [Circular],
-                "_error": undefined,
-                "_next": [Function],
-                "_parentOrParents": null,
-                "_parentSubscriber": [Circular],
-                "_subscriptions": null,
-                "closed": false,
-                "destination": Object {
-                  "closed": true,
-                  "complete": [Function],
-                  "error": [Function],
-                  "next": [Function],
-                },
-                "isStopped": false,
-                "syncErrorThrowable": false,
-                "syncErrorThrown": false,
-                "syncErrorValue": null,
-              },
-              "isStopped": false,
-              "syncErrorThrowable": true,
-              "syncErrorThrown": false,
-              "syncErrorValue": null,
-            },
-            "_subscriptions": Array [
-              [Circular],
-              InnerSubscriber {
-                "_parentOrParents": [Circular],
-                "_subscriptions": Array [
-                  SubjectSubscription {
-                    "_parentOrParents": [Circular],
-                    "_subscriptions": null,
-                    "closed": false,
-                    "subject": BehaviorSubject {
-                      "_isScalar": false,
-                      "_value": "",
-                      "closed": false,
-                      "hasError": false,
-                      "isStopped": false,
-                      "observers": Array [
-                        [Circular],
-                      ],
-                      "thrownError": null,
-                    },
-                    "subscriber": [Circular],
-                  },
-                ],
-                "closed": false,
-                "destination": Object {
-                  "closed": true,
-                  "complete": [Function],
-                  "error": [Function],
-                  "next": [Function],
-                },
-                "index": 1,
-                "isStopped": false,
-                "outerIndex": 1,
-                "outerValue": undefined,
-                "parent": [Circular],
-                "syncErrorThrowable": false,
-                "syncErrorThrown": false,
-                "syncErrorValue": null,
-              },
-            ],
-            "active": 2,
-            "closed": false,
-            "destination": Subscriber {
-              "_parentOrParents": null,
-              "_subscriptions": Array [
-                [Circular],
-              ],
-              "closed": false,
-              "destination": SafeSubscriber {
-                "_complete": undefined,
-                "_context": [Circular],
-                "_error": undefined,
-                "_next": [Function],
-                "_parentOrParents": null,
-                "_parentSubscriber": [Circular],
-                "_subscriptions": null,
-                "closed": false,
-                "destination": Object {
-                  "closed": true,
-                  "complete": [Function],
-                  "error": [Function],
-                  "next": [Function],
-                },
-                "isStopped": false,
-                "syncErrorThrowable": false,
-                "syncErrorThrown": false,
-                "syncErrorValue": null,
-              },
-              "isStopped": false,
-              "syncErrorThrowable": true,
-              "syncErrorThrown": false,
-              "syncErrorValue": null,
-            },
-            "isStopped": true,
-            "observables": Array [
-              [Circular],
-              BehaviorSubject {
-                "_isScalar": false,
-                "_value": "",
-                "closed": false,
-                "hasError": false,
-                "isStopped": false,
-                "observers": Array [
-                  InnerSubscriber {
-                    "_parentOrParents": [Circular],
-                    "_subscriptions": Array [
-                      SubjectSubscription {
-                        "_parentOrParents": [Circular],
-                        "_subscriptions": null,
-                        "closed": false,
-                        "subject": [Circular],
-                        "subscriber": [Circular],
-                      },
-                    ],
-                    "closed": false,
-                    "destination": Object {
-                      "closed": true,
-                      "complete": [Function],
-                      "error": [Function],
-                      "next": [Function],
-                    },
-                    "index": 1,
-                    "isStopped": false,
-                    "outerIndex": 1,
-                    "outerValue": undefined,
-                    "parent": [Circular],
-                    "syncErrorThrowable": false,
-                    "syncErrorThrown": false,
-                    "syncErrorValue": null,
-                  },
-                ],
-                "thrownError": null,
-              },
-            ],
-            "resultSelector": undefined,
-            "syncErrorThrowable": true,
-            "syncErrorThrown": false,
-            "syncErrorValue": null,
-            "toRespond": 0,
-            "values": Array [
-              undefined,
-              "",
-            ],
-          },
-          "_subscriptions": Array [
-            SubjectSubscription {
-              "_parentOrParents": [Circular],
-              "_subscriptions": null,
-              "closed": false,
-              "subject": [Circular],
-              "subscriber": [Circular],
-            },
-          ],
-          "closed": false,
-          "destination": Object {
-            "closed": true,
-            "complete": [Function],
-            "error": [Function],
-            "next": [Function],
-          },
-          "index": 1,
-          "isStopped": false,
-          "outerIndex": 0,
-          "outerValue": undefined,
-          "parent": CombineLatestSubscriber {
-            "_parentOrParents": Subscriber {
-              "_parentOrParents": null,
-              "_subscriptions": Array [
-                [Circular],
-              ],
-              "closed": false,
-              "destination": SafeSubscriber {
-                "_complete": undefined,
-                "_context": [Circular],
-                "_error": undefined,
-                "_next": [Function],
-                "_parentOrParents": null,
-                "_parentSubscriber": [Circular],
-                "_subscriptions": null,
-                "closed": false,
-                "destination": Object {
-                  "closed": true,
-                  "complete": [Function],
-                  "error": [Function],
-                  "next": [Function],
-                },
-                "isStopped": false,
-                "syncErrorThrowable": false,
-                "syncErrorThrown": false,
-                "syncErrorValue": null,
-              },
-              "isStopped": false,
-              "syncErrorThrowable": true,
-              "syncErrorThrown": false,
-              "syncErrorValue": null,
-            },
-            "_subscriptions": Array [
-              [Circular],
-              InnerSubscriber {
-                "_parentOrParents": [Circular],
-                "_subscriptions": Array [
-                  SubjectSubscription {
-                    "_parentOrParents": [Circular],
-                    "_subscriptions": null,
-                    "closed": false,
-                    "subject": BehaviorSubject {
-                      "_isScalar": false,
-                      "_value": "",
-                      "closed": false,
-                      "hasError": false,
-                      "isStopped": false,
-                      "observers": Array [
-                        [Circular],
-                      ],
-                      "thrownError": null,
-                    },
-                    "subscriber": [Circular],
-                  },
-                ],
-                "closed": false,
-                "destination": Object {
-                  "closed": true,
-                  "complete": [Function],
-                  "error": [Function],
-                  "next": [Function],
-                },
-                "index": 1,
-                "isStopped": false,
-                "outerIndex": 1,
-                "outerValue": undefined,
-                "parent": [Circular],
-                "syncErrorThrowable": false,
-                "syncErrorThrown": false,
-                "syncErrorValue": null,
-              },
-            ],
-            "active": 2,
-            "closed": false,
-            "destination": Subscriber {
-              "_parentOrParents": null,
-              "_subscriptions": Array [
-                [Circular],
-              ],
-              "closed": false,
-              "destination": SafeSubscriber {
-                "_complete": undefined,
-                "_context": [Circular],
-                "_error": undefined,
-                "_next": [Function],
-                "_parentOrParents": null,
-                "_parentSubscriber": [Circular],
-                "_subscriptions": null,
-                "closed": false,
-                "destination": Object {
-                  "closed": true,
-                  "complete": [Function],
-                  "error": [Function],
-                  "next": [Function],
-                },
-                "isStopped": false,
-                "syncErrorThrowable": false,
-                "syncErrorThrown": false,
-                "syncErrorValue": null,
-              },
-              "isStopped": false,
-              "syncErrorThrowable": true,
-              "syncErrorThrown": false,
-              "syncErrorValue": null,
-            },
-            "isStopped": true,
-            "observables": Array [
-              [Circular],
-              BehaviorSubject {
-                "_isScalar": false,
-                "_value": "",
-                "closed": false,
-                "hasError": false,
-                "isStopped": false,
-                "observers": Array [
-                  InnerSubscriber {
-                    "_parentOrParents": [Circular],
-                    "_subscriptions": Array [
-                      SubjectSubscription {
-                        "_parentOrParents": [Circular],
-                        "_subscriptions": null,
-                        "closed": false,
-                        "subject": [Circular],
-                        "subscriber": [Circular],
-                      },
-                    ],
-                    "closed": false,
-                    "destination": Object {
-                      "closed": true,
-                      "complete": [Function],
-                      "error": [Function],
-                      "next": [Function],
-                    },
-                    "index": 1,
-                    "isStopped": false,
-                    "outerIndex": 1,
-                    "outerValue": undefined,
-                    "parent": [Circular],
-                    "syncErrorThrowable": false,
-                    "syncErrorThrown": false,
-                    "syncErrorValue": null,
-                  },
-                ],
-                "thrownError": null,
-              },
-            ],
-            "resultSelector": undefined,
-            "syncErrorThrowable": true,
-            "syncErrorThrown": false,
-            "syncErrorValue": null,
-            "toRespond": 0,
-            "values": Array [
-              undefined,
-              "",
-            ],
-          },
-          "syncErrorThrowable": false,
-          "syncErrorThrown": false,
-          "syncErrorValue": null,
-        },
-      ],
-      "thrownError": null,
-    }
-  }
-  helpSupportUrl$={
-    BehaviorSubject {
-      "_isScalar": false,
-      "_value": "",
-      "closed": false,
-      "hasError": false,
-      "isStopped": false,
-      "observers": Array [
-        InnerSubscriber {
-          "_parentOrParents": CombineLatestSubscriber {
-            "_parentOrParents": Subscriber {
-              "_parentOrParents": null,
-              "_subscriptions": Array [
-                [Circular],
-              ],
-              "closed": false,
-              "destination": SafeSubscriber {
-                "_complete": undefined,
-                "_context": [Circular],
-                "_error": undefined,
-                "_next": [Function],
-                "_parentOrParents": null,
-                "_parentSubscriber": [Circular],
-                "_subscriptions": null,
-                "closed": false,
-                "destination": Object {
-                  "closed": true,
-                  "complete": [Function],
-                  "error": [Function],
-                  "next": [Function],
-                },
-                "isStopped": false,
-                "syncErrorThrowable": false,
-                "syncErrorThrown": false,
-                "syncErrorValue": null,
-              },
-              "isStopped": false,
-              "syncErrorThrowable": true,
-              "syncErrorThrown": false,
-              "syncErrorValue": null,
-            },
-            "_subscriptions": Array [
-              InnerSubscriber {
-                "_parentOrParents": [Circular],
-                "_subscriptions": Array [
-                  SubjectSubscription {
-                    "_parentOrParents": [Circular],
-                    "_subscriptions": null,
-                    "closed": false,
-                    "subject": BehaviorSubject {
-                      "_isScalar": false,
-                      "_value": undefined,
-                      "closed": false,
-                      "hasError": false,
-                      "isStopped": false,
-                      "observers": Array [
-                        [Circular],
-                      ],
-                      "thrownError": null,
-                    },
-                    "subscriber": [Circular],
-                  },
-                ],
-                "closed": false,
-                "destination": Object {
-                  "closed": true,
-                  "complete": [Function],
-                  "error": [Function],
-                  "next": [Function],
-                },
-                "index": 1,
-                "isStopped": false,
-                "outerIndex": 0,
-                "outerValue": undefined,
-                "parent": [Circular],
-                "syncErrorThrowable": false,
-                "syncErrorThrown": false,
-                "syncErrorValue": null,
-              },
-              [Circular],
-            ],
-            "active": 2,
-            "closed": false,
-            "destination": Subscriber {
-              "_parentOrParents": null,
-              "_subscriptions": Array [
-                [Circular],
-              ],
-              "closed": false,
-              "destination": SafeSubscriber {
-                "_complete": undefined,
-                "_context": [Circular],
-                "_error": undefined,
-                "_next": [Function],
-                "_parentOrParents": null,
-                "_parentSubscriber": [Circular],
-                "_subscriptions": null,
-                "closed": false,
-                "destination": Object {
-                  "closed": true,
-                  "complete": [Function],
-                  "error": [Function],
-                  "next": [Function],
-                },
-                "isStopped": false,
-                "syncErrorThrowable": false,
-                "syncErrorThrown": false,
-                "syncErrorValue": null,
-              },
-              "isStopped": false,
-              "syncErrorThrowable": true,
-              "syncErrorThrown": false,
-              "syncErrorValue": null,
-            },
-            "isStopped": true,
-            "observables": Array [
-              BehaviorSubject {
-                "_isScalar": false,
-                "_value": undefined,
-                "closed": false,
-                "hasError": false,
-                "isStopped": false,
-                "observers": Array [
-                  InnerSubscriber {
-                    "_parentOrParents": [Circular],
-                    "_subscriptions": Array [
-                      SubjectSubscription {
-                        "_parentOrParents": [Circular],
-                        "_subscriptions": null,
-                        "closed": false,
-                        "subject": [Circular],
-                        "subscriber": [Circular],
-                      },
-                    ],
-                    "closed": false,
-                    "destination": Object {
-                      "closed": true,
-                      "complete": [Function],
-                      "error": [Function],
-                      "next": [Function],
-                    },
-                    "index": 1,
-                    "isStopped": false,
-                    "outerIndex": 0,
-                    "outerValue": undefined,
-                    "parent": [Circular],
-                    "syncErrorThrowable": false,
-                    "syncErrorThrown": false,
-                    "syncErrorValue": null,
-                  },
-                ],
-                "thrownError": null,
-              },
-              [Circular],
-            ],
-            "resultSelector": undefined,
-            "syncErrorThrowable": true,
-            "syncErrorThrown": false,
-            "syncErrorValue": null,
-            "toRespond": 0,
-            "values": Array [
-              undefined,
-              "",
-            ],
-          },
-          "_subscriptions": Array [
-            SubjectSubscription {
-              "_parentOrParents": [Circular],
-              "_subscriptions": null,
-              "closed": false,
-              "subject": [Circular],
-              "subscriber": [Circular],
-            },
-          ],
-          "closed": false,
-          "destination": Object {
-            "closed": true,
-            "complete": [Function],
-            "error": [Function],
-            "next": [Function],
-          },
-          "index": 1,
-          "isStopped": false,
-          "outerIndex": 1,
-          "outerValue": undefined,
-          "parent": CombineLatestSubscriber {
-            "_parentOrParents": Subscriber {
-              "_parentOrParents": null,
-              "_subscriptions": Array [
-                [Circular],
-              ],
-              "closed": false,
-              "destination": SafeSubscriber {
-                "_complete": undefined,
-                "_context": [Circular],
-                "_error": undefined,
-                "_next": [Function],
-                "_parentOrParents": null,
-                "_parentSubscriber": [Circular],
-                "_subscriptions": null,
-                "closed": false,
-                "destination": Object {
-                  "closed": true,
-                  "complete": [Function],
-                  "error": [Function],
-                  "next": [Function],
-                },
-                "isStopped": false,
-                "syncErrorThrowable": false,
-                "syncErrorThrown": false,
-                "syncErrorValue": null,
-              },
-              "isStopped": false,
-              "syncErrorThrowable": true,
-              "syncErrorThrown": false,
-              "syncErrorValue": null,
-            },
-            "_subscriptions": Array [
-              InnerSubscriber {
-                "_parentOrParents": [Circular],
-                "_subscriptions": Array [
-                  SubjectSubscription {
-                    "_parentOrParents": [Circular],
-                    "_subscriptions": null,
-                    "closed": false,
-                    "subject": BehaviorSubject {
-                      "_isScalar": false,
-                      "_value": undefined,
-                      "closed": false,
-                      "hasError": false,
-                      "isStopped": false,
-                      "observers": Array [
-                        [Circular],
-                      ],
-                      "thrownError": null,
-                    },
-                    "subscriber": [Circular],
-                  },
-                ],
-                "closed": false,
-                "destination": Object {
-                  "closed": true,
-                  "complete": [Function],
-                  "error": [Function],
-                  "next": [Function],
-                },
-                "index": 1,
-                "isStopped": false,
-                "outerIndex": 0,
-                "outerValue": undefined,
-                "parent": [Circular],
-                "syncErrorThrowable": false,
-                "syncErrorThrown": false,
-                "syncErrorValue": null,
-              },
-              [Circular],
-            ],
-            "active": 2,
-            "closed": false,
-            "destination": Subscriber {
-              "_parentOrParents": null,
-              "_subscriptions": Array [
-                [Circular],
-              ],
-              "closed": false,
-              "destination": SafeSubscriber {
-                "_complete": undefined,
-                "_context": [Circular],
-                "_error": undefined,
-                "_next": [Function],
-                "_parentOrParents": null,
-                "_parentSubscriber": [Circular],
-                "_subscriptions": null,
-                "closed": false,
-                "destination": Object {
-                  "closed": true,
-                  "complete": [Function],
-                  "error": [Function],
-                  "next": [Function],
-                },
-                "isStopped": false,
-                "syncErrorThrowable": false,
-                "syncErrorThrown": false,
-                "syncErrorValue": null,
-              },
-              "isStopped": false,
-              "syncErrorThrowable": true,
-              "syncErrorThrown": false,
-              "syncErrorValue": null,
-            },
-            "isStopped": true,
-            "observables": Array [
-              BehaviorSubject {
-                "_isScalar": false,
-                "_value": undefined,
-                "closed": false,
-                "hasError": false,
-                "isStopped": false,
-                "observers": Array [
-                  InnerSubscriber {
-                    "_parentOrParents": [Circular],
-                    "_subscriptions": Array [
-                      SubjectSubscription {
-                        "_parentOrParents": [Circular],
-                        "_subscriptions": null,
-                        "closed": false,
-                        "subject": [Circular],
-                        "subscriber": [Circular],
-                      },
-                    ],
-                    "closed": false,
-                    "destination": Object {
-                      "closed": true,
-                      "complete": [Function],
-                      "error": [Function],
-                      "next": [Function],
-                    },
-                    "index": 1,
-                    "isStopped": false,
-                    "outerIndex": 0,
-                    "outerValue": undefined,
-                    "parent": [Circular],
-                    "syncErrorThrowable": false,
-                    "syncErrorThrown": false,
-                    "syncErrorValue": null,
-                  },
-                ],
-                "thrownError": null,
-              },
-              [Circular],
-            ],
-            "resultSelector": undefined,
-            "syncErrorThrowable": true,
-            "syncErrorThrown": false,
-            "syncErrorValue": null,
-            "toRespond": 0,
-            "values": Array [
-              undefined,
-              "",
-            ],
-          },
-          "syncErrorThrowable": false,
-          "syncErrorThrown": false,
-          "syncErrorValue": null,
-        },
-      ],
-      "thrownError": null,
-    }
-  }
-  homeHref="/"
-  http={
-    Object {
-      "addLoadingCountSource": [MockFunction],
-      "anonymousPaths": Object {
-        "isAnonymous": [MockFunction],
-        "register": [MockFunction],
-      },
-      "basePath": BasePath {
-        "basePath": "/test",
-        "clientBasePath": "",
-        "get": [Function],
-        "getBasePath": [Function],
-        "prepend": [Function],
-        "remove": [Function],
-        "serverBasePath": "/test",
-      },
-      "delete": [MockFunction],
-      "fetch": [MockFunction],
-      "get": [MockFunction],
-      "getLoadingCount$": [MockFunction],
-      "head": [MockFunction],
-      "intercept": [MockFunction],
-      "options": [MockFunction],
-      "patch": [MockFunction],
-      "post": [MockFunction],
-      "put": [MockFunction],
-    }
-  }
-  intl={
-    Object {
-      "defaultFormats": Object {},
-      "defaultLocale": "en",
-      "formatDate": [Function],
-      "formatHTMLMessage": [Function],
-      "formatMessage": [Function],
-      "formatNumber": [Function],
-      "formatPlural": [Function],
-      "formatRelative": [Function],
-      "formatTime": [Function],
-      "formats": Object {
-        "date": Object {
-          "full": Object {
-            "day": "numeric",
-            "month": "long",
-            "weekday": "long",
-            "year": "numeric",
-          },
-          "long": Object {
-            "day": "numeric",
-            "month": "long",
-            "year": "numeric",
-          },
-          "medium": Object {
-            "day": "numeric",
-            "month": "short",
-            "year": "numeric",
-          },
-          "short": Object {
-            "day": "numeric",
-            "month": "numeric",
-            "year": "2-digit",
-          },
-        },
-        "number": Object {
-          "currency": Object {
-            "style": "currency",
-          },
-          "percent": Object {
-            "style": "percent",
-          },
-        },
-        "relative": Object {
-          "days": Object {
-            "units": "day",
-          },
-          "hours": Object {
-            "units": "hour",
-          },
-          "minutes": Object {
-            "units": "minute",
-          },
-          "months": Object {
-            "units": "month",
-          },
-          "seconds": Object {
-            "units": "second",
-          },
-          "years": Object {
-            "units": "year",
-          },
-        },
-        "time": Object {
-          "full": Object {
-            "hour": "numeric",
-            "minute": "numeric",
-            "second": "numeric",
-            "timeZoneName": "short",
-          },
-          "long": Object {
-            "hour": "numeric",
-            "minute": "numeric",
-            "second": "numeric",
-            "timeZoneName": "short",
-          },
-          "medium": Object {
-            "hour": "numeric",
-            "minute": "numeric",
-            "second": "numeric",
-          },
-          "short": Object {
-            "hour": "numeric",
-            "minute": "numeric",
-          },
-        },
-      },
-      "formatters": Object {
-        "getDateTimeFormat": [Function],
-        "getMessageFormat": [Function],
-        "getNumberFormat": [Function],
-        "getPluralFormat": [Function],
-        "getRelativeFormat": [Function],
-      },
-      "locale": "en",
-      "messages": Object {},
-      "now": [Function],
-      "onError": [Function],
-      "textComponent": Symbol(react.fragment),
-      "timeZone": null,
-    }
-  }
-  isLocked$={
-    BehaviorSubject {
-      "_isScalar": false,
-      "_value": false,
-      "closed": false,
-      "hasError": false,
-      "isStopped": false,
-      "observers": Array [
-        Subscriber {
-          "_parentOrParents": null,
-          "_subscriptions": Array [
-            SubjectSubscription {
-              "_parentOrParents": [Circular],
-              "_subscriptions": null,
-              "closed": false,
-              "subject": [Circular],
-              "subscriber": [Circular],
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
             },
           ],
           "closed": false,
@@ -11372,18 +2810,6 @@ exports[`Header renders condensed header 1`] = `
           "syncErrorThrown": false,
           "syncErrorValue": null,
         },
-      ],
-      "thrownError": null,
-    }
-  }
-  isVisible$={
-    BehaviorSubject {
-      "_isScalar": false,
-      "_value": true,
-      "closed": false,
-      "hasError": false,
-      "isStopped": false,
-      "observers": Array [
         Subscriber {
           "_parentOrParents": null,
           "_subscriptions": Array [
@@ -11425,161 +2851,29 @@ exports[`Header renders condensed header 1`] = `
       "thrownError": null,
     }
   }
-  loadingCount$={
+  navGroupEnabled={false}
+  navGroupsMap$={
     BehaviorSubject {
       "_isScalar": false,
-      "_value": 0,
+      "_value": Object {},
       "closed": false,
       "hasError": false,
       "isStopped": false,
-      "observers": Array [
-        Subscriber {
-          "_parentOrParents": null,
-          "_subscriptions": Array [
-            SubjectSubscription {
-              "_parentOrParents": [Circular],
-              "_subscriptions": null,
-              "closed": false,
-              "subject": [Circular],
-              "subscriber": [Circular],
-            },
-          ],
-          "closed": false,
-          "destination": SafeSubscriber {
-            "_complete": undefined,
-            "_context": [Circular],
-            "_error": undefined,
-            "_next": [Function],
-            "_parentOrParents": null,
-            "_parentSubscriber": [Circular],
-            "_subscriptions": null,
-            "closed": false,
-            "destination": Object {
-              "closed": true,
-              "complete": [Function],
-              "error": [Function],
-              "next": [Function],
-            },
-            "isStopped": false,
-            "syncErrorThrowable": false,
-            "syncErrorThrown": false,
-            "syncErrorValue": null,
-          },
-          "isStopped": false,
-          "syncErrorThrowable": true,
-          "syncErrorThrown": false,
-          "syncErrorValue": null,
-        },
-        Subscriber {
-          "_parentOrParents": null,
-          "_subscriptions": Array [
-            SubjectSubscription {
-              "_parentOrParents": [Circular],
-              "_subscriptions": null,
-              "closed": false,
-              "subject": [Circular],
-              "subscriber": [Circular],
-            },
-          ],
-          "closed": false,
-          "destination": SafeSubscriber {
-            "_complete": undefined,
-            "_context": [Circular],
-            "_error": undefined,
-            "_next": [Function],
-            "_parentOrParents": null,
-            "_parentSubscriber": [Circular],
-            "_subscriptions": null,
-            "closed": false,
-            "destination": Object {
-              "closed": true,
-              "complete": [Function],
-              "error": [Function],
-              "next": [Function],
-            },
-            "isStopped": false,
-            "syncErrorThrowable": false,
-            "syncErrorThrown": false,
-            "syncErrorValue": null,
-          },
-          "isStopped": false,
-          "syncErrorThrowable": true,
-          "syncErrorThrown": false,
-          "syncErrorValue": null,
-        },
-      ],
+      "observers": Array [],
       "thrownError": null,
     }
   }
-  logos={
-    Object {
-      "AnimatedMark": Object {
-        "dark": Object {
-          "type": "default",
-          "url": "/ui/logos/opensearch_spinner_on_dark.svg",
-        },
-        "light": Object {
-          "type": "default",
-          "url": "/ui/logos/opensearch_spinner_on_light.svg",
-        },
-        "type": "default",
-        "url": "/ui/logos/opensearch_spinner_on_light.svg",
-      },
-      "Application": Object {
-        "dark": Object {
-          "type": "default",
-          "url": "/ui/logos/opensearch_dashboards_on_dark.svg",
-        },
-        "light": Object {
-          "type": "default",
-          "url": "/ui/logos/opensearch_dashboards_on_light.svg",
-        },
-        "type": "default",
-        "url": "/ui/logos/opensearch_dashboards_on_light.svg",
-      },
-      "CenterMark": Object {
-        "dark": Object {
-          "type": "default",
-          "url": "/ui/logos/opensearch_center_mark_on_dark.svg",
-        },
-        "light": Object {
-          "type": "default",
-          "url": "/ui/logos/opensearch_center_mark_on_light.svg",
-        },
-        "type": "default",
-        "url": "/ui/logos/opensearch_center_mark_on_light.svg",
-      },
-      "Mark": Object {
-        "dark": Object {
-          "type": "default",
-          "url": "/ui/logos/opensearch_mark_on_dark.svg",
-        },
-        "light": Object {
-          "type": "default",
-          "url": "/ui/logos/opensearch_mark_on_light.svg",
-        },
-        "type": "default",
-        "url": "/ui/logos/opensearch_mark_on_light.svg",
-      },
-      "OpenSearch": Object {
-        "dark": Object {
-          "type": "default",
-          "url": "/ui/logos/opensearch_on_dark.svg",
-        },
-        "light": Object {
-          "type": "default",
-          "url": "/ui/logos/opensearch_on_light.svg",
-        },
-        "type": "default",
-        "url": "/ui/logos/opensearch_on_light.svg",
-      },
-      "colorScheme": "light",
-    }
-  }
-  navControlsCenter$={
+  navLinks$={
     BehaviorSubject {
       "_isScalar": false,
-      "_value": Array [],
+      "_value": Array [
+        Object {
+          "baseUrl": "",
+          "href": "",
+          "id": "opensearchDashboards",
+          "title": "opensearchDashboards",
+        },
+      ],
       "closed": false,
       "hasError": false,
       "isStopped": false,
@@ -11621,40 +2915,6 @@ exports[`Header renders condensed header 1`] = `
           "syncErrorThrown": false,
           "syncErrorValue": null,
         },
-      ],
-      "thrownError": null,
-    }
-  }
-  navControlsExpandedCenter$={
-    BehaviorSubject {
-      "_isScalar": false,
-      "_value": Array [],
-      "closed": false,
-      "hasError": false,
-      "isStopped": false,
-      "observers": Array [],
-      "thrownError": null,
-    }
-  }
-  navControlsExpandedRight$={
-    BehaviorSubject {
-      "_isScalar": false,
-      "_value": Array [],
-      "closed": false,
-      "hasError": false,
-      "isStopped": false,
-      "observers": Array [],
-      "thrownError": null,
-    }
-  }
-  navControlsLeft$={
-    BehaviorSubject {
-      "_isScalar": false,
-      "_value": Array [],
-      "closed": false,
-      "hasError": false,
-      "isStopped": false,
-      "observers": Array [
         Subscriber {
           "_parentOrParents": null,
           "_subscriptions": Array [
@@ -11692,29 +2952,6 @@ exports[`Header renders condensed header 1`] = `
           "syncErrorThrown": false,
           "syncErrorValue": null,
         },
-      ],
-      "thrownError": null,
-    }
-  }
-  navControlsLeftBottom$={
-    BehaviorSubject {
-      "_isScalar": false,
-      "_value": Array [],
-      "closed": false,
-      "hasError": false,
-      "isStopped": false,
-      "observers": Array [],
-      "thrownError": null,
-    }
-  }
-  navControlsRight$={
-    BehaviorSubject {
-      "_isScalar": false,
-      "_value": Array [],
-      "closed": false,
-      "hasError": false,
-      "isStopped": false,
-      "observers": Array [
         Subscriber {
           "_parentOrParents": null,
           "_subscriptions": Array [
@@ -11756,22 +2993,19 @@ exports[`Header renders condensed header 1`] = `
       "thrownError": null,
     }
   }
-  navGroupEnabled={false}
-  navGroupsMap$={
-    BehaviorSubject {
-      "_isScalar": false,
-      "_value": Object {},
-      "closed": false,
-      "hasError": false,
-      "isStopped": false,
-      "observers": Array [],
-      "thrownError": null,
-    }
-  }
-  navLinks$={
+  onIsLockedUpdate={[Function]}
+  opensearchDashboardsDocLink="/docs"
+  opensearchDashboardsVersion="1.0.0"
+  recentlyAccessed$={
     BehaviorSubject {
       "_isScalar": false,
-      "_value": Array [],
+      "_value": Array [
+        Object {
+          "id": "dashboard",
+          "label": "dashboard",
+          "link": "",
+        },
+      ],
       "closed": false,
       "hasError": false,
       "isStopped": false,
@@ -11813,6 +3047,22 @@ exports[`Header renders condensed header 1`] = `
           "syncErrorThrown": false,
           "syncErrorValue": null,
         },
+      ],
+      "thrownError": null,
+    }
+  }
+  setCurrentNavGroup={[MockFunction]}
+  sidecarConfig$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": Object {
+        "dockedMode": "right",
+        "paddingSize": 640,
+      },
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
         Subscriber {
           "_parentOrParents": null,
           "_subscriptions": Array [
@@ -11854,132 +3104,1455 @@ exports[`Header renders condensed header 1`] = `
       "thrownError": null,
     }
   }
-  onIsLockedUpdate={[Function]}
-  opensearchDashboardsDocLink="/docs"
-  opensearchDashboardsVersion="1.0.0"
-  recentlyAccessed$={
+  survey="/"
+  useUpdatedHeader={false}
+  workspaceList$={
     BehaviorSubject {
       "_isScalar": false,
       "_value": Array [],
       "closed": false,
       "hasError": false,
       "isStopped": false,
-      "observers": Array [
-        Subscriber {
-          "_parentOrParents": null,
-          "_subscriptions": Array [
-            SubjectSubscription {
-              "_parentOrParents": [Circular],
-              "_subscriptions": null,
-              "closed": false,
-              "subject": [Circular],
-              "subscriber": [Circular],
-            },
-          ],
-          "closed": false,
-          "destination": SafeSubscriber {
-            "_complete": undefined,
-            "_context": [Circular],
-            "_error": undefined,
-            "_next": [Function],
-            "_parentOrParents": null,
-            "_parentSubscriber": [Circular],
-            "_subscriptions": null,
-            "closed": false,
-            "destination": Object {
-              "closed": true,
-              "complete": [Function],
-              "error": [Function],
-              "next": [Function],
+      "observers": Array [],
+      "thrownError": null,
+    }
+  }
+>
+  <header
+    className="hide-for-sharing headerGlobalNav"
+    data-test-subj="headerGlobalNav"
+  >
+    <div
+      id="globalHeaderBars"
+    >
+      <EuiHeader
+        className="expandedHeader"
+        position="fixed"
+        sections={
+          Array [
+            Object {
+              "borders": "none",
+              "items": Array [
+                <HeaderLogo
+                  backgroundColorScheme="dark"
+                  branding={Object {}}
+                  forceNavigation$={
+                    BehaviorSubject {
+                      "_isScalar": false,
+                      "_value": false,
+                      "closed": false,
+                      "hasError": false,
+                      "isStopped": false,
+                      "observers": Array [
+                        Subscriber {
+                          "_parentOrParents": null,
+                          "_subscriptions": Array [
+                            SubjectSubscription {
+                              "_parentOrParents": [Circular],
+                              "_subscriptions": null,
+                              "closed": false,
+                              "subject": [Circular],
+                              "subscriber": [Circular],
+                            },
+                          ],
+                          "closed": false,
+                          "destination": SafeSubscriber {
+                            "_complete": undefined,
+                            "_context": [Circular],
+                            "_error": undefined,
+                            "_next": [Function],
+                            "_parentOrParents": null,
+                            "_parentSubscriber": [Circular],
+                            "_subscriptions": null,
+                            "closed": false,
+                            "destination": Object {
+                              "closed": true,
+                              "complete": [Function],
+                              "error": [Function],
+                              "next": [Function],
+                            },
+                            "isStopped": false,
+                            "syncErrorThrowable": false,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
+                          "isStopped": false,
+                          "syncErrorThrowable": true,
+                          "syncErrorThrown": false,
+                          "syncErrorValue": null,
+                        },
+                        Subscriber {
+                          "_parentOrParents": null,
+                          "_subscriptions": Array [
+                            SubjectSubscription {
+                              "_parentOrParents": [Circular],
+                              "_subscriptions": null,
+                              "closed": false,
+                              "subject": [Circular],
+                              "subscriber": [Circular],
+                            },
+                          ],
+                          "closed": false,
+                          "destination": SafeSubscriber {
+                            "_complete": undefined,
+                            "_context": [Circular],
+                            "_error": undefined,
+                            "_next": [Function],
+                            "_parentOrParents": null,
+                            "_parentSubscriber": [Circular],
+                            "_subscriptions": null,
+                            "closed": false,
+                            "destination": Object {
+                              "closed": true,
+                              "complete": [Function],
+                              "error": [Function],
+                              "next": [Function],
+                            },
+                            "isStopped": false,
+                            "syncErrorThrowable": false,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
+                          "isStopped": false,
+                          "syncErrorThrowable": true,
+                          "syncErrorThrown": false,
+                          "syncErrorValue": null,
+                        },
+                      ],
+                      "thrownError": null,
+                    }
+                  }
+                  href="/"
+                  logos={
+                    Object {
+                      "AnimatedMark": Object {
+                        "dark": Object {
+                          "type": "default",
+                          "url": "/ui/logos/opensearch_spinner_on_dark.svg",
+                        },
+                        "light": Object {
+                          "type": "default",
+                          "url": "/ui/logos/opensearch_spinner_on_light.svg",
+                        },
+                        "type": "default",
+                        "url": "/ui/logos/opensearch_spinner_on_light.svg",
+                      },
+                      "Application": Object {
+                        "dark": Object {
+                          "type": "default",
+                          "url": "/ui/logos/opensearch_dashboards_on_dark.svg",
+                        },
+                        "light": Object {
+                          "type": "default",
+                          "url": "/ui/logos/opensearch_dashboards_on_light.svg",
+                        },
+                        "type": "default",
+                        "url": "/ui/logos/opensearch_dashboards_on_light.svg",
+                      },
+                      "CenterMark": Object {
+                        "dark": Object {
+                          "type": "default",
+                          "url": "/ui/logos/opensearch_center_mark_on_dark.svg",
+                        },
+                        "light": Object {
+                          "type": "default",
+                          "url": "/ui/logos/opensearch_center_mark_on_light.svg",
+                        },
+                        "type": "default",
+                        "url": "/ui/logos/opensearch_center_mark_on_light.svg",
+                      },
+                      "Mark": Object {
+                        "dark": Object {
+                          "type": "default",
+                          "url": "/ui/logos/opensearch_mark_on_dark.svg",
+                        },
+                        "light": Object {
+                          "type": "default",
+                          "url": "/ui/logos/opensearch_mark_on_light.svg",
+                        },
+                        "type": "default",
+                        "url": "/ui/logos/opensearch_mark_on_light.svg",
+                      },
+                      "OpenSearch": Object {
+                        "dark": Object {
+                          "type": "default",
+                          "url": "/ui/logos/opensearch_on_dark.svg",
+                        },
+                        "light": Object {
+                          "type": "default",
+                          "url": "/ui/logos/opensearch_on_light.svg",
+                        },
+                        "type": "default",
+                        "url": "/ui/logos/opensearch_on_light.svg",
+                      },
+                      "colorScheme": "light",
+                    }
+                  }
+                  navLinks$={
+                    BehaviorSubject {
+                      "_isScalar": false,
+                      "_value": Array [
+                        Object {
+                          "baseUrl": "",
+                          "href": "",
+                          "id": "opensearchDashboards",
+                          "title": "opensearchDashboards",
+                        },
+                      ],
+                      "closed": false,
+                      "hasError": false,
+                      "isStopped": false,
+                      "observers": Array [
+                        Subscriber {
+                          "_parentOrParents": null,
+                          "_subscriptions": Array [
+                            SubjectSubscription {
+                              "_parentOrParents": [Circular],
+                              "_subscriptions": null,
+                              "closed": false,
+                              "subject": [Circular],
+                              "subscriber": [Circular],
+                            },
+                          ],
+                          "closed": false,
+                          "destination": SafeSubscriber {
+                            "_complete": undefined,
+                            "_context": [Circular],
+                            "_error": undefined,
+                            "_next": [Function],
+                            "_parentOrParents": null,
+                            "_parentSubscriber": [Circular],
+                            "_subscriptions": null,
+                            "closed": false,
+                            "destination": Object {
+                              "closed": true,
+                              "complete": [Function],
+                              "error": [Function],
+                              "next": [Function],
+                            },
+                            "isStopped": false,
+                            "syncErrorThrowable": false,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
+                          "isStopped": false,
+                          "syncErrorThrowable": true,
+                          "syncErrorThrown": false,
+                          "syncErrorValue": null,
+                        },
+                        Subscriber {
+                          "_parentOrParents": null,
+                          "_subscriptions": Array [
+                            SubjectSubscription {
+                              "_parentOrParents": [Circular],
+                              "_subscriptions": null,
+                              "closed": false,
+                              "subject": [Circular],
+                              "subscriber": [Circular],
+                            },
+                          ],
+                          "closed": false,
+                          "destination": SafeSubscriber {
+                            "_complete": undefined,
+                            "_context": [Circular],
+                            "_error": undefined,
+                            "_next": [Function],
+                            "_parentOrParents": null,
+                            "_parentSubscriber": [Circular],
+                            "_subscriptions": null,
+                            "closed": false,
+                            "destination": Object {
+                              "closed": true,
+                              "complete": [Function],
+                              "error": [Function],
+                              "next": [Function],
+                            },
+                            "isStopped": false,
+                            "syncErrorThrowable": false,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
+                          "isStopped": false,
+                          "syncErrorThrowable": true,
+                          "syncErrorThrown": false,
+                          "syncErrorValue": null,
+                        },
+                        Subscriber {
+                          "_parentOrParents": null,
+                          "_subscriptions": Array [
+                            SubjectSubscription {
+                              "_parentOrParents": [Circular],
+                              "_subscriptions": null,
+                              "closed": false,
+                              "subject": [Circular],
+                              "subscriber": [Circular],
+                            },
+                          ],
+                          "closed": false,
+                          "destination": SafeSubscriber {
+                            "_complete": undefined,
+                            "_context": [Circular],
+                            "_error": undefined,
+                            "_next": [Function],
+                            "_parentOrParents": null,
+                            "_parentSubscriber": [Circular],
+                            "_subscriptions": null,
+                            "closed": false,
+                            "destination": Object {
+                              "closed": true,
+                              "complete": [Function],
+                              "error": [Function],
+                              "next": [Function],
+                            },
+                            "isStopped": false,
+                            "syncErrorThrowable": false,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
+                          "isStopped": false,
+                          "syncErrorThrowable": true,
+                          "syncErrorThrown": false,
+                          "syncErrorValue": null,
+                        },
+                      ],
+                      "thrownError": null,
+                    }
+                  }
+                  navigateToApp={[MockFunction]}
+                />,
+              ],
             },
-            "isStopped": false,
-            "syncErrorThrowable": false,
-            "syncErrorThrown": false,
-            "syncErrorValue": null,
-          },
-          "isStopped": false,
-          "syncErrorThrowable": true,
-          "syncErrorThrown": false,
-          "syncErrorValue": null,
-        },
-      ],
-      "thrownError": null,
-    }
-  }
-  setCurrentNavGroup={[MockFunction]}
-  sidecarConfig$={
-    BehaviorSubject {
-      "_isScalar": false,
-      "_value": Object {
-        "dockedMode": "right",
-        "paddingSize": 640,
-      },
-      "closed": false,
-      "hasError": false,
-      "isStopped": false,
-      "observers": Array [
-        Subscriber {
-          "_parentOrParents": null,
-          "_subscriptions": Array [
-            SubjectSubscription {
-              "_parentOrParents": [Circular],
-              "_subscriptions": null,
-              "closed": false,
-              "subject": [Circular],
-              "subscriber": [Circular],
+            Object {
+              "borders": "none",
+              "items": Array [
+                <EuiShowFor
+                  sizes={
+                    Array [
+                      "m",
+                      "l",
+                      "xl",
+                    ]
+                  }
+                >
+                  <HeaderNavControls
+                    navControls$={
+                      BehaviorSubject {
+                        "_isScalar": false,
+                        "_value": Array [],
+                        "closed": false,
+                        "hasError": false,
+                        "isStopped": false,
+                        "observers": Array [
+                          Subscriber {
+                            "_parentOrParents": null,
+                            "_subscriptions": Array [
+                              SubjectSubscription {
+                                "_parentOrParents": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "subject": [Circular],
+                                "subscriber": [Circular],
+                              },
+                            ],
+                            "closed": false,
+                            "destination": SafeSubscriber {
+                              "_complete": undefined,
+                              "_context": [Circular],
+                              "_error": undefined,
+                              "_next": [Function],
+                              "_parentOrParents": null,
+                              "_parentSubscriber": [Circular],
+                              "_subscriptions": null,
+                              "closed": false,
+                              "destination": Object {
+                                "closed": true,
+                                "complete": [Function],
+                                "error": [Function],
+                                "next": [Function],
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": false,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "isStopped": false,
+                            "syncErrorThrowable": true,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
+                          Subscriber {
+                            "_parentOrParents": null,
+                            "_subscriptions": Array [
+                              SubjectSubscription {
+                                "_parentOrParents": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "subject": [Circular],
+                                "subscriber": [Circular],
+                              },
+                            ],
+                            "closed": false,
+                            "destination": SafeSubscriber {
+                              "_complete": undefined,
+                              "_context": [Circular],
+                              "_error": undefined,
+                              "_next": [Function],
+                              "_parentOrParents": null,
+                              "_parentSubscriber": [Circular],
+                              "_subscriptions": null,
+                              "closed": false,
+                              "destination": Object {
+                                "closed": true,
+                                "complete": [Function],
+                                "error": [Function],
+                                "next": [Function],
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": false,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "isStopped": false,
+                            "syncErrorThrowable": true,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
+                          Subscriber {
+                            "_parentOrParents": null,
+                            "_subscriptions": Array [
+                              SubjectSubscription {
+                                "_parentOrParents": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "subject": [Circular],
+                                "subscriber": [Circular],
+                              },
+                            ],
+                            "closed": false,
+                            "destination": SafeSubscriber {
+                              "_complete": undefined,
+                              "_context": [Circular],
+                              "_error": undefined,
+                              "_next": [Function],
+                              "_parentOrParents": null,
+                              "_parentSubscriber": [Circular],
+                              "_subscriptions": null,
+                              "closed": false,
+                              "destination": Object {
+                                "closed": true,
+                                "complete": [Function],
+                                "error": [Function],
+                                "next": [Function],
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": false,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "isStopped": false,
+                            "syncErrorThrowable": true,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
+                          Subscriber {
+                            "_parentOrParents": null,
+                            "_subscriptions": Array [
+                              SubjectSubscription {
+                                "_parentOrParents": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "subject": [Circular],
+                                "subscriber": [Circular],
+                              },
+                            ],
+                            "closed": false,
+                            "destination": SafeSubscriber {
+                              "_complete": undefined,
+                              "_context": [Circular],
+                              "_error": undefined,
+                              "_next": [Function],
+                              "_parentOrParents": null,
+                              "_parentSubscriber": [Circular],
+                              "_subscriptions": null,
+                              "closed": false,
+                              "destination": Object {
+                                "closed": true,
+                                "complete": [Function],
+                                "error": [Function],
+                                "next": [Function],
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": false,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "isStopped": false,
+                            "syncErrorThrowable": true,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
+                          Subscriber {
+                            "_parentOrParents": null,
+                            "_subscriptions": Array [
+                              SubjectSubscription {
+                                "_parentOrParents": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "subject": [Circular],
+                                "subscriber": [Circular],
+                              },
+                            ],
+                            "closed": false,
+                            "destination": SafeSubscriber {
+                              "_complete": undefined,
+                              "_context": [Circular],
+                              "_error": undefined,
+                              "_next": [Function],
+                              "_parentOrParents": null,
+                              "_parentSubscriber": [Circular],
+                              "_subscriptions": null,
+                              "closed": false,
+                              "destination": Object {
+                                "closed": true,
+                                "complete": [Function],
+                                "error": [Function],
+                                "next": [Function],
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": false,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "isStopped": false,
+                            "syncErrorThrowable": true,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
+                        ],
+                        "thrownError": null,
+                      }
+                    }
+                  />
+                </EuiShowFor>,
+              ],
             },
-          ],
-          "closed": false,
-          "destination": SafeSubscriber {
-            "_complete": undefined,
-            "_context": [Circular],
-            "_error": undefined,
-            "_next": [Function],
-            "_parentOrParents": null,
-            "_parentSubscriber": [Circular],
-            "_subscriptions": null,
-            "closed": false,
-            "destination": Object {
-              "closed": true,
-              "complete": [Function],
-              "error": [Function],
-              "next": [Function],
+            Object {
+              "borders": "none",
+              "items": Array [
+                <EuiHideFor
+                  sizes={
+                    Array [
+                      "m",
+                      "l",
+                      "xl",
+                    ]
+                  }
+                >
+                  <HeaderNavControls
+                    navControls$={
+                      BehaviorSubject {
+                        "_isScalar": false,
+                        "_value": Array [],
+                        "closed": false,
+                        "hasError": false,
+                        "isStopped": false,
+                        "observers": Array [
+                          Subscriber {
+                            "_parentOrParents": null,
+                            "_subscriptions": Array [
+                              SubjectSubscription {
+                                "_parentOrParents": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "subject": [Circular],
+                                "subscriber": [Circular],
+                              },
+                            ],
+                            "closed": false,
+                            "destination": SafeSubscriber {
+                              "_complete": undefined,
+                              "_context": [Circular],
+                              "_error": undefined,
+                              "_next": [Function],
+                              "_parentOrParents": null,
+                              "_parentSubscriber": [Circular],
+                              "_subscriptions": null,
+                              "closed": false,
+                              "destination": Object {
+                                "closed": true,
+                                "complete": [Function],
+                                "error": [Function],
+                                "next": [Function],
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": false,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "isStopped": false,
+                            "syncErrorThrowable": true,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
+                          Subscriber {
+                            "_parentOrParents": null,
+                            "_subscriptions": Array [
+                              SubjectSubscription {
+                                "_parentOrParents": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "subject": [Circular],
+                                "subscriber": [Circular],
+                              },
+                            ],
+                            "closed": false,
+                            "destination": SafeSubscriber {
+                              "_complete": undefined,
+                              "_context": [Circular],
+                              "_error": undefined,
+                              "_next": [Function],
+                              "_parentOrParents": null,
+                              "_parentSubscriber": [Circular],
+                              "_subscriptions": null,
+                              "closed": false,
+                              "destination": Object {
+                                "closed": true,
+                                "complete": [Function],
+                                "error": [Function],
+                                "next": [Function],
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": false,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "isStopped": false,
+                            "syncErrorThrowable": true,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
+                          Subscriber {
+                            "_parentOrParents": null,
+                            "_subscriptions": Array [
+                              SubjectSubscription {
+                                "_parentOrParents": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "subject": [Circular],
+                                "subscriber": [Circular],
+                              },
+                            ],
+                            "closed": false,
+                            "destination": SafeSubscriber {
+                              "_complete": undefined,
+                              "_context": [Circular],
+                              "_error": undefined,
+                              "_next": [Function],
+                              "_parentOrParents": null,
+                              "_parentSubscriber": [Circular],
+                              "_subscriptions": null,
+                              "closed": false,
+                              "destination": Object {
+                                "closed": true,
+                                "complete": [Function],
+                                "error": [Function],
+                                "next": [Function],
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": false,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "isStopped": false,
+                            "syncErrorThrowable": true,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
+                          Subscriber {
+                            "_parentOrParents": null,
+                            "_subscriptions": Array [
+                              SubjectSubscription {
+                                "_parentOrParents": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "subject": [Circular],
+                                "subscriber": [Circular],
+                              },
+                            ],
+                            "closed": false,
+                            "destination": SafeSubscriber {
+                              "_complete": undefined,
+                              "_context": [Circular],
+                              "_error": undefined,
+                              "_next": [Function],
+                              "_parentOrParents": null,
+                              "_parentSubscriber": [Circular],
+                              "_subscriptions": null,
+                              "closed": false,
+                              "destination": Object {
+                                "closed": true,
+                                "complete": [Function],
+                                "error": [Function],
+                                "next": [Function],
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": false,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "isStopped": false,
+                            "syncErrorThrowable": true,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
+                          Subscriber {
+                            "_parentOrParents": null,
+                            "_subscriptions": Array [
+                              SubjectSubscription {
+                                "_parentOrParents": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "subject": [Circular],
+                                "subscriber": [Circular],
+                              },
+                            ],
+                            "closed": false,
+                            "destination": SafeSubscriber {
+                              "_complete": undefined,
+                              "_context": [Circular],
+                              "_error": undefined,
+                              "_next": [Function],
+                              "_parentOrParents": null,
+                              "_parentSubscriber": [Circular],
+                              "_subscriptions": null,
+                              "closed": false,
+                              "destination": Object {
+                                "closed": true,
+                                "complete": [Function],
+                                "error": [Function],
+                                "next": [Function],
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": false,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "isStopped": false,
+                            "syncErrorThrowable": true,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
+                        ],
+                        "thrownError": null,
+                      }
+                    }
+                  />
+                </EuiHideFor>,
+                <HeaderNavControls
+                  navControls$={
+                    BehaviorSubject {
+                      "_isScalar": false,
+                      "_value": Array [],
+                      "closed": false,
+                      "hasError": false,
+                      "isStopped": false,
+                      "observers": Array [
+                        Subscriber {
+                          "_parentOrParents": null,
+                          "_subscriptions": Array [
+                            SubjectSubscription {
+                              "_parentOrParents": [Circular],
+                              "_subscriptions": null,
+                              "closed": false,
+                              "subject": [Circular],
+                              "subscriber": [Circular],
+                            },
+                          ],
+                          "closed": false,
+                          "destination": SafeSubscriber {
+                            "_complete": undefined,
+                            "_context": [Circular],
+                            "_error": undefined,
+                            "_next": [Function],
+                            "_parentOrParents": null,
+                            "_parentSubscriber": [Circular],
+                            "_subscriptions": null,
+                            "closed": false,
+                            "destination": Object {
+                              "closed": true,
+                              "complete": [Function],
+                              "error": [Function],
+                              "next": [Function],
+                            },
+                            "isStopped": false,
+                            "syncErrorThrowable": false,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
+                          "isStopped": false,
+                          "syncErrorThrowable": true,
+                          "syncErrorThrown": false,
+                          "syncErrorValue": null,
+                        },
+                      ],
+                      "thrownError": null,
+                    }
+                  }
+                />,
+              ],
             },
-            "isStopped": false,
-            "syncErrorThrowable": false,
-            "syncErrorThrown": false,
-            "syncErrorValue": null,
-          },
-          "isStopped": false,
-          "syncErrorThrowable": true,
-          "syncErrorThrown": false,
-          "syncErrorValue": null,
-        },
-      ],
-      "thrownError": null,
-    }
-  }
-  survey="/"
-  useUpdatedHeader={false}
-  workspaceList$={
-    BehaviorSubject {
-      "_isScalar": false,
-      "_value": Array [],
-      "closed": false,
-      "hasError": false,
-      "isStopped": false,
-      "observers": Array [],
-      "thrownError": null,
-    }
-  }
->
-  <header
-    className="hide-for-sharing headerGlobalNav"
-    data-test-subj="headerGlobalNav"
-  >
-    <div
-      id="globalHeaderBars"
-    >
+          ]
+        }
+        style={
+          Object {
+            "paddingRight": 640,
+          }
+        }
+        theme="dark"
+      >
+        <div
+          className="euiHeader euiHeader--dark euiHeader--fixed expandedHeader"
+          style={
+            Object {
+              "paddingRight": 640,
+            }
+          }
+        >
+          <EuiHeaderSection
+            key="items-0"
+          >
+            <div
+              className="euiHeaderSection euiHeaderSection--dontGrow euiHeaderSection--left"
+            >
+              <EuiHeaderSectionItem
+                border="none"
+                key="0"
+              >
+                <div
+                  className="euiHeaderSectionItem"
+                >
+                  <HeaderLogo
+                    backgroundColorScheme="dark"
+                    branding={Object {}}
+                    forceNavigation$={
+                      BehaviorSubject {
+                        "_isScalar": false,
+                        "_value": false,
+                        "closed": false,
+                        "hasError": false,
+                        "isStopped": false,
+                        "observers": Array [
+                          Subscriber {
+                            "_parentOrParents": null,
+                            "_subscriptions": Array [
+                              SubjectSubscription {
+                                "_parentOrParents": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "subject": [Circular],
+                                "subscriber": [Circular],
+                              },
+                            ],
+                            "closed": false,
+                            "destination": SafeSubscriber {
+                              "_complete": undefined,
+                              "_context": [Circular],
+                              "_error": undefined,
+                              "_next": [Function],
+                              "_parentOrParents": null,
+                              "_parentSubscriber": [Circular],
+                              "_subscriptions": null,
+                              "closed": false,
+                              "destination": Object {
+                                "closed": true,
+                                "complete": [Function],
+                                "error": [Function],
+                                "next": [Function],
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": false,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "isStopped": false,
+                            "syncErrorThrowable": true,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
+                          Subscriber {
+                            "_parentOrParents": null,
+                            "_subscriptions": Array [
+                              SubjectSubscription {
+                                "_parentOrParents": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "subject": [Circular],
+                                "subscriber": [Circular],
+                              },
+                            ],
+                            "closed": false,
+                            "destination": SafeSubscriber {
+                              "_complete": undefined,
+                              "_context": [Circular],
+                              "_error": undefined,
+                              "_next": [Function],
+                              "_parentOrParents": null,
+                              "_parentSubscriber": [Circular],
+                              "_subscriptions": null,
+                              "closed": false,
+                              "destination": Object {
+                                "closed": true,
+                                "complete": [Function],
+                                "error": [Function],
+                                "next": [Function],
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": false,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "isStopped": false,
+                            "syncErrorThrowable": true,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
+                        ],
+                        "thrownError": null,
+                      }
+                    }
+                    href="/"
+                    logos={
+                      Object {
+                        "AnimatedMark": Object {
+                          "dark": Object {
+                            "type": "default",
+                            "url": "/ui/logos/opensearch_spinner_on_dark.svg",
+                          },
+                          "light": Object {
+                            "type": "default",
+                            "url": "/ui/logos/opensearch_spinner_on_light.svg",
+                          },
+                          "type": "default",
+                          "url": "/ui/logos/opensearch_spinner_on_light.svg",
+                        },
+                        "Application": Object {
+                          "dark": Object {
+                            "type": "default",
+                            "url": "/ui/logos/opensearch_dashboards_on_dark.svg",
+                          },
+                          "light": Object {
+                            "type": "default",
+                            "url": "/ui/logos/opensearch_dashboards_on_light.svg",
+                          },
+                          "type": "default",
+                          "url": "/ui/logos/opensearch_dashboards_on_light.svg",
+                        },
+                        "CenterMark": Object {
+                          "dark": Object {
+                            "type": "default",
+                            "url": "/ui/logos/opensearch_center_mark_on_dark.svg",
+                          },
+                          "light": Object {
+                            "type": "default",
+                            "url": "/ui/logos/opensearch_center_mark_on_light.svg",
+                          },
+                          "type": "default",
+                          "url": "/ui/logos/opensearch_center_mark_on_light.svg",
+                        },
+                        "Mark": Object {
+                          "dark": Object {
+                            "type": "default",
+                            "url": "/ui/logos/opensearch_mark_on_dark.svg",
+                          },
+                          "light": Object {
+                            "type": "default",
+                            "url": "/ui/logos/opensearch_mark_on_light.svg",
+                          },
+                          "type": "default",
+                          "url": "/ui/logos/opensearch_mark_on_light.svg",
+                        },
+                        "OpenSearch": Object {
+                          "dark": Object {
+                            "type": "default",
+                            "url": "/ui/logos/opensearch_on_dark.svg",
+                          },
+                          "light": Object {
+                            "type": "default",
+                            "url": "/ui/logos/opensearch_on_light.svg",
+                          },
+                          "type": "default",
+                          "url": "/ui/logos/opensearch_on_light.svg",
+                        },
+                        "colorScheme": "light",
+                      }
+                    }
+                    navLinks$={
+                      BehaviorSubject {
+                        "_isScalar": false,
+                        "_value": Array [
+                          Object {
+                            "baseUrl": "",
+                            "href": "",
+                            "id": "opensearchDashboards",
+                            "title": "opensearchDashboards",
+                          },
+                        ],
+                        "closed": false,
+                        "hasError": false,
+                        "isStopped": false,
+                        "observers": Array [
+                          Subscriber {
+                            "_parentOrParents": null,
+                            "_subscriptions": Array [
+                              SubjectSubscription {
+                                "_parentOrParents": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "subject": [Circular],
+                                "subscriber": [Circular],
+                              },
+                            ],
+                            "closed": false,
+                            "destination": SafeSubscriber {
+                              "_complete": undefined,
+                              "_context": [Circular],
+                              "_error": undefined,
+                              "_next": [Function],
+                              "_parentOrParents": null,
+                              "_parentSubscriber": [Circular],
+                              "_subscriptions": null,
+                              "closed": false,
+                              "destination": Object {
+                                "closed": true,
+                                "complete": [Function],
+                                "error": [Function],
+                                "next": [Function],
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": false,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "isStopped": false,
+                            "syncErrorThrowable": true,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
+                          Subscriber {
+                            "_parentOrParents": null,
+                            "_subscriptions": Array [
+                              SubjectSubscription {
+                                "_parentOrParents": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "subject": [Circular],
+                                "subscriber": [Circular],
+                              },
+                            ],
+                            "closed": false,
+                            "destination": SafeSubscriber {
+                              "_complete": undefined,
+                              "_context": [Circular],
+                              "_error": undefined,
+                              "_next": [Function],
+                              "_parentOrParents": null,
+                              "_parentSubscriber": [Circular],
+                              "_subscriptions": null,
+                              "closed": false,
+                              "destination": Object {
+                                "closed": true,
+                                "complete": [Function],
+                                "error": [Function],
+                                "next": [Function],
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": false,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "isStopped": false,
+                            "syncErrorThrowable": true,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
+                          Subscriber {
+                            "_parentOrParents": null,
+                            "_subscriptions": Array [
+                              SubjectSubscription {
+                                "_parentOrParents": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "subject": [Circular],
+                                "subscriber": [Circular],
+                              },
+                            ],
+                            "closed": false,
+                            "destination": SafeSubscriber {
+                              "_complete": undefined,
+                              "_context": [Circular],
+                              "_error": undefined,
+                              "_next": [Function],
+                              "_parentOrParents": null,
+                              "_parentSubscriber": [Circular],
+                              "_subscriptions": null,
+                              "closed": false,
+                              "destination": Object {
+                                "closed": true,
+                                "complete": [Function],
+                                "error": [Function],
+                                "next": [Function],
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": false,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "isStopped": false,
+                            "syncErrorThrowable": true,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
+                        ],
+                        "thrownError": null,
+                      }
+                    }
+                    navigateToApp={[MockFunction]}
+                  >
+                    <a
+                      aria-label="Go to home page"
+                      className="logoContainer"
+                      data-test-subj="logo"
+                      href="/"
+                      onClick={[Function]}
+                    >
+                      <img
+                        alt="opensearch dashboards logo"
+                        className="logoImage"
+                        data-test-image-url="/ui/logos/opensearch_dashboards_on_dark.svg"
+                        data-test-subj="defaultLogo"
+                        loading="lazy"
+                        src="/ui/logos/opensearch_dashboards_on_dark.svg"
+                      />
+                    </a>
+                  </HeaderLogo>
+                </div>
+              </EuiHeaderSectionItem>
+            </div>
+          </EuiHeaderSection>
+          <EuiHeaderSection
+            key="items-1"
+          >
+            <div
+              className="euiHeaderSection euiHeaderSection--dontGrow euiHeaderSection--left"
+            >
+              <EuiHeaderSectionItem
+                border="none"
+                key="0"
+              >
+                <div
+                  className="euiHeaderSectionItem"
+                >
+                  <EuiShowFor
+                    sizes={
+                      Array [
+                        "m",
+                        "l",
+                        "xl",
+                      ]
+                    }
+                  >
+                    <HeaderNavControls
+                      navControls$={
+                        BehaviorSubject {
+                          "_isScalar": false,
+                          "_value": Array [],
+                          "closed": false,
+                          "hasError": false,
+                          "isStopped": false,
+                          "observers": Array [
+                            Subscriber {
+                              "_parentOrParents": null,
+                              "_subscriptions": Array [
+                                SubjectSubscription {
+                                  "_parentOrParents": [Circular],
+                                  "_subscriptions": null,
+                                  "closed": false,
+                                  "subject": [Circular],
+                                  "subscriber": [Circular],
+                                },
+                              ],
+                              "closed": false,
+                              "destination": SafeSubscriber {
+                                "_complete": undefined,
+                                "_context": [Circular],
+                                "_error": undefined,
+                                "_next": [Function],
+                                "_parentOrParents": null,
+                                "_parentSubscriber": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "destination": Object {
+                                  "closed": true,
+                                  "complete": [Function],
+                                  "error": [Function],
+                                  "next": [Function],
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": false,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": true,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            Subscriber {
+                              "_parentOrParents": null,
+                              "_subscriptions": Array [
+                                SubjectSubscription {
+                                  "_parentOrParents": [Circular],
+                                  "_subscriptions": null,
+                                  "closed": false,
+                                  "subject": [Circular],
+                                  "subscriber": [Circular],
+                                },
+                              ],
+                              "closed": false,
+                              "destination": SafeSubscriber {
+                                "_complete": undefined,
+                                "_context": [Circular],
+                                "_error": undefined,
+                                "_next": [Function],
+                                "_parentOrParents": null,
+                                "_parentSubscriber": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "destination": Object {
+                                  "closed": true,
+                                  "complete": [Function],
+                                  "error": [Function],
+                                  "next": [Function],
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": false,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": true,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            Subscriber {
+                              "_parentOrParents": null,
+                              "_subscriptions": Array [
+                                SubjectSubscription {
+                                  "_parentOrParents": [Circular],
+                                  "_subscriptions": null,
+                                  "closed": false,
+                                  "subject": [Circular],
+                                  "subscriber": [Circular],
+                                },
+                              ],
+                              "closed": false,
+                              "destination": SafeSubscriber {
+                                "_complete": undefined,
+                                "_context": [Circular],
+                                "_error": undefined,
+                                "_next": [Function],
+                                "_parentOrParents": null,
+                                "_parentSubscriber": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "destination": Object {
+                                  "closed": true,
+                                  "complete": [Function],
+                                  "error": [Function],
+                                  "next": [Function],
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": false,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": true,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            Subscriber {
+                              "_parentOrParents": null,
+                              "_subscriptions": Array [
+                                SubjectSubscription {
+                                  "_parentOrParents": [Circular],
+                                  "_subscriptions": null,
+                                  "closed": false,
+                                  "subject": [Circular],
+                                  "subscriber": [Circular],
+                                },
+                              ],
+                              "closed": false,
+                              "destination": SafeSubscriber {
+                                "_complete": undefined,
+                                "_context": [Circular],
+                                "_error": undefined,
+                                "_next": [Function],
+                                "_parentOrParents": null,
+                                "_parentSubscriber": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "destination": Object {
+                                  "closed": true,
+                                  "complete": [Function],
+                                  "error": [Function],
+                                  "next": [Function],
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": false,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": true,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            Subscriber {
+                              "_parentOrParents": null,
+                              "_subscriptions": Array [
+                                SubjectSubscription {
+                                  "_parentOrParents": [Circular],
+                                  "_subscriptions": null,
+                                  "closed": false,
+                                  "subject": [Circular],
+                                  "subscriber": [Circular],
+                                },
+                              ],
+                              "closed": false,
+                              "destination": SafeSubscriber {
+                                "_complete": undefined,
+                                "_context": [Circular],
+                                "_error": undefined,
+                                "_next": [Function],
+                                "_parentOrParents": null,
+                                "_parentSubscriber": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "destination": Object {
+                                  "closed": true,
+                                  "complete": [Function],
+                                  "error": [Function],
+                                  "next": [Function],
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": false,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": true,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                          ],
+                          "thrownError": null,
+                        }
+                      }
+                    />
+                  </EuiShowFor>
+                </div>
+              </EuiHeaderSectionItem>
+            </div>
+          </EuiHeaderSection>
+          <EuiHeaderSection
+            key="items-2"
+          >
+            <div
+              className="euiHeaderSection euiHeaderSection--dontGrow euiHeaderSection--left"
+            >
+              <EuiHeaderSectionItem
+                border="none"
+                key="0"
+              >
+                <div
+                  className="euiHeaderSectionItem"
+                >
+                  <EuiHideFor
+                    sizes={
+                      Array [
+                        "m",
+                        "l",
+                        "xl",
+                      ]
+                    }
+                  />
+                </div>
+              </EuiHeaderSectionItem>
+              <EuiHeaderSectionItem
+                border="none"
+                key="1"
+              >
+                <div
+                  className="euiHeaderSectionItem"
+                >
+                  <HeaderNavControls
+                    navControls$={
+                      BehaviorSubject {
+                        "_isScalar": false,
+                        "_value": Array [],
+                        "closed": false,
+                        "hasError": false,
+                        "isStopped": false,
+                        "observers": Array [
+                          Subscriber {
+                            "_parentOrParents": null,
+                            "_subscriptions": Array [
+                              SubjectSubscription {
+                                "_parentOrParents": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "subject": [Circular],
+                                "subscriber": [Circular],
+                              },
+                            ],
+                            "closed": false,
+                            "destination": SafeSubscriber {
+                              "_complete": undefined,
+                              "_context": [Circular],
+                              "_error": undefined,
+                              "_next": [Function],
+                              "_parentOrParents": null,
+                              "_parentSubscriber": [Circular],
+                              "_subscriptions": null,
+                              "closed": false,
+                              "destination": Object {
+                                "closed": true,
+                                "complete": [Function],
+                                "error": [Function],
+                                "next": [Function],
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": false,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "isStopped": false,
+                            "syncErrorThrowable": true,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
+                        ],
+                        "thrownError": null,
+                      }
+                    }
+                  />
+                </div>
+              </EuiHeaderSectionItem>
+            </div>
+          </EuiHeaderSection>
+        </div>
+      </EuiHeader>
       <EuiHeader
         className="primaryHeader"
         position="fixed"
@@ -12162,6 +4735,80 @@ exports[`Header renders condensed header 1`] = `
                             "syncErrorThrown": false,
                             "syncErrorValue": null,
                           },
+                          Subscriber {
+                            "_parentOrParents": null,
+                            "_subscriptions": Array [
+                              SubjectSubscription {
+                                "_parentOrParents": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "subject": [Circular],
+                                "subscriber": [Circular],
+                              },
+                            ],
+                            "closed": false,
+                            "destination": SafeSubscriber {
+                              "_complete": undefined,
+                              "_context": [Circular],
+                              "_error": undefined,
+                              "_next": [Function],
+                              "_parentOrParents": null,
+                              "_parentSubscriber": [Circular],
+                              "_subscriptions": null,
+                              "closed": false,
+                              "destination": Object {
+                                "closed": true,
+                                "complete": [Function],
+                                "error": [Function],
+                                "next": [Function],
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": false,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "isStopped": false,
+                            "syncErrorThrowable": true,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
+                          Subscriber {
+                            "_parentOrParents": null,
+                            "_subscriptions": Array [
+                              SubjectSubscription {
+                                "_parentOrParents": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "subject": [Circular],
+                                "subscriber": [Circular],
+                              },
+                            ],
+                            "closed": false,
+                            "destination": SafeSubscriber {
+                              "_complete": undefined,
+                              "_context": [Circular],
+                              "_error": undefined,
+                              "_next": [Function],
+                              "_parentOrParents": null,
+                              "_parentSubscriber": [Circular],
+                              "_subscriptions": null,
+                              "closed": false,
+                              "destination": Object {
+                                "closed": true,
+                                "complete": [Function],
+                                "error": [Function],
+                                "next": [Function],
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": false,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "isStopped": false,
+                            "syncErrorThrowable": true,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
                         ],
                         "thrownError": null,
                       }
@@ -12177,11 +4824,7 @@ exports[`Header renders condensed header 1`] = `
                   className="euiHeaderSectionItem euiHeaderSectionItem--borderRight"
                 >
                   <HomeLoader
-                    branding={
-                      Object {
-                        "useExpandedHeader": false,
-                      }
-                    }
+                    branding={Object {}}
                     forceNavigation$={
                       BehaviorSubject {
                         "_isScalar": false,
@@ -12227,6 +4870,43 @@ exports[`Header renders condensed header 1`] = `
                             "syncErrorThrown": false,
                             "syncErrorValue": null,
                           },
+                          Subscriber {
+                            "_parentOrParents": null,
+                            "_subscriptions": Array [
+                              SubjectSubscription {
+                                "_parentOrParents": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "subject": [Circular],
+                                "subscriber": [Circular],
+                              },
+                            ],
+                            "closed": false,
+                            "destination": SafeSubscriber {
+                              "_complete": undefined,
+                              "_context": [Circular],
+                              "_error": undefined,
+                              "_next": [Function],
+                              "_parentOrParents": null,
+                              "_parentSubscriber": [Circular],
+                              "_subscriptions": null,
+                              "closed": false,
+                              "destination": Object {
+                                "closed": true,
+                                "complete": [Function],
+                                "error": [Function],
+                                "next": [Function],
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": false,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "isStopped": false,
+                            "syncErrorThrowable": true,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
                         ],
                         "thrownError": null,
                       }
@@ -12386,7 +5066,14 @@ exports[`Header renders condensed header 1`] = `
                     navLinks$={
                       BehaviorSubject {
                         "_isScalar": false,
-                        "_value": Array [],
+                        "_value": Array [
+                          Object {
+                            "baseUrl": "",
+                            "href": "",
+                            "id": "opensearchDashboards",
+                            "title": "opensearchDashboards",
+                          },
+                        ],
                         "closed": false,
                         "hasError": false,
                         "isStopped": false,
@@ -12465,6 +5152,43 @@ exports[`Header renders condensed header 1`] = `
                             "syncErrorThrown": false,
                             "syncErrorValue": null,
                           },
+                          Subscriber {
+                            "_parentOrParents": null,
+                            "_subscriptions": Array [
+                              SubjectSubscription {
+                                "_parentOrParents": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "subject": [Circular],
+                                "subscriber": [Circular],
+                              },
+                            ],
+                            "closed": false,
+                            "destination": SafeSubscriber {
+                              "_complete": undefined,
+                              "_context": [Circular],
+                              "_error": undefined,
+                              "_next": [Function],
+                              "_parentOrParents": null,
+                              "_parentSubscriber": [Circular],
+                              "_subscriptions": null,
+                              "closed": false,
+                              "destination": Object {
+                                "closed": true,
+                                "complete": [Function],
+                                "error": [Function],
+                                "next": [Function],
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": false,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "isStopped": false,
+                            "syncErrorThrowable": true,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
                         ],
                         "thrownError": null,
                       }
@@ -12516,9 +5240,9 @@ exports[`Header renders condensed header 1`] = `
                                         >
                                           <span
                                             class="logoImage"
-                                            data-euiicon-type="/ui/logos/opensearch_mark_on_light.svg"
-                                            data-test-image-url="/ui/logos/opensearch_mark_on_light.svg"
-                                            data-test-subj="defaultMark"
+                                            data-euiicon-type="home"
+                                            data-test-image-url="home"
+                                            data-test-subj="homeIcon"
                                             title="opensearch dashboards home"
                                           />
                                         </div>
@@ -12580,11 +5304,7 @@ exports[`Header renders condensed header 1`] = `
                                         className="homeIconContainer"
                                       >
                                         <HomeIcon
-                                          branding={
-                                            Object {
-                                              "useExpandedHeader": false,
-                                            }
-                                          }
+                                          branding={Object {}}
                                           logos={
                                             Object {
                                               "AnimatedMark": Object {
@@ -12653,18 +5373,18 @@ exports[`Header renders condensed header 1`] = `
                                         >
                                           <EuiIcon
                                             className="logoImage"
-                                            data-test-image-url="/ui/logos/opensearch_mark_on_light.svg"
-                                            data-test-subj="defaultMark"
-                                            size="l"
+                                            data-test-image-url="home"
+                                            data-test-subj="homeIcon"
+                                            size="m"
                                             title="opensearch dashboards home"
-                                            type="/ui/logos/opensearch_mark_on_light.svg"
+                                            type="home"
                                           >
                                             <span
                                               className="logoImage"
-                                              data-euiicon-type="/ui/logos/opensearch_mark_on_light.svg"
-                                              data-test-image-url="/ui/logos/opensearch_mark_on_light.svg"
-                                              data-test-subj="defaultMark"
-                                              size="l"
+                                              data-euiicon-type="home"
+                                              data-test-image-url="home"
+                                              data-test-subj="homeIcon"
+                                              size="m"
                                               title="opensearch dashboards home"
                                             />
                                           </EuiIcon>
@@ -12844,7 +5564,11 @@ exports[`Header renders condensed header 1`] = `
             breadcrumbs$={
               BehaviorSubject {
                 "_isScalar": false,
-                "_value": Array [],
+                "_value": Array [
+                  Object {
+                    "text": "test",
+                  },
+                ],
                 "closed": false,
                 "hasError": false,
                 "isStopped": false,
@@ -13084,6 +5808,80 @@ exports[`Header renders condensed header 1`] = `
                         "syncErrorThrown": false,
                         "syncErrorValue": null,
                       },
+                      Subscriber {
+                        "_parentOrParents": null,
+                        "_subscriptions": Array [
+                          SubjectSubscription {
+                            "_parentOrParents": [Circular],
+                            "_subscriptions": null,
+                            "closed": false,
+                            "subject": [Circular],
+                            "subscriber": [Circular],
+                          },
+                        ],
+                        "closed": false,
+                        "destination": SafeSubscriber {
+                          "_complete": undefined,
+                          "_context": [Circular],
+                          "_error": undefined,
+                          "_next": [Function],
+                          "_parentOrParents": null,
+                          "_parentSubscriber": [Circular],
+                          "_subscriptions": null,
+                          "closed": false,
+                          "destination": Object {
+                            "closed": true,
+                            "complete": [Function],
+                            "error": [Function],
+                            "next": [Function],
+                          },
+                          "isStopped": false,
+                          "syncErrorThrowable": false,
+                          "syncErrorThrown": false,
+                          "syncErrorValue": null,
+                        },
+                        "isStopped": false,
+                        "syncErrorThrowable": true,
+                        "syncErrorThrown": false,
+                        "syncErrorValue": null,
+                      },
+                      Subscriber {
+                        "_parentOrParents": null,
+                        "_subscriptions": Array [
+                          SubjectSubscription {
+                            "_parentOrParents": [Circular],
+                            "_subscriptions": null,
+                            "closed": false,
+                            "subject": [Circular],
+                            "subscriber": [Circular],
+                          },
+                        ],
+                        "closed": false,
+                        "destination": SafeSubscriber {
+                          "_complete": undefined,
+                          "_context": [Circular],
+                          "_error": undefined,
+                          "_next": [Function],
+                          "_parentOrParents": null,
+                          "_parentSubscriber": [Circular],
+                          "_subscriptions": null,
+                          "closed": false,
+                          "destination": Object {
+                            "closed": true,
+                            "complete": [Function],
+                            "error": [Function],
+                            "next": [Function],
+                          },
+                          "isStopped": false,
+                          "syncErrorThrowable": false,
+                          "syncErrorThrown": false,
+                          "syncErrorValue": null,
+                        },
+                        "isStopped": false,
+                        "syncErrorThrowable": true,
+                        "syncErrorThrown": false,
+                        "syncErrorValue": null,
+                      },
                     ],
                     "thrownError": null,
                   }
@@ -13150,6 +5948,80 @@ exports[`Header renders condensed header 1`] = `
                             "syncErrorThrown": false,
                             "syncErrorValue": null,
                           },
+                          Subscriber {
+                            "_parentOrParents": null,
+                            "_subscriptions": Array [
+                              SubjectSubscription {
+                                "_parentOrParents": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "subject": [Circular],
+                                "subscriber": [Circular],
+                              },
+                            ],
+                            "closed": false,
+                            "destination": SafeSubscriber {
+                              "_complete": undefined,
+                              "_context": [Circular],
+                              "_error": undefined,
+                              "_next": [Function],
+                              "_parentOrParents": null,
+                              "_parentSubscriber": [Circular],
+                              "_subscriptions": null,
+                              "closed": false,
+                              "destination": Object {
+                                "closed": true,
+                                "complete": [Function],
+                                "error": [Function],
+                                "next": [Function],
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": false,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "isStopped": false,
+                            "syncErrorThrowable": true,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
+                          Subscriber {
+                            "_parentOrParents": null,
+                            "_subscriptions": Array [
+                              SubjectSubscription {
+                                "_parentOrParents": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "subject": [Circular],
+                                "subscriber": [Circular],
+                              },
+                            ],
+                            "closed": false,
+                            "destination": SafeSubscriber {
+                              "_complete": undefined,
+                              "_context": [Circular],
+                              "_error": undefined,
+                              "_next": [Function],
+                              "_parentOrParents": null,
+                              "_parentSubscriber": [Circular],
+                              "_subscriptions": null,
+                              "closed": false,
+                              "destination": Object {
+                                "closed": true,
+                                "complete": [Function],
+                                "error": [Function],
+                                "next": [Function],
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": false,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "isStopped": false,
+                            "syncErrorThrowable": true,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
                         ],
                         "thrownError": null,
                       }
@@ -13214,6 +6086,80 @@ exports[`Header renders condensed header 1`] = `
                             "syncErrorThrown": false,
                             "syncErrorValue": null,
                           },
+                          Subscriber {
+                            "_parentOrParents": null,
+                            "_subscriptions": Array [
+                              SubjectSubscription {
+                                "_parentOrParents": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "subject": [Circular],
+                                "subscriber": [Circular],
+                              },
+                            ],
+                            "closed": false,
+                            "destination": SafeSubscriber {
+                              "_complete": undefined,
+                              "_context": [Circular],
+                              "_error": undefined,
+                              "_next": [Function],
+                              "_parentOrParents": null,
+                              "_parentSubscriber": [Circular],
+                              "_subscriptions": null,
+                              "closed": false,
+                              "destination": Object {
+                                "closed": true,
+                                "complete": [Function],
+                                "error": [Function],
+                                "next": [Function],
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": false,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "isStopped": false,
+                            "syncErrorThrowable": true,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
+                          Subscriber {
+                            "_parentOrParents": null,
+                            "_subscriptions": Array [
+                              SubjectSubscription {
+                                "_parentOrParents": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "subject": [Circular],
+                                "subscriber": [Circular],
+                              },
+                            ],
+                            "closed": false,
+                            "destination": SafeSubscriber {
+                              "_complete": undefined,
+                              "_context": [Circular],
+                              "_error": undefined,
+                              "_next": [Function],
+                              "_parentOrParents": null,
+                              "_parentSubscriber": [Circular],
+                              "_subscriptions": null,
+                              "closed": false,
+                              "destination": Object {
+                                "closed": true,
+                                "complete": [Function],
+                                "error": [Function],
+                                "next": [Function],
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": false,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "isStopped": false,
+                            "syncErrorThrowable": true,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
                         ],
                         "thrownError": null,
                       }
@@ -13273,6 +6219,80 @@ exports[`Header renders condensed header 1`] = `
                             "syncErrorThrown": false,
                             "syncErrorValue": null,
                           },
+                          Subscriber {
+                            "_parentOrParents": null,
+                            "_subscriptions": Array [
+                              SubjectSubscription {
+                                "_parentOrParents": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "subject": [Circular],
+                                "subscriber": [Circular],
+                              },
+                            ],
+                            "closed": false,
+                            "destination": SafeSubscriber {
+                              "_complete": undefined,
+                              "_context": [Circular],
+                              "_error": undefined,
+                              "_next": [Function],
+                              "_parentOrParents": null,
+                              "_parentSubscriber": [Circular],
+                              "_subscriptions": null,
+                              "closed": false,
+                              "destination": Object {
+                                "closed": true,
+                                "complete": [Function],
+                                "error": [Function],
+                                "next": [Function],
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": false,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "isStopped": false,
+                            "syncErrorThrowable": true,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
+                          Subscriber {
+                            "_parentOrParents": null,
+                            "_subscriptions": Array [
+                              SubjectSubscription {
+                                "_parentOrParents": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "subject": [Circular],
+                                "subscriber": [Circular],
+                              },
+                            ],
+                            "closed": false,
+                            "destination": SafeSubscriber {
+                              "_complete": undefined,
+                              "_context": [Circular],
+                              "_error": undefined,
+                              "_next": [Function],
+                              "_parentOrParents": null,
+                              "_parentSubscriber": [Circular],
+                              "_subscriptions": null,
+                              "closed": false,
+                              "destination": Object {
+                                "closed": true,
+                                "complete": [Function],
+                                "error": [Function],
+                                "next": [Function],
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": false,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "isStopped": false,
+                            "syncErrorThrowable": true,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
                         ],
                         "thrownError": null,
                       }
@@ -13845,157 +6865,506 @@ exports[`Header renders condensed header 1`] = `
                                     "next": [Function],
                                   },
                                   "isStopped": false,
-                                  "syncErrorThrowable": false,
+                                  "syncErrorThrowable": false,
+                                  "syncErrorThrown": false,
+                                  "syncErrorValue": null,
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": true,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              "_subscriptions": Array [
+                                InnerSubscriber {
+                                  "_parentOrParents": [Circular],
+                                  "_subscriptions": Array [
+                                    SubjectSubscription {
+                                      "_parentOrParents": [Circular],
+                                      "_subscriptions": null,
+                                      "closed": false,
+                                      "subject": BehaviorSubject {
+                                        "_isScalar": false,
+                                        "_value": undefined,
+                                        "closed": false,
+                                        "hasError": false,
+                                        "isStopped": false,
+                                        "observers": Array [
+                                          [Circular],
+                                        ],
+                                        "thrownError": null,
+                                      },
+                                      "subscriber": [Circular],
+                                    },
+                                  ],
+                                  "closed": false,
+                                  "destination": Object {
+                                    "closed": true,
+                                    "complete": [Function],
+                                    "error": [Function],
+                                    "next": [Function],
+                                  },
+                                  "index": 1,
+                                  "isStopped": false,
+                                  "outerIndex": 0,
+                                  "outerValue": undefined,
+                                  "parent": [Circular],
+                                  "syncErrorThrowable": false,
+                                  "syncErrorThrown": false,
+                                  "syncErrorValue": null,
+                                },
+                                [Circular],
+                              ],
+                              "active": 2,
+                              "closed": false,
+                              "destination": Subscriber {
+                                "_parentOrParents": null,
+                                "_subscriptions": Array [
+                                  [Circular],
+                                ],
+                                "closed": false,
+                                "destination": SafeSubscriber {
+                                  "_complete": undefined,
+                                  "_context": [Circular],
+                                  "_error": undefined,
+                                  "_next": [Function],
+                                  "_parentOrParents": null,
+                                  "_parentSubscriber": [Circular],
+                                  "_subscriptions": null,
+                                  "closed": false,
+                                  "destination": Object {
+                                    "closed": true,
+                                    "complete": [Function],
+                                    "error": [Function],
+                                    "next": [Function],
+                                  },
+                                  "isStopped": false,
+                                  "syncErrorThrowable": false,
+                                  "syncErrorThrown": false,
+                                  "syncErrorValue": null,
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": true,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              "isStopped": true,
+                              "observables": Array [
+                                BehaviorSubject {
+                                  "_isScalar": false,
+                                  "_value": undefined,
+                                  "closed": false,
+                                  "hasError": false,
+                                  "isStopped": false,
+                                  "observers": Array [
+                                    InnerSubscriber {
+                                      "_parentOrParents": [Circular],
+                                      "_subscriptions": Array [
+                                        SubjectSubscription {
+                                          "_parentOrParents": [Circular],
+                                          "_subscriptions": null,
+                                          "closed": false,
+                                          "subject": [Circular],
+                                          "subscriber": [Circular],
+                                        },
+                                      ],
+                                      "closed": false,
+                                      "destination": Object {
+                                        "closed": true,
+                                        "complete": [Function],
+                                        "error": [Function],
+                                        "next": [Function],
+                                      },
+                                      "index": 1,
+                                      "isStopped": false,
+                                      "outerIndex": 0,
+                                      "outerValue": undefined,
+                                      "parent": [Circular],
+                                      "syncErrorThrowable": false,
+                                      "syncErrorThrown": false,
+                                      "syncErrorValue": null,
+                                    },
+                                  ],
+                                  "thrownError": null,
+                                },
+                                [Circular],
+                              ],
+                              "resultSelector": undefined,
+                              "syncErrorThrowable": true,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                              "toRespond": 0,
+                              "values": Array [
+                                undefined,
+                                "",
+                              ],
+                            },
+                            "syncErrorThrowable": false,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
+                        ],
+                        "thrownError": null,
+                      }
+                    }
+                    opensearchDashboardsDocLink="/docs"
+                    opensearchDashboardsVersion="1.0.0"
+                    surveyLink="/"
+                    useDefaultContent={true}
+                  >
+                    <HeaderHelpMenuUI
+                      helpExtension$={
+                        BehaviorSubject {
+                          "_isScalar": false,
+                          "_value": undefined,
+                          "closed": false,
+                          "hasError": false,
+                          "isStopped": false,
+                          "observers": Array [
+                            InnerSubscriber {
+                              "_parentOrParents": CombineLatestSubscriber {
+                                "_parentOrParents": Subscriber {
+                                  "_parentOrParents": null,
+                                  "_subscriptions": Array [
+                                    [Circular],
+                                  ],
+                                  "closed": false,
+                                  "destination": SafeSubscriber {
+                                    "_complete": undefined,
+                                    "_context": [Circular],
+                                    "_error": undefined,
+                                    "_next": [Function],
+                                    "_parentOrParents": null,
+                                    "_parentSubscriber": [Circular],
+                                    "_subscriptions": null,
+                                    "closed": false,
+                                    "destination": Object {
+                                      "closed": true,
+                                      "complete": [Function],
+                                      "error": [Function],
+                                      "next": [Function],
+                                    },
+                                    "isStopped": false,
+                                    "syncErrorThrowable": false,
+                                    "syncErrorThrown": false,
+                                    "syncErrorValue": null,
+                                  },
+                                  "isStopped": false,
+                                  "syncErrorThrowable": true,
+                                  "syncErrorThrown": false,
+                                  "syncErrorValue": null,
+                                },
+                                "_subscriptions": Array [
+                                  [Circular],
+                                  InnerSubscriber {
+                                    "_parentOrParents": [Circular],
+                                    "_subscriptions": Array [
+                                      SubjectSubscription {
+                                        "_parentOrParents": [Circular],
+                                        "_subscriptions": null,
+                                        "closed": false,
+                                        "subject": BehaviorSubject {
+                                          "_isScalar": false,
+                                          "_value": "",
+                                          "closed": false,
+                                          "hasError": false,
+                                          "isStopped": false,
+                                          "observers": Array [
+                                            [Circular],
+                                          ],
+                                          "thrownError": null,
+                                        },
+                                        "subscriber": [Circular],
+                                      },
+                                    ],
+                                    "closed": false,
+                                    "destination": Object {
+                                      "closed": true,
+                                      "complete": [Function],
+                                      "error": [Function],
+                                      "next": [Function],
+                                    },
+                                    "index": 1,
+                                    "isStopped": false,
+                                    "outerIndex": 1,
+                                    "outerValue": undefined,
+                                    "parent": [Circular],
+                                    "syncErrorThrowable": false,
+                                    "syncErrorThrown": false,
+                                    "syncErrorValue": null,
+                                  },
+                                ],
+                                "active": 2,
+                                "closed": false,
+                                "destination": Subscriber {
+                                  "_parentOrParents": null,
+                                  "_subscriptions": Array [
+                                    [Circular],
+                                  ],
+                                  "closed": false,
+                                  "destination": SafeSubscriber {
+                                    "_complete": undefined,
+                                    "_context": [Circular],
+                                    "_error": undefined,
+                                    "_next": [Function],
+                                    "_parentOrParents": null,
+                                    "_parentSubscriber": [Circular],
+                                    "_subscriptions": null,
+                                    "closed": false,
+                                    "destination": Object {
+                                      "closed": true,
+                                      "complete": [Function],
+                                      "error": [Function],
+                                      "next": [Function],
+                                    },
+                                    "isStopped": false,
+                                    "syncErrorThrowable": false,
+                                    "syncErrorThrown": false,
+                                    "syncErrorValue": null,
+                                  },
+                                  "isStopped": false,
+                                  "syncErrorThrowable": true,
                                   "syncErrorThrown": false,
                                   "syncErrorValue": null,
                                 },
-                                "isStopped": false,
+                                "isStopped": true,
+                                "observables": Array [
+                                  [Circular],
+                                  BehaviorSubject {
+                                    "_isScalar": false,
+                                    "_value": "",
+                                    "closed": false,
+                                    "hasError": false,
+                                    "isStopped": false,
+                                    "observers": Array [
+                                      InnerSubscriber {
+                                        "_parentOrParents": [Circular],
+                                        "_subscriptions": Array [
+                                          SubjectSubscription {
+                                            "_parentOrParents": [Circular],
+                                            "_subscriptions": null,
+                                            "closed": false,
+                                            "subject": [Circular],
+                                            "subscriber": [Circular],
+                                          },
+                                        ],
+                                        "closed": false,
+                                        "destination": Object {
+                                          "closed": true,
+                                          "complete": [Function],
+                                          "error": [Function],
+                                          "next": [Function],
+                                        },
+                                        "index": 1,
+                                        "isStopped": false,
+                                        "outerIndex": 1,
+                                        "outerValue": undefined,
+                                        "parent": [Circular],
+                                        "syncErrorThrowable": false,
+                                        "syncErrorThrown": false,
+                                        "syncErrorValue": null,
+                                      },
+                                    ],
+                                    "thrownError": null,
+                                  },
+                                ],
+                                "resultSelector": undefined,
                                 "syncErrorThrowable": true,
                                 "syncErrorThrown": false,
                                 "syncErrorValue": null,
+                                "toRespond": 0,
+                                "values": Array [
+                                  undefined,
+                                  "",
+                                ],
                               },
                               "_subscriptions": Array [
-                                InnerSubscriber {
+                                SubjectSubscription {
                                   "_parentOrParents": [Circular],
+                                  "_subscriptions": null,
+                                  "closed": false,
+                                  "subject": [Circular],
+                                  "subscriber": [Circular],
+                                },
+                              ],
+                              "closed": false,
+                              "destination": Object {
+                                "closed": true,
+                                "complete": [Function],
+                                "error": [Function],
+                                "next": [Function],
+                              },
+                              "index": 1,
+                              "isStopped": false,
+                              "outerIndex": 0,
+                              "outerValue": undefined,
+                              "parent": CombineLatestSubscriber {
+                                "_parentOrParents": Subscriber {
+                                  "_parentOrParents": null,
                                   "_subscriptions": Array [
-                                    SubjectSubscription {
-                                      "_parentOrParents": [Circular],
-                                      "_subscriptions": null,
-                                      "closed": false,
-                                      "subject": BehaviorSubject {
-                                        "_isScalar": false,
-                                        "_value": undefined,
-                                        "closed": false,
-                                        "hasError": false,
-                                        "isStopped": false,
-                                        "observers": Array [
-                                          [Circular],
-                                        ],
-                                        "thrownError": null,
-                                      },
-                                      "subscriber": [Circular],
-                                    },
+                                    [Circular],
                                   ],
                                   "closed": false,
-                                  "destination": Object {
-                                    "closed": true,
-                                    "complete": [Function],
-                                    "error": [Function],
-                                    "next": [Function],
+                                  "destination": SafeSubscriber {
+                                    "_complete": undefined,
+                                    "_context": [Circular],
+                                    "_error": undefined,
+                                    "_next": [Function],
+                                    "_parentOrParents": null,
+                                    "_parentSubscriber": [Circular],
+                                    "_subscriptions": null,
+                                    "closed": false,
+                                    "destination": Object {
+                                      "closed": true,
+                                      "complete": [Function],
+                                      "error": [Function],
+                                      "next": [Function],
+                                    },
+                                    "isStopped": false,
+                                    "syncErrorThrowable": false,
+                                    "syncErrorThrown": false,
+                                    "syncErrorValue": null,
                                   },
-                                  "index": 1,
                                   "isStopped": false,
-                                  "outerIndex": 0,
-                                  "outerValue": undefined,
-                                  "parent": [Circular],
-                                  "syncErrorThrowable": false,
+                                  "syncErrorThrowable": true,
                                   "syncErrorThrown": false,
                                   "syncErrorValue": null,
                                 },
-                                [Circular],
-                              ],
-                              "active": 2,
-                              "closed": false,
-                              "destination": Subscriber {
-                                "_parentOrParents": null,
                                 "_subscriptions": Array [
                                   [Circular],
+                                  InnerSubscriber {
+                                    "_parentOrParents": [Circular],
+                                    "_subscriptions": Array [
+                                      SubjectSubscription {
+                                        "_parentOrParents": [Circular],
+                                        "_subscriptions": null,
+                                        "closed": false,
+                                        "subject": BehaviorSubject {
+                                          "_isScalar": false,
+                                          "_value": "",
+                                          "closed": false,
+                                          "hasError": false,
+                                          "isStopped": false,
+                                          "observers": Array [
+                                            [Circular],
+                                          ],
+                                          "thrownError": null,
+                                        },
+                                        "subscriber": [Circular],
+                                      },
+                                    ],
+                                    "closed": false,
+                                    "destination": Object {
+                                      "closed": true,
+                                      "complete": [Function],
+                                      "error": [Function],
+                                      "next": [Function],
+                                    },
+                                    "index": 1,
+                                    "isStopped": false,
+                                    "outerIndex": 1,
+                                    "outerValue": undefined,
+                                    "parent": [Circular],
+                                    "syncErrorThrowable": false,
+                                    "syncErrorThrown": false,
+                                    "syncErrorValue": null,
+                                  },
                                 ],
+                                "active": 2,
                                 "closed": false,
-                                "destination": SafeSubscriber {
-                                  "_complete": undefined,
-                                  "_context": [Circular],
-                                  "_error": undefined,
-                                  "_next": [Function],
+                                "destination": Subscriber {
                                   "_parentOrParents": null,
-                                  "_parentSubscriber": [Circular],
-                                  "_subscriptions": null,
+                                  "_subscriptions": Array [
+                                    [Circular],
+                                  ],
                                   "closed": false,
-                                  "destination": Object {
-                                    "closed": true,
-                                    "complete": [Function],
-                                    "error": [Function],
-                                    "next": [Function],
+                                  "destination": SafeSubscriber {
+                                    "_complete": undefined,
+                                    "_context": [Circular],
+                                    "_error": undefined,
+                                    "_next": [Function],
+                                    "_parentOrParents": null,
+                                    "_parentSubscriber": [Circular],
+                                    "_subscriptions": null,
+                                    "closed": false,
+                                    "destination": Object {
+                                      "closed": true,
+                                      "complete": [Function],
+                                      "error": [Function],
+                                      "next": [Function],
+                                    },
+                                    "isStopped": false,
+                                    "syncErrorThrowable": false,
+                                    "syncErrorThrown": false,
+                                    "syncErrorValue": null,
+                                  },
+                                  "isStopped": false,
+                                  "syncErrorThrowable": true,
+                                  "syncErrorThrown": false,
+                                  "syncErrorValue": null,
+                                },
+                                "isStopped": true,
+                                "observables": Array [
+                                  [Circular],
+                                  BehaviorSubject {
+                                    "_isScalar": false,
+                                    "_value": "",
+                                    "closed": false,
+                                    "hasError": false,
+                                    "isStopped": false,
+                                    "observers": Array [
+                                      InnerSubscriber {
+                                        "_parentOrParents": [Circular],
+                                        "_subscriptions": Array [
+                                          SubjectSubscription {
+                                            "_parentOrParents": [Circular],
+                                            "_subscriptions": null,
+                                            "closed": false,
+                                            "subject": [Circular],
+                                            "subscriber": [Circular],
+                                          },
+                                        ],
+                                        "closed": false,
+                                        "destination": Object {
+                                          "closed": true,
+                                          "complete": [Function],
+                                          "error": [Function],
+                                          "next": [Function],
+                                        },
+                                        "index": 1,
+                                        "isStopped": false,
+                                        "outerIndex": 1,
+                                        "outerValue": undefined,
+                                        "parent": [Circular],
+                                        "syncErrorThrowable": false,
+                                        "syncErrorThrown": false,
+                                        "syncErrorValue": null,
+                                      },
+                                    ],
+                                    "thrownError": null,
                                   },
-                                  "isStopped": false,
-                                  "syncErrorThrowable": false,
-                                  "syncErrorThrown": false,
-                                  "syncErrorValue": null,
-                                },
-                                "isStopped": false,
+                                ],
+                                "resultSelector": undefined,
                                 "syncErrorThrowable": true,
                                 "syncErrorThrown": false,
                                 "syncErrorValue": null,
+                                "toRespond": 0,
+                                "values": Array [
+                                  undefined,
+                                  "",
+                                ],
                               },
-                              "isStopped": true,
-                              "observables": Array [
-                                BehaviorSubject {
-                                  "_isScalar": false,
-                                  "_value": undefined,
-                                  "closed": false,
-                                  "hasError": false,
-                                  "isStopped": false,
-                                  "observers": Array [
-                                    InnerSubscriber {
-                                      "_parentOrParents": [Circular],
-                                      "_subscriptions": Array [
-                                        SubjectSubscription {
-                                          "_parentOrParents": [Circular],
-                                          "_subscriptions": null,
-                                          "closed": false,
-                                          "subject": [Circular],
-                                          "subscriber": [Circular],
-                                        },
-                                      ],
-                                      "closed": false,
-                                      "destination": Object {
-                                        "closed": true,
-                                        "complete": [Function],
-                                        "error": [Function],
-                                        "next": [Function],
-                                      },
-                                      "index": 1,
-                                      "isStopped": false,
-                                      "outerIndex": 0,
-                                      "outerValue": undefined,
-                                      "parent": [Circular],
-                                      "syncErrorThrowable": false,
-                                      "syncErrorThrown": false,
-                                      "syncErrorValue": null,
-                                    },
-                                  ],
-                                  "thrownError": null,
-                                },
-                                [Circular],
-                              ],
-                              "resultSelector": undefined,
-                              "syncErrorThrowable": true,
+                              "syncErrorThrowable": false,
                               "syncErrorThrown": false,
                               "syncErrorValue": null,
-                              "toRespond": 0,
-                              "values": Array [
-                                undefined,
-                                "",
-                              ],
                             },
-                            "syncErrorThrowable": false,
-                            "syncErrorThrown": false,
-                            "syncErrorValue": null,
-                          },
-                        ],
-                        "thrownError": null,
+                          ],
+                          "thrownError": null,
+                        }
                       }
-                    }
-                    opensearchDashboardsDocLink="/docs"
-                    opensearchDashboardsVersion="1.0.0"
-                    surveyLink="/"
-                    useDefaultContent={true}
-                  >
-                    <HeaderHelpMenuUI
-                      helpExtension$={
+                      helpSupportUrl$={
                         BehaviorSubject {
                           "_isScalar": false,
-                          "_value": undefined,
+                          "_value": "",
                           "closed": false,
                           "hasError": false,
                           "isStopped": false,
@@ -14034,7 +7403,6 @@ exports[`Header renders condensed header 1`] = `
                                   "syncErrorValue": null,
                                 },
                                 "_subscriptions": Array [
-                                  [Circular],
                                   InnerSubscriber {
                                     "_parentOrParents": [Circular],
                                     "_subscriptions": Array [
@@ -14044,7 +7412,7 @@ exports[`Header renders condensed header 1`] = `
                                         "closed": false,
                                         "subject": BehaviorSubject {
                                           "_isScalar": false,
-                                          "_value": "",
+                                          "_value": undefined,
                                           "closed": false,
                                           "hasError": false,
                                           "isStopped": false,
@@ -14065,13 +7433,14 @@ exports[`Header renders condensed header 1`] = `
                                     },
                                     "index": 1,
                                     "isStopped": false,
-                                    "outerIndex": 1,
+                                    "outerIndex": 0,
                                     "outerValue": undefined,
                                     "parent": [Circular],
                                     "syncErrorThrowable": false,
                                     "syncErrorThrown": false,
                                     "syncErrorValue": null,
                                   },
+                                  [Circular],
                                 ],
                                 "active": 2,
                                 "closed": false,
@@ -14108,10 +7477,9 @@ exports[`Header renders condensed header 1`] = `
                                 },
                                 "isStopped": true,
                                 "observables": Array [
-                                  [Circular],
                                   BehaviorSubject {
                                     "_isScalar": false,
-                                    "_value": "",
+                                    "_value": undefined,
                                     "closed": false,
                                     "hasError": false,
                                     "isStopped": false,
@@ -14136,7 +7504,7 @@ exports[`Header renders condensed header 1`] = `
                                         },
                                         "index": 1,
                                         "isStopped": false,
-                                        "outerIndex": 1,
+                                        "outerIndex": 0,
                                         "outerValue": undefined,
                                         "parent": [Circular],
                                         "syncErrorThrowable": false,
@@ -14146,6 +7514,7 @@ exports[`Header renders condensed header 1`] = `
                                     ],
                                     "thrownError": null,
                                   },
+                                  [Circular],
                                 ],
                                 "resultSelector": undefined,
                                 "syncErrorThrowable": true,
@@ -14175,7 +7544,7 @@ exports[`Header renders condensed header 1`] = `
                               },
                               "index": 1,
                               "isStopped": false,
-                              "outerIndex": 0,
+                              "outerIndex": 1,
                               "outerValue": undefined,
                               "parent": CombineLatestSubscriber {
                                 "_parentOrParents": Subscriber {
@@ -14210,7 +7579,6 @@ exports[`Header renders condensed header 1`] = `
                                   "syncErrorValue": null,
                                 },
                                 "_subscriptions": Array [
-                                  [Circular],
                                   InnerSubscriber {
                                     "_parentOrParents": [Circular],
                                     "_subscriptions": Array [
@@ -14220,7 +7588,7 @@ exports[`Header renders condensed header 1`] = `
                                         "closed": false,
                                         "subject": BehaviorSubject {
                                           "_isScalar": false,
-                                          "_value": "",
+                                          "_value": undefined,
                                           "closed": false,
                                           "hasError": false,
                                           "isStopped": false,
@@ -14241,13 +7609,14 @@ exports[`Header renders condensed header 1`] = `
                                     },
                                     "index": 1,
                                     "isStopped": false,
-                                    "outerIndex": 1,
+                                    "outerIndex": 0,
                                     "outerValue": undefined,
                                     "parent": [Circular],
                                     "syncErrorThrowable": false,
                                     "syncErrorThrown": false,
                                     "syncErrorValue": null,
                                   },
+                                  [Circular],
                                 ],
                                 "active": 2,
                                 "closed": false,
@@ -14284,10 +7653,9 @@ exports[`Header renders condensed header 1`] = `
                                 },
                                 "isStopped": true,
                                 "observables": Array [
-                                  [Circular],
                                   BehaviorSubject {
                                     "_isScalar": false,
-                                    "_value": "",
+                                    "_value": undefined,
                                     "closed": false,
                                     "hasError": false,
                                     "isStopped": false,
@@ -14312,7 +7680,7 @@ exports[`Header renders condensed header 1`] = `
                                         },
                                         "index": 1,
                                         "isStopped": false,
-                                        "outerIndex": 1,
+                                        "outerIndex": 0,
                                         "outerValue": undefined,
                                         "parent": [Circular],
                                         "syncErrorThrowable": false,
@@ -14322,190 +7690,2843 @@ exports[`Header renders condensed header 1`] = `
                                     ],
                                     "thrownError": null,
                                   },
-                                ],
-                                "resultSelector": undefined,
-                                "syncErrorThrowable": true,
-                                "syncErrorThrown": false,
-                                "syncErrorValue": null,
-                                "toRespond": 0,
-                                "values": Array [
-                                  undefined,
-                                  "",
-                                ],
-                              },
-                              "syncErrorThrowable": false,
-                              "syncErrorThrown": false,
-                              "syncErrorValue": null,
-                            },
-                          ],
-                          "thrownError": null,
+                                  [Circular],
+                                ],
+                                "resultSelector": undefined,
+                                "syncErrorThrowable": true,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                                "toRespond": 0,
+                                "values": Array [
+                                  undefined,
+                                  "",
+                                ],
+                              },
+                              "syncErrorThrowable": false,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                          ],
+                          "thrownError": null,
+                        }
+                      }
+                      intl={
+                        Object {
+                          "defaultFormats": Object {},
+                          "defaultLocale": "en",
+                          "formatDate": [Function],
+                          "formatHTMLMessage": [Function],
+                          "formatMessage": [Function],
+                          "formatNumber": [Function],
+                          "formatPlural": [Function],
+                          "formatRelative": [Function],
+                          "formatTime": [Function],
+                          "formats": Object {
+                            "date": Object {
+                              "full": Object {
+                                "day": "numeric",
+                                "month": "long",
+                                "weekday": "long",
+                                "year": "numeric",
+                              },
+                              "long": Object {
+                                "day": "numeric",
+                                "month": "long",
+                                "year": "numeric",
+                              },
+                              "medium": Object {
+                                "day": "numeric",
+                                "month": "short",
+                                "year": "numeric",
+                              },
+                              "short": Object {
+                                "day": "numeric",
+                                "month": "numeric",
+                                "year": "2-digit",
+                              },
+                            },
+                            "number": Object {
+                              "currency": Object {
+                                "style": "currency",
+                              },
+                              "percent": Object {
+                                "style": "percent",
+                              },
+                            },
+                            "relative": Object {
+                              "days": Object {
+                                "units": "day",
+                              },
+                              "hours": Object {
+                                "units": "hour",
+                              },
+                              "minutes": Object {
+                                "units": "minute",
+                              },
+                              "months": Object {
+                                "units": "month",
+                              },
+                              "seconds": Object {
+                                "units": "second",
+                              },
+                              "years": Object {
+                                "units": "year",
+                              },
+                            },
+                            "time": Object {
+                              "full": Object {
+                                "hour": "numeric",
+                                "minute": "numeric",
+                                "second": "numeric",
+                                "timeZoneName": "short",
+                              },
+                              "long": Object {
+                                "hour": "numeric",
+                                "minute": "numeric",
+                                "second": "numeric",
+                                "timeZoneName": "short",
+                              },
+                              "medium": Object {
+                                "hour": "numeric",
+                                "minute": "numeric",
+                                "second": "numeric",
+                              },
+                              "short": Object {
+                                "hour": "numeric",
+                                "minute": "numeric",
+                              },
+                            },
+                          },
+                          "formatters": Object {
+                            "getDateTimeFormat": [Function],
+                            "getMessageFormat": [Function],
+                            "getNumberFormat": [Function],
+                            "getPluralFormat": [Function],
+                            "getRelativeFormat": [Function],
+                          },
+                          "locale": "en",
+                          "messages": Object {},
+                          "now": [Function],
+                          "onError": [Function],
+                          "textComponent": Symbol(react.fragment),
+                          "timeZone": null,
+                        }
+                      }
+                      opensearchDashboardsDocLink="/docs"
+                      opensearchDashboardsVersion="1.0.0"
+                      surveyLink="/"
+                      useDefaultContent={true}
+                    >
+                      <EuiPopover
+                        anchorPosition="downRight"
+                        button={
+                          <EuiToolTip
+                            content="Help"
+                            delay="long"
+                            position="bottom"
+                          >
+                            <EuiHeaderSectionItemButton
+                              aria-expanded={false}
+                              aria-haspopup="true"
+                              aria-label="Help menu"
+                              onClick={[Function]}
+                            >
+                              <EuiIcon
+                                size="m"
+                                type="questionInCircle"
+                              />
+                            </EuiHeaderSectionItemButton>
+                          </EuiToolTip>
+                        }
+                        closePopover={[Function]}
+                        data-test-subj="helpMenuButton"
+                        display="inlineBlock"
+                        hasArrow={true}
+                        id="headerHelpMenu"
+                        isOpen={false}
+                        ownFocus={true}
+                        panelPaddingSize="s"
+                        repositionOnScroll={true}
+                      >
+                        <div
+                          className="euiPopover euiPopover--anchorDownRight"
+                          data-test-subj="helpMenuButton"
+                          id="headerHelpMenu"
+                        >
+                          <div
+                            className="euiPopover__anchor"
+                          >
+                            <EuiToolTip
+                              content="Help"
+                              delay="long"
+                              position="bottom"
+                            >
+                              <span
+                                className="euiToolTipAnchor"
+                                onKeyUp={[Function]}
+                                onMouseOut={[Function]}
+                                onMouseOver={[Function]}
+                              >
+                                <EuiHeaderSectionItemButton
+                                  aria-expanded={false}
+                                  aria-haspopup="true"
+                                  aria-label="Help menu"
+                                  onBlur={[Function]}
+                                  onClick={[Function]}
+                                  onFocus={[Function]}
+                                >
+                                  <EuiButtonEmpty
+                                    aria-expanded={false}
+                                    aria-haspopup="true"
+                                    aria-label="Help menu"
+                                    buttonRef={
+                                      Object {
+                                        "current": <button
+                                          aria-expanded="false"
+                                          aria-haspopup="true"
+                                          aria-label="Help menu"
+                                          class="euiButtonEmpty euiButtonEmpty--text euiHeaderSectionItemButton"
+                                          type="button"
+                                        >
+                                          <span
+                                            class="euiButtonContent euiButtonEmpty__content"
+                                          >
+                                            <span
+                                              class="euiButtonEmpty__text"
+                                            >
+                                              <span
+                                                class="euiHeaderSectionItemButton__content"
+                                              >
+                                                <span
+                                                  data-euiicon-type="questionInCircle"
+                                                />
+                                              </span>
+                                            </span>
+                                          </span>
+                                        </button>,
+                                      }
+                                    }
+                                    className="euiHeaderSectionItemButton"
+                                    color="text"
+                                    onBlur={[Function]}
+                                    onClick={[Function]}
+                                    onFocus={[Function]}
+                                  >
+                                    <button
+                                      aria-expanded={false}
+                                      aria-haspopup="true"
+                                      aria-label="Help menu"
+                                      className="euiButtonEmpty euiButtonEmpty--text euiHeaderSectionItemButton"
+                                      disabled={false}
+                                      onBlur={[Function]}
+                                      onClick={[Function]}
+                                      onFocus={[Function]}
+                                      type="button"
+                                    >
+                                      <EuiButtonContent
+                                        className="euiButtonEmpty__content"
+                                        iconGap="m"
+                                        iconSide="left"
+                                        iconSize="m"
+                                        textProps={
+                                          Object {
+                                            "className": "euiButtonEmpty__text",
+                                          }
+                                        }
+                                      >
+                                        <span
+                                          className="euiButtonContent euiButtonEmpty__content"
+                                        >
+                                          <span
+                                            className="euiButtonEmpty__text"
+                                          >
+                                            <span
+                                              className="euiHeaderSectionItemButton__content"
+                                            >
+                                              <EuiIcon
+                                                size="m"
+                                                type="questionInCircle"
+                                              >
+                                                <span
+                                                  data-euiicon-type="questionInCircle"
+                                                  size="m"
+                                                />
+                                              </EuiIcon>
+                                            </span>
+                                          </span>
+                                        </span>
+                                      </EuiButtonContent>
+                                    </button>
+                                  </EuiButtonEmpty>
+                                </EuiHeaderSectionItemButton>
+                              </span>
+                            </EuiToolTip>
+                          </div>
+                        </div>
+                      </EuiPopover>
+                    </HeaderHelpMenuUI>
+                  </InjectIntl(HeaderHelpMenuUI)>
+                </div>
+              </EuiHeaderSectionItem>
+            </div>
+          </EuiHeaderSection>
+        </div>
+      </EuiHeader>
+    </div>
+    <CollapsibleNav
+      appId$={
+        Observable {
+          "_isScalar": false,
+          "source": Subject {
+            "_isScalar": false,
+            "closed": false,
+            "hasError": false,
+            "isStopped": false,
+            "observers": Array [
+              Subscriber {
+                "_parentOrParents": null,
+                "_subscriptions": Array [
+                  SubjectSubscription {
+                    "_parentOrParents": [Circular],
+                    "_subscriptions": null,
+                    "closed": false,
+                    "subject": [Circular],
+                    "subscriber": [Circular],
+                  },
+                ],
+                "closed": false,
+                "destination": SafeSubscriber {
+                  "_complete": undefined,
+                  "_context": [Circular],
+                  "_error": undefined,
+                  "_next": [Function],
+                  "_parentOrParents": null,
+                  "_parentSubscriber": [Circular],
+                  "_subscriptions": null,
+                  "closed": false,
+                  "destination": Object {
+                    "closed": true,
+                    "complete": [Function],
+                    "error": [Function],
+                    "next": [Function],
+                  },
+                  "isStopped": false,
+                  "syncErrorThrowable": false,
+                  "syncErrorThrown": false,
+                  "syncErrorValue": null,
+                },
+                "isStopped": false,
+                "syncErrorThrowable": true,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+            ],
+            "thrownError": null,
+          },
+        }
+      }
+      basePath={
+        BasePath {
+          "basePath": "/test",
+          "clientBasePath": "",
+          "get": [Function],
+          "getBasePath": [Function],
+          "prepend": [Function],
+          "remove": [Function],
+          "serverBasePath": "/test",
+        }
+      }
+      closeNav={[Function]}
+      customNavLink$={
+        BehaviorSubject {
+          "_isScalar": false,
+          "_value": Object {
+            "baseUrl": "",
+            "href": "",
+            "id": "cloud-deployment-link",
+            "title": "Manage cloud deployment",
+          },
+          "closed": false,
+          "hasError": false,
+          "isStopped": false,
+          "observers": Array [
+            Subscriber {
+              "_parentOrParents": null,
+              "_subscriptions": Array [
+                SubjectSubscription {
+                  "_parentOrParents": [Circular],
+                  "_subscriptions": null,
+                  "closed": false,
+                  "subject": [Circular],
+                  "subscriber": [Circular],
+                },
+              ],
+              "closed": false,
+              "destination": SafeSubscriber {
+                "_complete": undefined,
+                "_context": [Circular],
+                "_error": undefined,
+                "_next": [Function],
+                "_parentOrParents": null,
+                "_parentSubscriber": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "isStopped": false,
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+              "isStopped": false,
+              "syncErrorThrowable": true,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+          ],
+          "thrownError": null,
+        }
+      }
+      homeHref="/"
+      id="mockId"
+      isLocked={true}
+      isNavOpen={false}
+      logos={
+        Object {
+          "AnimatedMark": Object {
+            "dark": Object {
+              "type": "default",
+              "url": "/ui/logos/opensearch_spinner_on_dark.svg",
+            },
+            "light": Object {
+              "type": "default",
+              "url": "/ui/logos/opensearch_spinner_on_light.svg",
+            },
+            "type": "default",
+            "url": "/ui/logos/opensearch_spinner_on_light.svg",
+          },
+          "Application": Object {
+            "dark": Object {
+              "type": "default",
+              "url": "/ui/logos/opensearch_dashboards_on_dark.svg",
+            },
+            "light": Object {
+              "type": "default",
+              "url": "/ui/logos/opensearch_dashboards_on_light.svg",
+            },
+            "type": "default",
+            "url": "/ui/logos/opensearch_dashboards_on_light.svg",
+          },
+          "CenterMark": Object {
+            "dark": Object {
+              "type": "default",
+              "url": "/ui/logos/opensearch_center_mark_on_dark.svg",
+            },
+            "light": Object {
+              "type": "default",
+              "url": "/ui/logos/opensearch_center_mark_on_light.svg",
+            },
+            "type": "default",
+            "url": "/ui/logos/opensearch_center_mark_on_light.svg",
+          },
+          "Mark": Object {
+            "dark": Object {
+              "type": "default",
+              "url": "/ui/logos/opensearch_mark_on_dark.svg",
+            },
+            "light": Object {
+              "type": "default",
+              "url": "/ui/logos/opensearch_mark_on_light.svg",
+            },
+            "type": "default",
+            "url": "/ui/logos/opensearch_mark_on_light.svg",
+          },
+          "OpenSearch": Object {
+            "dark": Object {
+              "type": "default",
+              "url": "/ui/logos/opensearch_on_dark.svg",
+            },
+            "light": Object {
+              "type": "default",
+              "url": "/ui/logos/opensearch_on_light.svg",
+            },
+            "type": "default",
+            "url": "/ui/logos/opensearch_on_light.svg",
+          },
+          "colorScheme": "light",
+        }
+      }
+      navLinks$={
+        BehaviorSubject {
+          "_isScalar": false,
+          "_value": Array [
+            Object {
+              "baseUrl": "",
+              "href": "",
+              "id": "opensearchDashboards",
+              "title": "opensearchDashboards",
+            },
+          ],
+          "closed": false,
+          "hasError": false,
+          "isStopped": false,
+          "observers": Array [
+            Subscriber {
+              "_parentOrParents": null,
+              "_subscriptions": Array [
+                SubjectSubscription {
+                  "_parentOrParents": [Circular],
+                  "_subscriptions": null,
+                  "closed": false,
+                  "subject": [Circular],
+                  "subscriber": [Circular],
+                },
+              ],
+              "closed": false,
+              "destination": SafeSubscriber {
+                "_complete": undefined,
+                "_context": [Circular],
+                "_error": undefined,
+                "_next": [Function],
+                "_parentOrParents": null,
+                "_parentSubscriber": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "isStopped": false,
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+              "isStopped": false,
+              "syncErrorThrowable": true,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+            Subscriber {
+              "_parentOrParents": null,
+              "_subscriptions": Array [
+                SubjectSubscription {
+                  "_parentOrParents": [Circular],
+                  "_subscriptions": null,
+                  "closed": false,
+                  "subject": [Circular],
+                  "subscriber": [Circular],
+                },
+              ],
+              "closed": false,
+              "destination": SafeSubscriber {
+                "_complete": undefined,
+                "_context": [Circular],
+                "_error": undefined,
+                "_next": [Function],
+                "_parentOrParents": null,
+                "_parentSubscriber": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "isStopped": false,
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+              "isStopped": false,
+              "syncErrorThrowable": true,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+            Subscriber {
+              "_parentOrParents": null,
+              "_subscriptions": Array [
+                SubjectSubscription {
+                  "_parentOrParents": [Circular],
+                  "_subscriptions": null,
+                  "closed": false,
+                  "subject": [Circular],
+                  "subscriber": [Circular],
+                },
+              ],
+              "closed": false,
+              "destination": SafeSubscriber {
+                "_complete": undefined,
+                "_context": [Circular],
+                "_error": undefined,
+                "_next": [Function],
+                "_parentOrParents": null,
+                "_parentSubscriber": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "isStopped": false,
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+              "isStopped": false,
+              "syncErrorThrowable": true,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+          ],
+          "thrownError": null,
+        }
+      }
+      navigateToApp={[MockFunction]}
+      navigateToUrl={[MockFunction]}
+      onIsLockedUpdate={[Function]}
+      recentlyAccessed$={
+        BehaviorSubject {
+          "_isScalar": false,
+          "_value": Array [
+            Object {
+              "id": "dashboard",
+              "label": "dashboard",
+              "link": "",
+            },
+          ],
+          "closed": false,
+          "hasError": false,
+          "isStopped": false,
+          "observers": Array [
+            Subscriber {
+              "_parentOrParents": null,
+              "_subscriptions": Array [
+                SubjectSubscription {
+                  "_parentOrParents": [Circular],
+                  "_subscriptions": null,
+                  "closed": false,
+                  "subject": [Circular],
+                  "subscriber": [Circular],
+                },
+              ],
+              "closed": false,
+              "destination": SafeSubscriber {
+                "_complete": undefined,
+                "_context": [Circular],
+                "_error": undefined,
+                "_next": [Function],
+                "_parentOrParents": null,
+                "_parentSubscriber": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "isStopped": false,
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+              "isStopped": false,
+              "syncErrorThrowable": true,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+          ],
+          "thrownError": null,
+        }
+      }
+    >
+      <EuiCollapsibleNav
+        aria-label="Primary"
+        data-test-subj="collapsibleNav"
+        id="mockId"
+        isDocked={true}
+        isOpen={false}
+        onClose={[Function]}
+        outsideClickCloses={false}
+      >
+        <EuiFlyout
+          aria-label="Primary"
+          as="nav"
+          className="euiCollapsibleNav"
+          closeButtonPosition="outside"
+          data-test-subj="collapsibleNav"
+          hideCloseButton={true}
+          id="mockId"
+          onClose={[Function]}
+          outsideClickCloses={false}
+          ownFocus={true}
+          paddingSize="none"
+          pushMinBreakpoint="l"
+          role={null}
+          side="left"
+          size={320}
+          type="push"
+        >
+          <nav
+            data-eui="EuiFlyout"
+            data-test-subj="collapsibleNav"
+            role={null}
+          >
+            <EuiFlexItem
+              grow={false}
+              style={
+                Object {
+                  "flexShrink": 0,
+                }
+              }
+            >
+              <div
+                className="euiFlexItem euiFlexItem--flexGrowZero"
+                style={
+                  Object {
+                    "flexShrink": 0,
+                  }
+                }
+              >
+                <EuiCollapsibleNavGroup
+                  background="light"
+                  className="eui-yScroll"
+                  style={
+                    Object {
+                      "maxHeight": "40vh",
+                    }
+                  }
+                >
+                  <div
+                    className="euiCollapsibleNavGroup euiCollapsibleNavGroup--light eui-yScroll"
+                    id="mockId"
+                    style={
+                      Object {
+                        "maxHeight": "40vh",
+                      }
+                    }
+                  >
+                    <div
+                      className="euiCollapsibleNavGroup__children"
+                    >
+                      <EuiListGroup
+                        color="text"
+                        gutterSize="none"
+                        listItems={
+                          Array [
+                            Object {
+                              "data-test-subj": "collapsibleNavCustomNavLink",
+                              "href": "",
+                              "icon": undefined,
+                              "iconType": undefined,
+                              "isActive": false,
+                              "isDisabled": undefined,
+                              "label": "Manage cloud deployment",
+                              "onClick": [Function],
+                            },
+                          ]
+                        }
+                        maxWidth="none"
+                        size="s"
+                      >
+                        <ul
+                          className="euiListGroup"
+                          style={
+                            Object {
+                              "maxWidth": "none",
+                            }
+                          }
+                        >
+                          <EuiListGroupItem
+                            color="text"
+                            data-test-subj="collapsibleNavCustomNavLink"
+                            href=""
+                            isActive={false}
+                            key="title-0"
+                            label="Manage cloud deployment"
+                            onClick={[Function]}
+                            showToolTip={false}
+                            size="s"
+                            wrapText={false}
+                          >
+                            <li
+                              className="euiListGroupItem euiListGroupItem--small euiListGroupItem--text euiListGroupItem-isClickable"
+                            >
+                              <button
+                                className="euiListGroupItem__button"
+                                data-test-subj="collapsibleNavCustomNavLink"
+                                disabled={false}
+                                onClick={[Function]}
+                                type="button"
+                              >
+                                <span
+                                  className="euiListGroupItem__label"
+                                  title="Manage cloud deployment"
+                                >
+                                  Manage cloud deployment
+                                </span>
+                              </button>
+                            </li>
+                          </EuiListGroupItem>
+                        </ul>
+                      </EuiListGroup>
+                    </div>
+                  </div>
+                </EuiCollapsibleNavGroup>
+              </div>
+            </EuiFlexItem>
+            <EuiHorizontalRule
+              margin="none"
+            >
+              <hr
+                className="euiHorizontalRule euiHorizontalRule--full"
+              />
+            </EuiHorizontalRule>
+            <EuiCollapsibleNavGroup
+              background="light"
+              data-test-subj="collapsibleNavGroup-recentlyViewed"
+              initialIsOpen={true}
+              isCollapsible={true}
+              key="recentlyViewed"
+              onToggle={[Function]}
+              title="Recently viewed"
+            >
+              <EuiAccordion
+                arrowDisplay="right"
+                buttonClassName="euiCollapsibleNavGroup__heading"
+                buttonContent={
+                  <EuiFlexGroup
+                    alignItems="center"
+                    gutterSize="m"
+                    responsive={false}
+                  >
+                    <EuiFlexItem>
+                      <EuiTitle
+                        size="xxs"
+                      >
+                        <h3
+                          className="euiCollapsibleNavGroup__title"
+                          id="mockId__title"
+                        >
+                          Recently viewed
+                        </h3>
+                      </EuiTitle>
+                    </EuiFlexItem>
+                  </EuiFlexGroup>
+                }
+                className="euiCollapsibleNavGroup euiCollapsibleNavGroup--light euiCollapsibleNavGroup--withHeading"
+                data-test-subj="collapsibleNavGroup-recentlyViewed"
+                id="mockId"
+                initialIsOpen={true}
+                isLoading={false}
+                isLoadingMessage={false}
+                onToggle={[Function]}
+                paddingSize="none"
+              >
+                <div
+                  className="euiAccordion euiAccordion-isOpen euiCollapsibleNavGroup euiCollapsibleNavGroup--light euiCollapsibleNavGroup--withHeading"
+                  data-test-subj="collapsibleNavGroup-recentlyViewed"
+                  onToggle={[Function]}
+                >
+                  <div
+                    className="euiAccordion__triggerWrapper"
+                  >
+                    <button
+                      aria-controls="mockId"
+                      aria-expanded={true}
+                      className="euiAccordion__button euiAccordion__buttonReverse euiCollapsibleNavGroup__heading"
+                      id="mockId"
+                      onClick={[Function]}
+                      type="button"
+                    >
+                      <span
+                        className="euiAccordion__iconWrapper"
+                      >
+                        <EuiIcon
+                          className="euiAccordion__icon euiAccordion__icon-isOpen"
+                          size="m"
+                          type="arrowRight"
+                        >
+                          <span
+                            className="euiAccordion__icon euiAccordion__icon-isOpen"
+                            data-euiicon-type="arrowRight"
+                            size="m"
+                          />
+                        </EuiIcon>
+                      </span>
+                      <span
+                        className="euiIEFlexWrapFix"
+                      >
+                        <EuiFlexGroup
+                          alignItems="center"
+                          gutterSize="m"
+                          responsive={false}
+                        >
+                          <div
+                            className="euiFlexGroup euiFlexGroup--gutterMedium euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow"
+                          >
+                            <EuiFlexItem>
+                              <div
+                                className="euiFlexItem"
+                              >
+                                <EuiTitle
+                                  size="xxs"
+                                >
+                                  <h3
+                                    className="euiTitle euiTitle--xxsmall euiCollapsibleNavGroup__title"
+                                    id="mockId__title"
+                                  >
+                                    Recently viewed
+                                  </h3>
+                                </EuiTitle>
+                              </div>
+                            </EuiFlexItem>
+                          </div>
+                        </EuiFlexGroup>
+                      </span>
+                    </button>
+                  </div>
+                  <div
+                    aria-labelledby="mockId"
+                    className="euiAccordion__childWrapper"
+                    id="mockId"
+                    role="region"
+                    tabIndex={-1}
+                  >
+                    <EuiResizeObserver
+                      onResize={[Function]}
+                    >
+                      <div>
+                        <div
+                          className=""
+                        >
+                          <div
+                            className="euiCollapsibleNavGroup__children"
+                          >
+                            <EuiListGroup
+                              aria-label="Recently viewed links"
+                              className="osdCollapsibleNav__recentsListGroup"
+                              color="subdued"
+                              gutterSize="none"
+                              listItems={
+                                Array [
+                                  Object {
+                                    "aria-label": "dashboard, type: opensearchDashboards",
+                                    "data-test-subj": "collapsibleNavAppLink--recent",
+                                    "href": "http://localhost/test/",
+                                    "label": "dashboard",
+                                    "onClick": [Function],
+                                    "title": "dashboard, type: opensearchDashboards",
+                                  },
+                                ]
+                              }
+                              maxWidth="none"
+                              size="s"
+                            >
+                              <ul
+                                aria-label="Recently viewed links"
+                                className="euiListGroup osdCollapsibleNav__recentsListGroup"
+                                style={
+                                  Object {
+                                    "maxWidth": "none",
+                                  }
+                                }
+                              >
+                                <EuiListGroupItem
+                                  aria-label="dashboard, type: opensearchDashboards"
+                                  color="subdued"
+                                  data-test-subj="collapsibleNavAppLink--recent"
+                                  href="http://localhost/test/"
+                                  key="title-0"
+                                  label="dashboard"
+                                  onClick={[Function]}
+                                  showToolTip={false}
+                                  size="s"
+                                  title="dashboard, type: opensearchDashboards"
+                                  wrapText={false}
+                                >
+                                  <li
+                                    className="euiListGroupItem euiListGroupItem--small euiListGroupItem--subdued euiListGroupItem-isClickable"
+                                  >
+                                    <a
+                                      aria-label="dashboard, type: opensearchDashboards"
+                                      className="euiListGroupItem__button"
+                                      data-test-subj="collapsibleNavAppLink--recent"
+                                      href="http://localhost/test/"
+                                      onClick={[Function]}
+                                      rel="noreferrer"
+                                      title="dashboard, type: opensearchDashboards"
+                                    >
+                                      <span
+                                        className="euiListGroupItem__label"
+                                        title="dashboard"
+                                      >
+                                        dashboard
+                                      </span>
+                                    </a>
+                                  </li>
+                                </EuiListGroupItem>
+                              </ul>
+                            </EuiListGroup>
+                          </div>
+                        </div>
+                      </div>
+                    </EuiResizeObserver>
+                  </div>
+                </div>
+              </EuiAccordion>
+            </EuiCollapsibleNavGroup>
+            <EuiHorizontalRule
+              margin="none"
+            >
+              <hr
+                className="euiHorizontalRule euiHorizontalRule--full"
+              />
+            </EuiHorizontalRule>
+            <EuiFlexItem
+              className="eui-yScroll"
+            >
+              <div
+                className="euiFlexItem eui-yScroll"
+              >
+                <EuiCollapsibleNavGroup
+                  data-test-subj="collapsibleNavGroup-noCategory"
+                  key="0"
+                >
+                  <div
+                    className="euiCollapsibleNavGroup"
+                    data-test-subj="collapsibleNavGroup-noCategory"
+                    id="mockId"
+                  >
+                    <div
+                      className="euiCollapsibleNavGroup__children"
+                    >
+                      <EuiListGroup
+                        flush={true}
+                      >
+                        <ul
+                          className="euiListGroup euiListGroup-flush euiListGroup--gutterSmall euiListGroup-maxWidthDefault"
+                        >
+                          <EuiListGroupItem
+                            color="text"
+                            data-test-subj="collapsibleNavAppLink"
+                            href=""
+                            isActive={false}
+                            label="opensearchDashboards"
+                            onClick={[Function]}
+                            size="s"
+                          >
+                            <li
+                              className="euiListGroupItem euiListGroupItem--small euiListGroupItem--text euiListGroupItem-isClickable"
+                            >
+                              <button
+                                className="euiListGroupItem__button"
+                                data-test-subj="collapsibleNavAppLink"
+                                disabled={false}
+                                onClick={[Function]}
+                                type="button"
+                              >
+                                <span
+                                  className="euiListGroupItem__label"
+                                  title="opensearchDashboards"
+                                >
+                                  opensearchDashboards
+                                </span>
+                              </button>
+                            </li>
+                          </EuiListGroupItem>
+                        </ul>
+                      </EuiListGroup>
+                    </div>
+                  </div>
+                </EuiCollapsibleNavGroup>
+                <EuiShowFor
+                  sizes={
+                    Array [
+                      "l",
+                      "xl",
+                    ]
+                  }
+                >
+                  <EuiCollapsibleNavGroup>
+                    <div
+                      className="euiCollapsibleNavGroup"
+                      id="mockId"
+                    >
+                      <div
+                        className="euiCollapsibleNavGroup__children"
+                      >
+                        <EuiListGroup
+                          flush={true}
+                        >
+                          <ul
+                            className="euiListGroup euiListGroup-flush euiListGroup--gutterSmall euiListGroup-maxWidthDefault"
+                          >
+                            <EuiListGroupItem
+                              aria-label="Undock primary navigation"
+                              buttonRef={
+                                Object {
+                                  "current": <button
+                                    aria-label="Undock primary navigation"
+                                    class="euiListGroupItem__button"
+                                    data-test-subj="collapsible-nav-lock"
+                                    type="button"
+                                  >
+                                    <span
+                                      class="euiListGroupItem__icon"
+                                      color="inherit"
+                                      data-euiicon-type="lock"
+                                    />
+                                    <span
+                                      class="euiListGroupItem__label"
+                                      title="Undock navigation"
+                                    >
+                                      Undock navigation
+                                    </span>
+                                  </button>,
+                                }
+                              }
+                              color="subdued"
+                              data-test-subj="collapsible-nav-lock"
+                              iconType="lock"
+                              label="Undock navigation"
+                              onClick={[Function]}
+                              size="xs"
+                            >
+                              <li
+                                className="euiListGroupItem euiListGroupItem--xSmall euiListGroupItem--subdued euiListGroupItem-isClickable"
+                              >
+                                <button
+                                  aria-label="Undock primary navigation"
+                                  className="euiListGroupItem__button"
+                                  data-test-subj="collapsible-nav-lock"
+                                  disabled={false}
+                                  onClick={[Function]}
+                                  type="button"
+                                >
+                                  <EuiIcon
+                                    className="euiListGroupItem__icon"
+                                    color="inherit"
+                                    type="lock"
+                                  >
+                                    <span
+                                      className="euiListGroupItem__icon"
+                                      color="inherit"
+                                      data-euiicon-type="lock"
+                                    />
+                                  </EuiIcon>
+                                  <span
+                                    className="euiListGroupItem__label"
+                                    title="Undock navigation"
+                                  >
+                                    Undock navigation
+                                  </span>
+                                </button>
+                              </li>
+                            </EuiListGroupItem>
+                          </ul>
+                        </EuiListGroup>
+                      </div>
+                    </div>
+                  </EuiCollapsibleNavGroup>
+                </EuiShowFor>
+              </div>
+            </EuiFlexItem>
+          </nav>
+        </EuiFlyout>
+      </EuiCollapsibleNav>
+    </CollapsibleNav>
+  </header>
+</Header>
+`;
+
+exports[`Header renders application header without title and breadcrumbs 1`] = `
+<Header
+  appTitle$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": "test",
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [],
+      "thrownError": null,
+    }
+  }
+  application={
+    Object {
+      "applications$": BehaviorSubject {
+        "_isScalar": false,
+        "_value": Map {},
+        "closed": false,
+        "hasError": false,
+        "isStopped": false,
+        "observers": Array [],
+        "thrownError": null,
+      },
+      "capabilities": Object {
+        "catalogue": Object {},
+        "management": Object {},
+        "navLinks": Object {},
+        "workspaces": Object {},
+      },
+      "currentActionMenu$": BehaviorSubject {
+        "_isScalar": false,
+        "_value": undefined,
+        "closed": false,
+        "hasError": false,
+        "isStopped": false,
+        "observers": Array [
+          Subscriber {
+            "_parentOrParents": null,
+            "_subscriptions": Array [
+              SubjectSubscription {
+                "_parentOrParents": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "subject": [Circular],
+                "subscriber": [Circular],
+              },
+            ],
+            "closed": false,
+            "destination": SafeSubscriber {
+              "_complete": undefined,
+              "_context": [Circular],
+              "_error": undefined,
+              "_next": [Function],
+              "_parentOrParents": null,
+              "_parentSubscriber": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "destination": Object {
+                "closed": true,
+                "complete": [Function],
+                "error": [Function],
+                "next": [Function],
+              },
+              "isStopped": false,
+              "syncErrorThrowable": false,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+            "isStopped": false,
+            "syncErrorThrowable": true,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+        ],
+        "thrownError": null,
+      },
+      "currentAppId$": Observable {
+        "_isScalar": false,
+        "source": Subject {
+          "_isScalar": false,
+          "closed": false,
+          "hasError": false,
+          "isStopped": false,
+          "observers": Array [
+            Subscriber {
+              "_parentOrParents": null,
+              "_subscriptions": Array [
+                SubjectSubscription {
+                  "_parentOrParents": [Circular],
+                  "_subscriptions": null,
+                  "closed": false,
+                  "subject": [Circular],
+                  "subscriber": [Circular],
+                },
+              ],
+              "closed": false,
+              "destination": SafeSubscriber {
+                "_complete": undefined,
+                "_context": [Circular],
+                "_error": undefined,
+                "_next": [Function],
+                "_parentOrParents": null,
+                "_parentSubscriber": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "isStopped": false,
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+              "isStopped": false,
+              "syncErrorThrowable": true,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+          ],
+          "thrownError": null,
+        },
+      },
+      "currentBadgeControls$": BehaviorSubject {
+        "_isScalar": false,
+        "_value": undefined,
+        "closed": false,
+        "hasError": false,
+        "isStopped": false,
+        "observers": Array [],
+        "thrownError": null,
+      },
+      "currentBottomControls$": BehaviorSubject {
+        "_isScalar": false,
+        "_value": undefined,
+        "closed": false,
+        "hasError": false,
+        "isStopped": false,
+        "observers": Array [],
+        "thrownError": null,
+      },
+      "currentCenterControls$": BehaviorSubject {
+        "_isScalar": false,
+        "_value": undefined,
+        "closed": false,
+        "hasError": false,
+        "isStopped": false,
+        "observers": Array [],
+        "thrownError": null,
+      },
+      "currentDescriptionControls$": BehaviorSubject {
+        "_isScalar": false,
+        "_value": undefined,
+        "closed": false,
+        "hasError": false,
+        "isStopped": false,
+        "observers": Array [],
+        "thrownError": null,
+      },
+      "currentLeftControls$": BehaviorSubject {
+        "_isScalar": false,
+        "_value": undefined,
+        "closed": false,
+        "hasError": false,
+        "isStopped": false,
+        "observers": Array [],
+        "thrownError": null,
+      },
+      "currentRightControls$": BehaviorSubject {
+        "_isScalar": false,
+        "_value": undefined,
+        "closed": false,
+        "hasError": false,
+        "isStopped": false,
+        "observers": Array [
+          Subscriber {
+            "_parentOrParents": null,
+            "_subscriptions": Array [
+              SubjectSubscription {
+                "_parentOrParents": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "subject": [Circular],
+                "subscriber": [Circular],
+              },
+            ],
+            "closed": false,
+            "destination": SafeSubscriber {
+              "_complete": undefined,
+              "_context": [Circular],
+              "_error": undefined,
+              "_next": [Function],
+              "_parentOrParents": null,
+              "_parentSubscriber": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "destination": Object {
+                "closed": true,
+                "complete": [Function],
+                "error": [Function],
+                "next": [Function],
+              },
+              "isStopped": false,
+              "syncErrorThrowable": false,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+            "isStopped": false,
+            "syncErrorThrowable": true,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+        ],
+        "thrownError": null,
+      },
+      "getComponent": [MockFunction],
+      "getUrlForApp": [MockFunction],
+      "history": Object {
+        "action": "PUSH",
+        "block": [MockFunction],
+        "createHref": [MockFunction],
+        "go": [MockFunction],
+        "goBack": [MockFunction],
+        "goForward": [MockFunction],
+        "length": 1,
+        "listen": [MockFunction],
+        "location": Object {
+          "hash": "",
+          "key": "",
+          "pathname": "/",
+          "search": "",
+          "state": undefined,
+        },
+        "push": [MockFunction],
+        "replace": [MockFunction],
+      },
+      "navigateToApp": [MockFunction],
+      "navigateToUrl": [MockFunction],
+      "registerMountContext": [MockFunction],
+      "setAppBadgeControls": [MockFunction],
+      "setAppBottomControls": [MockFunction],
+      "setAppCenterControls": [MockFunction],
+      "setAppDescriptionControls": [MockFunction],
+      "setAppLeftControls": [MockFunction],
+      "setAppRightControls": [MockFunction],
+    }
+  }
+  badge$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": undefined,
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [],
+      "thrownError": null,
+    }
+  }
+  basePath={
+    BasePath {
+      "basePath": "/test",
+      "clientBasePath": "",
+      "get": [Function],
+      "getBasePath": [Function],
+      "prepend": [Function],
+      "remove": [Function],
+      "serverBasePath": "/test",
+    }
+  }
+  branding={
+    Object {
+      "useExpandedHeader": false,
+    }
+  }
+  breadcrumbs$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": Array [
+        Object {
+          "text": "test",
+        },
+        Object {
+          "text": "testTitle",
+        },
+      ],
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  breadcrumbsEnricher$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": undefined,
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [],
+      "thrownError": null,
+    }
+  }
+  currentNavGroup$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": undefined,
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [],
+      "thrownError": null,
+    }
+  }
+  currentWorkspace$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": null,
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  customNavLink$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": undefined,
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  forceAppSwitcherNavigation$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": false,
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [],
+      "thrownError": null,
+    }
+  }
+  headerVariant$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": "application",
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  helpExtension$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": undefined,
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [],
+      "thrownError": null,
+    }
+  }
+  helpSupportUrl$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": "",
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [],
+      "thrownError": null,
+    }
+  }
+  homeHref="/"
+  http={
+    Object {
+      "addLoadingCountSource": [MockFunction],
+      "anonymousPaths": Object {
+        "isAnonymous": [MockFunction],
+        "register": [MockFunction],
+      },
+      "basePath": BasePath {
+        "basePath": "/test",
+        "clientBasePath": "",
+        "get": [Function],
+        "getBasePath": [Function],
+        "prepend": [Function],
+        "remove": [Function],
+        "serverBasePath": "/test",
+      },
+      "delete": [MockFunction],
+      "fetch": [MockFunction],
+      "get": [MockFunction],
+      "getLoadingCount$": [MockFunction],
+      "head": [MockFunction],
+      "intercept": [MockFunction],
+      "options": [MockFunction],
+      "patch": [MockFunction],
+      "post": [MockFunction],
+      "put": [MockFunction],
+    }
+  }
+  intl={
+    Object {
+      "defaultFormats": Object {},
+      "defaultLocale": "en",
+      "formatDate": [Function],
+      "formatHTMLMessage": [Function],
+      "formatMessage": [Function],
+      "formatNumber": [Function],
+      "formatPlural": [Function],
+      "formatRelative": [Function],
+      "formatTime": [Function],
+      "formats": Object {
+        "date": Object {
+          "full": Object {
+            "day": "numeric",
+            "month": "long",
+            "weekday": "long",
+            "year": "numeric",
+          },
+          "long": Object {
+            "day": "numeric",
+            "month": "long",
+            "year": "numeric",
+          },
+          "medium": Object {
+            "day": "numeric",
+            "month": "short",
+            "year": "numeric",
+          },
+          "short": Object {
+            "day": "numeric",
+            "month": "numeric",
+            "year": "2-digit",
+          },
+        },
+        "number": Object {
+          "currency": Object {
+            "style": "currency",
+          },
+          "percent": Object {
+            "style": "percent",
+          },
+        },
+        "relative": Object {
+          "days": Object {
+            "units": "day",
+          },
+          "hours": Object {
+            "units": "hour",
+          },
+          "minutes": Object {
+            "units": "minute",
+          },
+          "months": Object {
+            "units": "month",
+          },
+          "seconds": Object {
+            "units": "second",
+          },
+          "years": Object {
+            "units": "year",
+          },
+        },
+        "time": Object {
+          "full": Object {
+            "hour": "numeric",
+            "minute": "numeric",
+            "second": "numeric",
+            "timeZoneName": "short",
+          },
+          "long": Object {
+            "hour": "numeric",
+            "minute": "numeric",
+            "second": "numeric",
+            "timeZoneName": "short",
+          },
+          "medium": Object {
+            "hour": "numeric",
+            "minute": "numeric",
+            "second": "numeric",
+          },
+          "short": Object {
+            "hour": "numeric",
+            "minute": "numeric",
+          },
+        },
+      },
+      "formatters": Object {
+        "getDateTimeFormat": [Function],
+        "getMessageFormat": [Function],
+        "getNumberFormat": [Function],
+        "getPluralFormat": [Function],
+        "getRelativeFormat": [Function],
+      },
+      "locale": "en",
+      "messages": Object {},
+      "now": [Function],
+      "onError": [Function],
+      "textComponent": Symbol(react.fragment),
+      "timeZone": null,
+    }
+  }
+  isLocked$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": false,
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  isVisible$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": true,
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  loadingCount$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": 0,
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [],
+      "thrownError": null,
+    }
+  }
+  logos={
+    Object {
+      "AnimatedMark": Object {
+        "dark": Object {
+          "type": "default",
+          "url": "/ui/logos/opensearch_spinner_on_dark.svg",
+        },
+        "light": Object {
+          "type": "default",
+          "url": "/ui/logos/opensearch_spinner_on_light.svg",
+        },
+        "type": "default",
+        "url": "/ui/logos/opensearch_spinner_on_light.svg",
+      },
+      "Application": Object {
+        "dark": Object {
+          "type": "default",
+          "url": "/ui/logos/opensearch_dashboards_on_dark.svg",
+        },
+        "light": Object {
+          "type": "default",
+          "url": "/ui/logos/opensearch_dashboards_on_light.svg",
+        },
+        "type": "default",
+        "url": "/ui/logos/opensearch_dashboards_on_light.svg",
+      },
+      "CenterMark": Object {
+        "dark": Object {
+          "type": "default",
+          "url": "/ui/logos/opensearch_center_mark_on_dark.svg",
+        },
+        "light": Object {
+          "type": "default",
+          "url": "/ui/logos/opensearch_center_mark_on_light.svg",
+        },
+        "type": "default",
+        "url": "/ui/logos/opensearch_center_mark_on_light.svg",
+      },
+      "Mark": Object {
+        "dark": Object {
+          "type": "default",
+          "url": "/ui/logos/opensearch_mark_on_dark.svg",
+        },
+        "light": Object {
+          "type": "default",
+          "url": "/ui/logos/opensearch_mark_on_light.svg",
+        },
+        "type": "default",
+        "url": "/ui/logos/opensearch_mark_on_light.svg",
+      },
+      "OpenSearch": Object {
+        "dark": Object {
+          "type": "default",
+          "url": "/ui/logos/opensearch_on_dark.svg",
+        },
+        "light": Object {
+          "type": "default",
+          "url": "/ui/logos/opensearch_on_light.svg",
+        },
+        "type": "default",
+        "url": "/ui/logos/opensearch_on_light.svg",
+      },
+      "colorScheme": "light",
+    }
+  }
+  navControlsCenter$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": Array [],
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [],
+      "thrownError": null,
+    }
+  }
+  navControlsExpandedCenter$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": Array [],
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  navControlsExpandedRight$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": Array [],
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [],
+      "thrownError": null,
+    }
+  }
+  navControlsLeft$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": Array [],
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [],
+      "thrownError": null,
+    }
+  }
+  navControlsLeftBottom$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": Array [],
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [],
+      "thrownError": null,
+    }
+  }
+  navControlsRight$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": Array [],
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  navGroupEnabled={false}
+  navGroupsMap$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": Object {},
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [],
+      "thrownError": null,
+    }
+  }
+  navLinks$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": Array [],
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  onIsLockedUpdate={[Function]}
+  opensearchDashboardsDocLink="/docs"
+  opensearchDashboardsVersion="1.0.0"
+  recentlyAccessed$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": Array [],
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  setCurrentNavGroup={[MockFunction]}
+  sidecarConfig$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": Object {
+        "dockedMode": "right",
+        "paddingSize": 640,
+      },
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  survey="/"
+  useUpdatedHeader={true}
+  workspaceList$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": Array [],
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+>
+  <header
+    className="hide-for-sharing headerGlobalNav"
+    data-test-subj="headerGlobalNav"
+  >
+    <div
+      id="globalHeaderBars"
+    >
+      <div>
+        <EuiHeader
+          className="primaryApplicationHeader newTopNavHeader"
+          style={
+            Object {
+              "paddingRight": 640,
+            }
+          }
+        >
+          <div
+            className="euiHeader euiHeader--default euiHeader--static primaryApplicationHeader newTopNavHeader"
+            style={
+              Object {
+                "paddingRight": 640,
+              }
+            }
+          >
+            <EuiHeaderSectionItemButton
+              aria-controls="mockId"
+              aria-expanded={false}
+              aria-label="Toggle primary navigation"
+              aria-pressed={false}
+              className="newAppTopNavExpander navToggleInLargeScreen eui-hideFor--xs eui-hideFor--s eui-hideFor--m"
+              data-test-subj="toggleNavButton"
+              onClick={[Function]}
+            >
+              <EuiButtonEmpty
+                aria-controls="mockId"
+                aria-expanded={false}
+                aria-label="Toggle primary navigation"
+                aria-pressed={false}
+                buttonRef={
+                  Object {
+                    "current": <button
+                      aria-controls="mockId"
+                      aria-expanded="false"
+                      aria-label="Toggle primary navigation"
+                      aria-pressed="false"
+                      class="euiButtonEmpty euiButtonEmpty--text euiHeaderSectionItemButton newAppTopNavExpander navToggleInLargeScreen eui-hideFor--xs eui-hideFor--s eui-hideFor--m"
+                      data-test-subj="toggleNavButton"
+                      type="button"
+                    >
+                      <span
+                        class="euiButtonContent euiButtonEmpty__content"
+                      >
+                        <span
+                          class="euiButtonEmpty__text"
+                        >
+                          <span
+                            class="euiHeaderSectionItemButton__content"
+                          >
+                            <span
+                              data-euiicon-type="menu"
+                              title="Menu"
+                            />
+                          </span>
+                        </span>
+                      </span>
+                    </button>,
+                  }
+                }
+                className="euiHeaderSectionItemButton newAppTopNavExpander navToggleInLargeScreen eui-hideFor--xs eui-hideFor--s eui-hideFor--m"
+                color="text"
+                data-test-subj="toggleNavButton"
+                onClick={[Function]}
+              >
+                <button
+                  aria-controls="mockId"
+                  aria-expanded={false}
+                  aria-label="Toggle primary navigation"
+                  aria-pressed={false}
+                  className="euiButtonEmpty euiButtonEmpty--text euiHeaderSectionItemButton newAppTopNavExpander navToggleInLargeScreen eui-hideFor--xs eui-hideFor--s eui-hideFor--m"
+                  data-test-subj="toggleNavButton"
+                  disabled={false}
+                  onClick={[Function]}
+                  type="button"
+                >
+                  <EuiButtonContent
+                    className="euiButtonEmpty__content"
+                    iconGap="m"
+                    iconSide="left"
+                    iconSize="m"
+                    textProps={
+                      Object {
+                        "className": "euiButtonEmpty__text",
+                      }
+                    }
+                  >
+                    <span
+                      className="euiButtonContent euiButtonEmpty__content"
+                    >
+                      <span
+                        className="euiButtonEmpty__text"
+                      >
+                        <span
+                          className="euiHeaderSectionItemButton__content"
+                        >
+                          <EuiIcon
+                            size="m"
+                            title="Menu"
+                            type="menu"
+                          >
+                            <span
+                              data-euiicon-type="menu"
+                              size="m"
+                              title="Menu"
+                            />
+                          </EuiIcon>
+                        </span>
+                      </span>
+                    </span>
+                  </EuiButtonContent>
+                </button>
+              </EuiButtonEmpty>
+            </EuiHeaderSectionItemButton>
+            <EuiHeaderSectionItemButton
+              aria-controls="mockId"
+              aria-expanded={false}
+              aria-label="Toggle primary navigation"
+              aria-pressed={false}
+              className="newAppTopNavExpander navToggleInSmallScreen eui-hideFor--xl eui-hideFor--l"
+              data-test-subj="toggleNavButton"
+              flush="both"
+              isSmallScreen={true}
+              onClick={[Function]}
+            >
+              <EuiButtonEmpty
+                aria-controls="mockId"
+                aria-expanded={false}
+                aria-label="Toggle primary navigation"
+                aria-pressed={false}
+                buttonRef={
+                  Object {
+                    "current": <button
+                      aria-controls="mockId"
+                      aria-expanded="false"
+                      aria-label="Toggle primary navigation"
+                      aria-pressed="false"
+                      class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--flushBoth euiHeaderSectionItemButton newAppTopNavExpander navToggleInSmallScreen eui-hideFor--xl eui-hideFor--l"
+                      data-test-subj="toggleNavButton"
+                      type="button"
+                    >
+                      <span
+                        class="euiButtonContent euiButtonEmpty__content"
+                      >
+                        <span
+                          class="euiButtonEmpty__text"
+                        >
+                          <span
+                            class="euiHeaderSectionItemButton__content"
+                          >
+                            <button
+                              class="euiButtonIcon euiButtonIcon--subdued euiButtonIcon--xSmall"
+                              title="Menu"
+                              type="button"
+                            >
+                              <span
+                                aria-hidden="true"
+                                class="euiButtonIcon__icon"
+                                color="inherit"
+                                data-euiicon-type="menu"
+                              />
+                            </button>
+                          </span>
+                        </span>
+                      </span>
+                    </button>,
+                  }
+                }
+                className="euiHeaderSectionItemButton newAppTopNavExpander navToggleInSmallScreen eui-hideFor--xl eui-hideFor--l"
+                color="text"
+                data-test-subj="toggleNavButton"
+                flush="both"
+                isSmallScreen={true}
+                onClick={[Function]}
+              >
+                <button
+                  aria-controls="mockId"
+                  aria-expanded={false}
+                  aria-label="Toggle primary navigation"
+                  aria-pressed={false}
+                  className="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--flushBoth euiHeaderSectionItemButton newAppTopNavExpander navToggleInSmallScreen eui-hideFor--xl eui-hideFor--l"
+                  data-test-subj="toggleNavButton"
+                  disabled={false}
+                  isSmallScreen={true}
+                  onClick={[Function]}
+                  type="button"
+                >
+                  <EuiButtonContent
+                    className="euiButtonEmpty__content"
+                    iconGap="m"
+                    iconSide="left"
+                    iconSize="m"
+                    textProps={
+                      Object {
+                        "className": "euiButtonEmpty__text",
+                      }
+                    }
+                  >
+                    <span
+                      className="euiButtonContent euiButtonEmpty__content"
+                    >
+                      <span
+                        className="euiButtonEmpty__text"
+                      >
+                        <span
+                          className="euiHeaderSectionItemButton__content"
+                        >
+                          <EuiButtonIcon
+                            color="subdued"
+                            display="base"
+                            iconSize="s"
+                            iconType="menu"
+                            size="xs"
+                            title="Menu"
+                          >
+                            <button
+                              className="euiButtonIcon euiButtonIcon--subdued euiButtonIcon--xSmall"
+                              disabled={false}
+                              title="Menu"
+                              type="button"
+                            >
+                              <EuiIcon
+                                aria-hidden="true"
+                                className="euiButtonIcon__icon"
+                                color="inherit"
+                                size="s"
+                                type="menu"
+                              >
+                                <span
+                                  aria-hidden="true"
+                                  className="euiButtonIcon__icon"
+                                  color="inherit"
+                                  data-euiicon-type="menu"
+                                  size="s"
+                                />
+                              </EuiIcon>
+                            </button>
+                          </EuiButtonIcon>
+                        </span>
+                      </span>
+                    </span>
+                  </EuiButtonContent>
+                </button>
+              </EuiButtonEmpty>
+            </EuiHeaderSectionItemButton>
+            <EuiHeaderSection
+              grow={true}
+              side="left"
+            >
+              <div
+                className="euiHeaderSection euiHeaderSection--grow euiHeaderSection--left"
+              >
+                <EuiHeaderSectionItem
+                  border="none"
+                >
+                  <div
+                    className="euiHeaderSectionItem"
+                  >
+                    <RecentItems
+                      basePath={
+                        BasePath {
+                          "basePath": "/test",
+                          "clientBasePath": "",
+                          "get": [Function],
+                          "getBasePath": [Function],
+                          "prepend": [Function],
+                          "remove": [Function],
+                          "serverBasePath": "/test",
                         }
                       }
-                      helpSupportUrl$={
+                      buttonSize="s"
+                      http={
+                        Object {
+                          "addLoadingCountSource": [MockFunction],
+                          "anonymousPaths": Object {
+                            "isAnonymous": [MockFunction],
+                            "register": [MockFunction],
+                          },
+                          "basePath": BasePath {
+                            "basePath": "/test",
+                            "clientBasePath": "",
+                            "get": [Function],
+                            "getBasePath": [Function],
+                            "prepend": [Function],
+                            "remove": [Function],
+                            "serverBasePath": "/test",
+                          },
+                          "delete": [MockFunction],
+                          "fetch": [MockFunction],
+                          "get": [MockFunction],
+                          "getLoadingCount$": [MockFunction],
+                          "head": [MockFunction],
+                          "intercept": [MockFunction],
+                          "options": [MockFunction],
+                          "patch": [MockFunction],
+                          "post": [MockFunction],
+                          "put": [MockFunction],
+                        }
+                      }
+                      navLinks$={
                         BehaviorSubject {
                           "_isScalar": false,
-                          "_value": "",
+                          "_value": Array [],
                           "closed": false,
                           "hasError": false,
                           "isStopped": false,
                           "observers": Array [
-                            InnerSubscriber {
-                              "_parentOrParents": CombineLatestSubscriber {
-                                "_parentOrParents": Subscriber {
-                                  "_parentOrParents": null,
-                                  "_subscriptions": Array [
-                                    [Circular],
-                                  ],
+                            Subscriber {
+                              "_parentOrParents": null,
+                              "_subscriptions": Array [
+                                SubjectSubscription {
+                                  "_parentOrParents": [Circular],
+                                  "_subscriptions": null,
                                   "closed": false,
-                                  "destination": SafeSubscriber {
-                                    "_complete": undefined,
-                                    "_context": [Circular],
-                                    "_error": undefined,
-                                    "_next": [Function],
-                                    "_parentOrParents": null,
-                                    "_parentSubscriber": [Circular],
-                                    "_subscriptions": null,
-                                    "closed": false,
-                                    "destination": Object {
-                                      "closed": true,
-                                      "complete": [Function],
-                                      "error": [Function],
-                                      "next": [Function],
-                                    },
-                                    "isStopped": false,
-                                    "syncErrorThrowable": false,
-                                    "syncErrorThrown": false,
-                                    "syncErrorValue": null,
-                                  },
-                                  "isStopped": false,
-                                  "syncErrorThrowable": true,
-                                  "syncErrorThrown": false,
-                                  "syncErrorValue": null,
+                                  "subject": [Circular],
+                                  "subscriber": [Circular],
                                 },
-                                "_subscriptions": Array [
-                                  InnerSubscriber {
-                                    "_parentOrParents": [Circular],
-                                    "_subscriptions": Array [
-                                      SubjectSubscription {
-                                        "_parentOrParents": [Circular],
-                                        "_subscriptions": null,
-                                        "closed": false,
-                                        "subject": BehaviorSubject {
-                                          "_isScalar": false,
-                                          "_value": undefined,
-                                          "closed": false,
-                                          "hasError": false,
-                                          "isStopped": false,
-                                          "observers": Array [
-                                            [Circular],
-                                          ],
-                                          "thrownError": null,
-                                        },
-                                        "subscriber": [Circular],
-                                      },
-                                    ],
-                                    "closed": false,
-                                    "destination": Object {
-                                      "closed": true,
-                                      "complete": [Function],
-                                      "error": [Function],
-                                      "next": [Function],
-                                    },
-                                    "index": 1,
-                                    "isStopped": false,
-                                    "outerIndex": 0,
-                                    "outerValue": undefined,
-                                    "parent": [Circular],
-                                    "syncErrorThrowable": false,
-                                    "syncErrorThrown": false,
-                                    "syncErrorValue": null,
-                                  },
-                                  [Circular],
-                                ],
-                                "active": 2,
+                              ],
+                              "closed": false,
+                              "destination": SafeSubscriber {
+                                "_complete": undefined,
+                                "_context": [Circular],
+                                "_error": undefined,
+                                "_next": [Function],
+                                "_parentOrParents": null,
+                                "_parentSubscriber": [Circular],
+                                "_subscriptions": null,
                                 "closed": false,
-                                "destination": Subscriber {
-                                  "_parentOrParents": null,
-                                  "_subscriptions": Array [
-                                    [Circular],
-                                  ],
+                                "destination": Object {
+                                  "closed": true,
+                                  "complete": [Function],
+                                  "error": [Function],
+                                  "next": [Function],
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": false,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": true,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            Subscriber {
+                              "_parentOrParents": null,
+                              "_subscriptions": Array [
+                                SubjectSubscription {
+                                  "_parentOrParents": [Circular],
+                                  "_subscriptions": null,
                                   "closed": false,
-                                  "destination": SafeSubscriber {
-                                    "_complete": undefined,
-                                    "_context": [Circular],
-                                    "_error": undefined,
-                                    "_next": [Function],
-                                    "_parentOrParents": null,
-                                    "_parentSubscriber": [Circular],
-                                    "_subscriptions": null,
-                                    "closed": false,
-                                    "destination": Object {
-                                      "closed": true,
-                                      "complete": [Function],
-                                      "error": [Function],
-                                      "next": [Function],
-                                    },
-                                    "isStopped": false,
-                                    "syncErrorThrowable": false,
-                                    "syncErrorThrown": false,
-                                    "syncErrorValue": null,
-                                  },
-                                  "isStopped": false,
-                                  "syncErrorThrowable": true,
-                                  "syncErrorThrown": false,
-                                  "syncErrorValue": null,
+                                  "subject": [Circular],
+                                  "subscriber": [Circular],
                                 },
-                                "isStopped": true,
-                                "observables": Array [
-                                  BehaviorSubject {
-                                    "_isScalar": false,
-                                    "_value": undefined,
-                                    "closed": false,
-                                    "hasError": false,
-                                    "isStopped": false,
-                                    "observers": Array [
-                                      InnerSubscriber {
-                                        "_parentOrParents": [Circular],
-                                        "_subscriptions": Array [
-                                          SubjectSubscription {
-                                            "_parentOrParents": [Circular],
-                                            "_subscriptions": null,
-                                            "closed": false,
-                                            "subject": [Circular],
-                                            "subscriber": [Circular],
-                                          },
-                                        ],
-                                        "closed": false,
-                                        "destination": Object {
-                                          "closed": true,
-                                          "complete": [Function],
-                                          "error": [Function],
-                                          "next": [Function],
-                                        },
-                                        "index": 1,
-                                        "isStopped": false,
-                                        "outerIndex": 0,
-                                        "outerValue": undefined,
-                                        "parent": [Circular],
-                                        "syncErrorThrowable": false,
-                                        "syncErrorThrown": false,
-                                        "syncErrorValue": null,
-                                      },
-                                    ],
-                                    "thrownError": null,
-                                  },
-                                  [Circular],
-                                ],
-                                "resultSelector": undefined,
-                                "syncErrorThrowable": true,
+                              ],
+                              "closed": false,
+                              "destination": SafeSubscriber {
+                                "_complete": undefined,
+                                "_context": [Circular],
+                                "_error": undefined,
+                                "_next": [Function],
+                                "_parentOrParents": null,
+                                "_parentSubscriber": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "destination": Object {
+                                  "closed": true,
+                                  "complete": [Function],
+                                  "error": [Function],
+                                  "next": [Function],
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": false,
                                 "syncErrorThrown": false,
                                 "syncErrorValue": null,
-                                "toRespond": 0,
-                                "values": Array [
-                                  undefined,
-                                  "",
-                                ],
                               },
+                              "isStopped": false,
+                              "syncErrorThrowable": true,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                          ],
+                          "thrownError": null,
+                        }
+                      }
+                      navigateToUrl={[MockFunction]}
+                      recentlyAccessed$={
+                        BehaviorSubject {
+                          "_isScalar": false,
+                          "_value": Array [],
+                          "closed": false,
+                          "hasError": false,
+                          "isStopped": false,
+                          "observers": Array [
+                            Subscriber {
+                              "_parentOrParents": null,
                               "_subscriptions": Array [
                                 SubjectSubscription {
                                   "_parentOrParents": [Circular],
@@ -14516,94 +10537,110 @@ exports[`Header renders condensed header 1`] = `
                                 },
                               ],
                               "closed": false,
-                              "destination": Object {
-                                "closed": true,
-                                "complete": [Function],
-                                "error": [Function],
-                                "next": [Function],
+                              "destination": SafeSubscriber {
+                                "_complete": undefined,
+                                "_context": [Circular],
+                                "_error": undefined,
+                                "_next": [Function],
+                                "_parentOrParents": null,
+                                "_parentSubscriber": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "destination": Object {
+                                  "closed": true,
+                                  "complete": [Function],
+                                  "error": [Function],
+                                  "next": [Function],
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": false,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
                               },
-                              "index": 1,
                               "isStopped": false,
-                              "outerIndex": 1,
-                              "outerValue": undefined,
-                              "parent": CombineLatestSubscriber {
-                                "_parentOrParents": Subscriber {
-                                  "_parentOrParents": null,
-                                  "_subscriptions": Array [
-                                    [Circular],
-                                  ],
+                              "syncErrorThrowable": true,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            Subscriber {
+                              "_parentOrParents": null,
+                              "_subscriptions": Array [
+                                SubjectSubscription {
+                                  "_parentOrParents": [Circular],
+                                  "_subscriptions": null,
                                   "closed": false,
-                                  "destination": SafeSubscriber {
-                                    "_complete": undefined,
-                                    "_context": [Circular],
-                                    "_error": undefined,
-                                    "_next": [Function],
-                                    "_parentOrParents": null,
-                                    "_parentSubscriber": [Circular],
-                                    "_subscriptions": null,
-                                    "closed": false,
-                                    "destination": Object {
-                                      "closed": true,
-                                      "complete": [Function],
-                                      "error": [Function],
-                                      "next": [Function],
-                                    },
-                                    "isStopped": false,
-                                    "syncErrorThrowable": false,
-                                    "syncErrorThrown": false,
-                                    "syncErrorValue": null,
-                                  },
-                                  "isStopped": false,
-                                  "syncErrorThrowable": true,
-                                  "syncErrorThrown": false,
-                                  "syncErrorValue": null,
+                                  "subject": [Circular],
+                                  "subscriber": [Circular],
                                 },
-                                "_subscriptions": Array [
-                                  InnerSubscriber {
-                                    "_parentOrParents": [Circular],
-                                    "_subscriptions": Array [
-                                      SubjectSubscription {
-                                        "_parentOrParents": [Circular],
-                                        "_subscriptions": null,
-                                        "closed": false,
-                                        "subject": BehaviorSubject {
-                                          "_isScalar": false,
-                                          "_value": undefined,
-                                          "closed": false,
-                                          "hasError": false,
-                                          "isStopped": false,
-                                          "observers": Array [
-                                            [Circular],
-                                          ],
-                                          "thrownError": null,
-                                        },
-                                        "subscriber": [Circular],
-                                      },
-                                    ],
-                                    "closed": false,
-                                    "destination": Object {
-                                      "closed": true,
-                                      "complete": [Function],
-                                      "error": [Function],
-                                      "next": [Function],
-                                    },
-                                    "index": 1,
-                                    "isStopped": false,
-                                    "outerIndex": 0,
-                                    "outerValue": undefined,
-                                    "parent": [Circular],
-                                    "syncErrorThrowable": false,
-                                    "syncErrorThrown": false,
-                                    "syncErrorValue": null,
-                                  },
-                                  [Circular],
-                                ],
-                                "active": 2,
+                              ],
+                              "closed": false,
+                              "destination": SafeSubscriber {
+                                "_complete": undefined,
+                                "_context": [Circular],
+                                "_error": undefined,
+                                "_next": [Function],
+                                "_parentOrParents": null,
+                                "_parentSubscriber": [Circular],
+                                "_subscriptions": null,
                                 "closed": false,
-                                "destination": Subscriber {
+                                "destination": Object {
+                                  "closed": true,
+                                  "complete": [Function],
+                                  "error": [Function],
+                                  "next": [Function],
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": false,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": true,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                          ],
+                          "thrownError": null,
+                        }
+                      }
+                      renderBreadcrumbs={
+                        <HeaderBreadcrumbs
+                          appTitle$={
+                            BehaviorSubject {
+                              "_isScalar": false,
+                              "_value": "test",
+                              "closed": false,
+                              "hasError": false,
+                              "isStopped": false,
+                              "observers": Array [],
+                              "thrownError": null,
+                            }
+                          }
+                          breadcrumbs$={
+                            BehaviorSubject {
+                              "_isScalar": false,
+                              "_value": Array [
+                                Object {
+                                  "text": "test",
+                                },
+                                Object {
+                                  "text": "testTitle",
+                                },
+                              ],
+                              "closed": false,
+                              "hasError": false,
+                              "isStopped": false,
+                              "observers": Array [
+                                Subscriber {
                                   "_parentOrParents": null,
                                   "_subscriptions": Array [
-                                    [Circular],
+                                    SubjectSubscription {
+                                      "_parentOrParents": [Circular],
+                                      "_subscriptions": null,
+                                      "closed": false,
+                                      "subject": [Circular],
+                                      "subscriber": [Circular],
+                                    },
                                   ],
                                   "closed": false,
                                   "destination": SafeSubscriber {
@@ -14631,58 +10668,68 @@ exports[`Header renders condensed header 1`] = `
                                   "syncErrorThrown": false,
                                   "syncErrorValue": null,
                                 },
-                                "isStopped": true,
-                                "observables": Array [
-                                  BehaviorSubject {
-                                    "_isScalar": false,
-                                    "_value": undefined,
-                                    "closed": false,
-                                    "hasError": false,
-                                    "isStopped": false,
-                                    "observers": Array [
-                                      InnerSubscriber {
-                                        "_parentOrParents": [Circular],
-                                        "_subscriptions": Array [
-                                          SubjectSubscription {
-                                            "_parentOrParents": [Circular],
-                                            "_subscriptions": null,
-                                            "closed": false,
-                                            "subject": [Circular],
-                                            "subscriber": [Circular],
-                                          },
-                                        ],
-                                        "closed": false,
-                                        "destination": Object {
-                                          "closed": true,
-                                          "complete": [Function],
-                                          "error": [Function],
-                                          "next": [Function],
-                                        },
-                                        "index": 1,
-                                        "isStopped": false,
-                                        "outerIndex": 0,
-                                        "outerValue": undefined,
-                                        "parent": [Circular],
-                                        "syncErrorThrowable": false,
-                                        "syncErrorThrown": false,
-                                        "syncErrorValue": null,
-                                      },
-                                    ],
-                                    "thrownError": null,
-                                  },
-                                  [Circular],
-                                ],
-                                "resultSelector": undefined,
-                                "syncErrorThrowable": true,
+                              ],
+                              "thrownError": null,
+                            }
+                          }
+                          breadcrumbsEnricher$={
+                            BehaviorSubject {
+                              "_isScalar": false,
+                              "_value": undefined,
+                              "closed": false,
+                              "hasError": false,
+                              "isStopped": false,
+                              "observers": Array [],
+                              "thrownError": null,
+                            }
+                          }
+                          dropHomeFromBreadcrumb={false}
+                          renderFullLength={true}
+                          useUpdatedHeader={true}
+                        />
+                      }
+                      workspaceList$={
+                        BehaviorSubject {
+                          "_isScalar": false,
+                          "_value": Array [],
+                          "closed": false,
+                          "hasError": false,
+                          "isStopped": false,
+                          "observers": Array [
+                            Subscriber {
+                              "_parentOrParents": null,
+                              "_subscriptions": Array [
+                                SubjectSubscription {
+                                  "_parentOrParents": [Circular],
+                                  "_subscriptions": null,
+                                  "closed": false,
+                                  "subject": [Circular],
+                                  "subscriber": [Circular],
+                                },
+                              ],
+                              "closed": false,
+                              "destination": SafeSubscriber {
+                                "_complete": undefined,
+                                "_context": [Circular],
+                                "_error": undefined,
+                                "_next": [Function],
+                                "_parentOrParents": null,
+                                "_parentSubscriber": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "destination": Object {
+                                  "closed": true,
+                                  "complete": [Function],
+                                  "error": [Function],
+                                  "next": [Function],
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": false,
                                 "syncErrorThrown": false,
                                 "syncErrorValue": null,
-                                "toRespond": 0,
-                                "values": Array [
-                                  undefined,
-                                  "",
-                                ],
                               },
-                              "syncErrorThrowable": false,
+                              "isStopped": false,
+                              "syncErrorThrowable": true,
                               "syncErrorThrown": false,
                               "syncErrorValue": null,
                             },
@@ -14690,154 +10737,45 @@ exports[`Header renders condensed header 1`] = `
                           "thrownError": null,
                         }
                       }
-                      intl={
-                        Object {
-                          "defaultFormats": Object {},
-                          "defaultLocale": "en",
-                          "formatDate": [Function],
-                          "formatHTMLMessage": [Function],
-                          "formatMessage": [Function],
-                          "formatNumber": [Function],
-                          "formatPlural": [Function],
-                          "formatRelative": [Function],
-                          "formatTime": [Function],
-                          "formats": Object {
-                            "date": Object {
-                              "full": Object {
-                                "day": "numeric",
-                                "month": "long",
-                                "weekday": "long",
-                                "year": "numeric",
-                              },
-                              "long": Object {
-                                "day": "numeric",
-                                "month": "long",
-                                "year": "numeric",
-                              },
-                              "medium": Object {
-                                "day": "numeric",
-                                "month": "short",
-                                "year": "numeric",
-                              },
-                              "short": Object {
-                                "day": "numeric",
-                                "month": "numeric",
-                                "year": "2-digit",
-                              },
-                            },
-                            "number": Object {
-                              "currency": Object {
-                                "style": "currency",
-                              },
-                              "percent": Object {
-                                "style": "percent",
-                              },
-                            },
-                            "relative": Object {
-                              "days": Object {
-                                "units": "day",
-                              },
-                              "hours": Object {
-                                "units": "hour",
-                              },
-                              "minutes": Object {
-                                "units": "minute",
-                              },
-                              "months": Object {
-                                "units": "month",
-                              },
-                              "seconds": Object {
-                                "units": "second",
-                              },
-                              "years": Object {
-                                "units": "year",
-                              },
-                            },
-                            "time": Object {
-                              "full": Object {
-                                "hour": "numeric",
-                                "minute": "numeric",
-                                "second": "numeric",
-                                "timeZoneName": "short",
-                              },
-                              "long": Object {
-                                "hour": "numeric",
-                                "minute": "numeric",
-                                "second": "numeric",
-                                "timeZoneName": "short",
-                              },
-                              "medium": Object {
-                                "hour": "numeric",
-                                "minute": "numeric",
-                                "second": "numeric",
-                              },
-                              "short": Object {
-                                "hour": "numeric",
-                                "minute": "numeric",
-                              },
-                            },
-                          },
-                          "formatters": Object {
-                            "getDateTimeFormat": [Function],
-                            "getMessageFormat": [Function],
-                            "getNumberFormat": [Function],
-                            "getPluralFormat": [Function],
-                            "getRelativeFormat": [Function],
-                          },
-                          "locale": "en",
-                          "messages": Object {},
-                          "now": [Function],
-                          "onError": [Function],
-                          "textComponent": Symbol(react.fragment),
-                          "timeZone": null,
-                        }
-                      }
-                      opensearchDashboardsDocLink="/docs"
-                      opensearchDashboardsVersion="1.0.0"
-                      surveyLink="/"
-                      useDefaultContent={true}
                     >
                       <EuiPopover
-                        anchorPosition="downRight"
+                        anchorPosition="downCenter"
                         button={
                           <EuiToolTip
-                            content="Help"
+                            content="Recent"
                             delay="long"
                             position="bottom"
                           >
-                            <EuiHeaderSectionItemButton
+                            <EuiButtonIcon
                               aria-expanded={false}
                               aria-haspopup="true"
-                              aria-label="Help menu"
+                              aria-label="View recents"
+                              className="headerRecentItemsButton"
+                              color="text"
+                              data-test-subj="recentItemsSectionButton"
+                              iconType="recent"
                               onClick={[Function]}
-                            >
-                              <EuiIcon
-                                size="m"
-                                type="questionInCircle"
-                              />
-                            </EuiHeaderSectionItemButton>
+                              size="xs"
+                            />
                           </EuiToolTip>
                         }
                         closePopover={[Function]}
-                        data-test-subj="helpMenuButton"
                         display="inlineBlock"
                         hasArrow={true}
-                        id="headerHelpMenu"
+                        initialFocus={false}
                         isOpen={false}
                         ownFocus={true}
-                        panelPaddingSize="s"
+                        panelPaddingSize="m"
                         repositionOnScroll={true}
                       >
                         <div
-                          className="euiPopover euiPopover--anchorDownRight"
-                          data-test-subj="helpMenuButton"
-                          id="headerHelpMenu"
+                          className="euiPopover euiPopover--anchorDownCenter"
                         >
                           <div
                             className="euiPopover__anchor"
                           >
                             <EuiToolTip
-                              content="Help"
+                              content="Recent"
                               delay="long"
                               position="bottom"
                             >
@@ -14847,111 +10785,71 @@ exports[`Header renders condensed header 1`] = `
                                 onMouseOut={[Function]}
                                 onMouseOver={[Function]}
                               >
-                                <EuiHeaderSectionItemButton
+                                <EuiButtonIcon
                                   aria-expanded={false}
                                   aria-haspopup="true"
-                                  aria-label="Help menu"
+                                  aria-label="View recents"
+                                  className="headerRecentItemsButton"
+                                  color="text"
+                                  data-test-subj="recentItemsSectionButton"
+                                  iconType="recent"
                                   onBlur={[Function]}
                                   onClick={[Function]}
                                   onFocus={[Function]}
+                                  size="xs"
                                 >
-                                  <EuiButtonEmpty
+                                  <button
                                     aria-expanded={false}
                                     aria-haspopup="true"
-                                    aria-label="Help menu"
-                                    buttonRef={
-                                      Object {
-                                        "current": <button
-                                          aria-expanded="false"
-                                          aria-haspopup="true"
-                                          aria-label="Help menu"
-                                          class="euiButtonEmpty euiButtonEmpty--text euiHeaderSectionItemButton"
-                                          type="button"
-                                        >
-                                          <span
-                                            class="euiButtonContent euiButtonEmpty__content"
-                                          >
-                                            <span
-                                              class="euiButtonEmpty__text"
-                                            >
-                                              <span
-                                                class="euiHeaderSectionItemButton__content"
-                                              >
-                                                <span
-                                                  data-euiicon-type="questionInCircle"
-                                                />
-                                              </span>
-                                            </span>
-                                          </span>
-                                        </button>,
-                                      }
-                                    }
-                                    className="euiHeaderSectionItemButton"
-                                    color="text"
+                                    aria-label="View recents"
+                                    className="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall headerRecentItemsButton"
+                                    data-test-subj="recentItemsSectionButton"
+                                    disabled={false}
                                     onBlur={[Function]}
                                     onClick={[Function]}
                                     onFocus={[Function]}
-                                  >
-                                    <button
-                                      aria-expanded={false}
-                                      aria-haspopup="true"
-                                      aria-label="Help menu"
-                                      className="euiButtonEmpty euiButtonEmpty--text euiHeaderSectionItemButton"
-                                      disabled={false}
-                                      onBlur={[Function]}
-                                      onClick={[Function]}
-                                      onFocus={[Function]}
-                                      type="button"
+                                    type="button"
+                                  >
+                                    <EuiIcon
+                                      aria-hidden="true"
+                                      className="euiButtonIcon__icon"
+                                      color="inherit"
+                                      size="m"
+                                      type="recent"
                                     >
-                                      <EuiButtonContent
-                                        className="euiButtonEmpty__content"
-                                        iconGap="m"
-                                        iconSide="left"
-                                        iconSize="m"
-                                        textProps={
-                                          Object {
-                                            "className": "euiButtonEmpty__text",
-                                          }
-                                        }
-                                      >
-                                        <span
-                                          className="euiButtonContent euiButtonEmpty__content"
-                                        >
-                                          <span
-                                            className="euiButtonEmpty__text"
-                                          >
-                                            <span
-                                              className="euiHeaderSectionItemButton__content"
-                                            >
-                                              <EuiIcon
-                                                size="m"
-                                                type="questionInCircle"
-                                              >
-                                                <span
-                                                  data-euiicon-type="questionInCircle"
-                                                  size="m"
-                                                />
-                                              </EuiIcon>
-                                            </span>
-                                          </span>
-                                        </span>
-                                      </EuiButtonContent>
-                                    </button>
-                                  </EuiButtonEmpty>
-                                </EuiHeaderSectionItemButton>
+                                      <span
+                                        aria-hidden="true"
+                                        className="euiButtonIcon__icon"
+                                        color="inherit"
+                                        data-euiicon-type="recent"
+                                        size="m"
+                                      />
+                                    </EuiIcon>
+                                  </button>
+                                </EuiButtonIcon>
                               </span>
                             </EuiToolTip>
                           </div>
                         </div>
                       </EuiPopover>
-                    </HeaderHelpMenuUI>
-                  </InjectIntl(HeaderHelpMenuUI)>
-                </div>
-              </EuiHeaderSectionItem>
-            </div>
-          </EuiHeaderSection>
-        </div>
-      </EuiHeader>
+                    </RecentItems>
+                  </div>
+                </EuiHeaderSectionItem>
+              </div>
+            </EuiHeaderSection>
+            <EuiHeaderSection
+              side="right"
+            >
+              <div
+                className="euiHeaderSection euiHeaderSection--dontGrow euiHeaderSection--right"
+              />
+            </EuiHeaderSection>
+          </div>
+        </EuiHeader>
+        <div
+          id="applicationHeaderFilterBar"
+        />
+      </div>
     </div>
     <CollapsibleNav
       appId$={
@@ -15269,6 +11167,43 @@ exports[`Header renders condensed header 1`] = `
               "syncErrorThrown": false,
               "syncErrorValue": null,
             },
+            Subscriber {
+              "_parentOrParents": null,
+              "_subscriptions": Array [
+                SubjectSubscription {
+                  "_parentOrParents": [Circular],
+                  "_subscriptions": null,
+                  "closed": false,
+                  "subject": [Circular],
+                  "subscriber": [Circular],
+                },
+              ],
+              "closed": false,
+              "destination": SafeSubscriber {
+                "_complete": undefined,
+                "_context": [Circular],
+                "_error": undefined,
+                "_next": [Function],
+                "_parentOrParents": null,
+                "_parentSubscriber": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "isStopped": false,
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+              "isStopped": false,
+              "syncErrorThrowable": true,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
           ],
           "thrownError": null,
         }
@@ -15288,7 +11223,7 @@ exports[`Header renders condensed header 1`] = `
 </Header>
 `;
 
-exports[`Header renders page header with application title 1`] = `
+exports[`Header renders condensed header 1`] = `
 <Header
   appTitle$={
     BehaviorSubject {
@@ -15400,65 +11335,6 @@ exports[`Header renders page header with application title 1`] = `
             "syncErrorThrown": false,
             "syncErrorValue": null,
           },
-        ],
-        "thrownError": null,
-      },
-      "currentAppId$": Observable {
-        "_isScalar": false,
-        "source": Subject {
-          "_isScalar": false,
-          "closed": false,
-          "hasError": false,
-          "isStopped": false,
-          "observers": Array [
-            Subscriber {
-              "_parentOrParents": null,
-              "_subscriptions": Array [
-                SubjectSubscription {
-                  "_parentOrParents": [Circular],
-                  "_subscriptions": null,
-                  "closed": false,
-                  "subject": [Circular],
-                  "subscriber": [Circular],
-                },
-              ],
-              "closed": false,
-              "destination": SafeSubscriber {
-                "_complete": undefined,
-                "_context": [Circular],
-                "_error": undefined,
-                "_next": [Function],
-                "_parentOrParents": null,
-                "_parentSubscriber": [Circular],
-                "_subscriptions": null,
-                "closed": false,
-                "destination": Object {
-                  "closed": true,
-                  "complete": [Function],
-                  "error": [Function],
-                  "next": [Function],
-                },
-                "isStopped": false,
-                "syncErrorThrowable": false,
-                "syncErrorThrown": false,
-                "syncErrorValue": null,
-              },
-              "isStopped": false,
-              "syncErrorThrowable": true,
-              "syncErrorThrown": false,
-              "syncErrorValue": null,
-            },
-          ],
-          "thrownError": null,
-        },
-      },
-      "currentBadgeControls$": BehaviorSubject {
-        "_isScalar": false,
-        "_value": undefined,
-        "closed": false,
-        "hasError": false,
-        "isStopped": false,
-        "observers": Array [
           Subscriber {
             "_parentOrParents": null,
             "_subscriptions": Array [
@@ -15499,54 +11375,56 @@ exports[`Header renders page header with application title 1`] = `
         ],
         "thrownError": null,
       },
-      "currentBottomControls$": BehaviorSubject {
+      "currentAppId$": Observable {
         "_isScalar": false,
-        "_value": undefined,
-        "closed": false,
-        "hasError": false,
-        "isStopped": false,
-        "observers": Array [
-          Subscriber {
-            "_parentOrParents": null,
-            "_subscriptions": Array [
-              SubjectSubscription {
-                "_parentOrParents": [Circular],
-                "_subscriptions": null,
-                "closed": false,
-                "subject": [Circular],
-                "subscriber": [Circular],
-              },
-            ],
-            "closed": false,
-            "destination": SafeSubscriber {
-              "_complete": undefined,
-              "_context": [Circular],
-              "_error": undefined,
-              "_next": [Function],
+        "source": Subject {
+          "_isScalar": false,
+          "closed": false,
+          "hasError": false,
+          "isStopped": false,
+          "observers": Array [
+            Subscriber {
               "_parentOrParents": null,
-              "_parentSubscriber": [Circular],
-              "_subscriptions": null,
+              "_subscriptions": Array [
+                SubjectSubscription {
+                  "_parentOrParents": [Circular],
+                  "_subscriptions": null,
+                  "closed": false,
+                  "subject": [Circular],
+                  "subscriber": [Circular],
+                },
+              ],
               "closed": false,
-              "destination": Object {
-                "closed": true,
-                "complete": [Function],
-                "error": [Function],
-                "next": [Function],
+              "destination": SafeSubscriber {
+                "_complete": undefined,
+                "_context": [Circular],
+                "_error": undefined,
+                "_next": [Function],
+                "_parentOrParents": null,
+                "_parentSubscriber": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "isStopped": false,
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
               },
-              "isStopped": false,
-              "syncErrorThrowable": false,
-              "syncErrorThrown": false,
-              "syncErrorValue": null,
-            },
-            "isStopped": false,
-            "syncErrorThrowable": true,
-            "syncErrorThrown": false,
-            "syncErrorValue": null,
-          },
-        ],
-        "thrownError": null,
+              "isStopped": false,
+              "syncErrorThrowable": true,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+          ],
+          "thrownError": null,
+        },
       },
-      "currentCenterControls$": BehaviorSubject {
+      "currentBadgeControls$": BehaviorSubject {
         "_isScalar": false,
         "_value": undefined,
         "closed": false,
@@ -15593,7 +11471,16 @@ exports[`Header renders page header with application title 1`] = `
         ],
         "thrownError": null,
       },
-      "currentDescriptionControls$": BehaviorSubject {
+      "currentBottomControls$": BehaviorSubject {
+        "_isScalar": false,
+        "_value": undefined,
+        "closed": false,
+        "hasError": false,
+        "isStopped": false,
+        "observers": Array [],
+        "thrownError": null,
+      },
+      "currentCenterControls$": BehaviorSubject {
         "_isScalar": false,
         "_value": undefined,
         "closed": false,
@@ -15640,6 +11527,15 @@ exports[`Header renders page header with application title 1`] = `
         ],
         "thrownError": null,
       },
+      "currentDescriptionControls$": BehaviorSubject {
+        "_isScalar": false,
+        "_value": undefined,
+        "closed": false,
+        "hasError": false,
+        "isStopped": false,
+        "observers": Array [],
+        "thrownError": null,
+      },
       "currentLeftControls$": BehaviorSubject {
         "_isScalar": false,
         "_value": undefined,
@@ -15752,27 +11648,275 @@ exports[`Header renders page header with application title 1`] = `
           "search": "",
           "state": undefined,
         },
-        "push": [MockFunction],
-        "replace": [MockFunction],
-      },
-      "navigateToApp": [MockFunction],
-      "navigateToUrl": [MockFunction],
-      "registerMountContext": [MockFunction],
-      "setAppBadgeControls": [MockFunction],
-      "setAppBottomControls": [MockFunction],
-      "setAppCenterControls": [MockFunction],
-      "setAppDescriptionControls": [MockFunction],
-      "setAppLeftControls": [MockFunction],
-      "setAppRightControls": [MockFunction],
+        "push": [MockFunction],
+        "replace": [MockFunction],
+      },
+      "navigateToApp": [MockFunction],
+      "navigateToUrl": [MockFunction],
+      "registerMountContext": [MockFunction],
+      "setAppBadgeControls": [MockFunction],
+      "setAppBottomControls": [MockFunction],
+      "setAppCenterControls": [MockFunction],
+      "setAppDescriptionControls": [MockFunction],
+      "setAppLeftControls": [MockFunction],
+      "setAppRightControls": [MockFunction],
+    }
+  }
+  badge$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": undefined,
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  basePath={
+    BasePath {
+      "basePath": "/test",
+      "clientBasePath": "",
+      "get": [Function],
+      "getBasePath": [Function],
+      "prepend": [Function],
+      "remove": [Function],
+      "serverBasePath": "/test",
+    }
+  }
+  branding={
+    Object {
+      "useExpandedHeader": false,
+    }
+  }
+  breadcrumbs$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": Array [],
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  breadcrumbsEnricher$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": undefined,
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
     }
   }
-  badge$={
+  currentNavGroup$={
     BehaviorSubject {
       "_isScalar": false,
       "_value": undefined,
       "closed": false,
       "hasError": false,
       "isStopped": false,
+      "observers": Array [],
+      "thrownError": null,
+    }
+  }
+  currentWorkspace$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": null,
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
       "observers": Array [
         Subscriber {
           "_parentOrParents": null,
@@ -15815,33 +11959,10 @@ exports[`Header renders page header with application title 1`] = `
       "thrownError": null,
     }
   }
-  basePath={
-    BasePath {
-      "basePath": "/test",
-      "clientBasePath": "",
-      "get": [Function],
-      "getBasePath": [Function],
-      "prepend": [Function],
-      "remove": [Function],
-      "serverBasePath": "/test",
-    }
-  }
-  branding={
-    Object {
-      "useExpandedHeader": false,
-    }
-  }
-  breadcrumbs$={
+  customNavLink$={
     BehaviorSubject {
       "_isScalar": false,
-      "_value": Array [
-        Object {
-          "text": "test",
-        },
-        Object {
-          "text": "testTitle",
-        },
-      ],
+      "_value": undefined,
       "closed": false,
       "hasError": false,
       "isStopped": false,
@@ -15883,6 +12004,18 @@ exports[`Header renders page header with application title 1`] = `
           "syncErrorThrown": false,
           "syncErrorValue": null,
         },
+      ],
+      "thrownError": null,
+    }
+  }
+  forceAppSwitcherNavigation$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": false,
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
         Subscriber {
           "_parentOrParents": null,
           "_subscriptions": Array [
@@ -15924,7 +12057,7 @@ exports[`Header renders page header with application title 1`] = `
       "thrownError": null,
     }
   }
-  breadcrumbsEnricher$={
+  headerVariant$={
     BehaviorSubject {
       "_isScalar": false,
       "_value": undefined,
@@ -15964,36 +12097,180 @@ exports[`Header renders page header with application title 1`] = `
             "syncErrorThrown": false,
             "syncErrorValue": null,
           },
-          "isStopped": false,
-          "syncErrorThrowable": true,
-          "syncErrorThrown": false,
-          "syncErrorValue": null,
-        },
-      ],
-      "thrownError": null,
-    }
-  }
-  currentNavGroup$={
-    BehaviorSubject {
-      "_isScalar": false,
-      "_value": undefined,
-      "closed": false,
-      "hasError": false,
-      "isStopped": false,
-      "observers": Array [],
-      "thrownError": null,
-    }
-  }
-  currentWorkspace$={
-    BehaviorSubject {
-      "_isScalar": false,
-      "_value": null,
-      "closed": false,
-      "hasError": false,
-      "isStopped": false,
-      "observers": Array [
-        Subscriber {
-          "_parentOrParents": null,
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  helpExtension$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": undefined,
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        InnerSubscriber {
+          "_parentOrParents": CombineLatestSubscriber {
+            "_parentOrParents": Subscriber {
+              "_parentOrParents": null,
+              "_subscriptions": Array [
+                [Circular],
+              ],
+              "closed": false,
+              "destination": SafeSubscriber {
+                "_complete": undefined,
+                "_context": [Circular],
+                "_error": undefined,
+                "_next": [Function],
+                "_parentOrParents": null,
+                "_parentSubscriber": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "isStopped": false,
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+              "isStopped": false,
+              "syncErrorThrowable": true,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+            "_subscriptions": Array [
+              [Circular],
+              InnerSubscriber {
+                "_parentOrParents": [Circular],
+                "_subscriptions": Array [
+                  SubjectSubscription {
+                    "_parentOrParents": [Circular],
+                    "_subscriptions": null,
+                    "closed": false,
+                    "subject": BehaviorSubject {
+                      "_isScalar": false,
+                      "_value": "",
+                      "closed": false,
+                      "hasError": false,
+                      "isStopped": false,
+                      "observers": Array [
+                        [Circular],
+                      ],
+                      "thrownError": null,
+                    },
+                    "subscriber": [Circular],
+                  },
+                ],
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "index": 1,
+                "isStopped": false,
+                "outerIndex": 1,
+                "outerValue": undefined,
+                "parent": [Circular],
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+            ],
+            "active": 2,
+            "closed": false,
+            "destination": Subscriber {
+              "_parentOrParents": null,
+              "_subscriptions": Array [
+                [Circular],
+              ],
+              "closed": false,
+              "destination": SafeSubscriber {
+                "_complete": undefined,
+                "_context": [Circular],
+                "_error": undefined,
+                "_next": [Function],
+                "_parentOrParents": null,
+                "_parentSubscriber": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "isStopped": false,
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+              "isStopped": false,
+              "syncErrorThrowable": true,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+            "isStopped": true,
+            "observables": Array [
+              [Circular],
+              BehaviorSubject {
+                "_isScalar": false,
+                "_value": "",
+                "closed": false,
+                "hasError": false,
+                "isStopped": false,
+                "observers": Array [
+                  InnerSubscriber {
+                    "_parentOrParents": [Circular],
+                    "_subscriptions": Array [
+                      SubjectSubscription {
+                        "_parentOrParents": [Circular],
+                        "_subscriptions": null,
+                        "closed": false,
+                        "subject": [Circular],
+                        "subscriber": [Circular],
+                      },
+                    ],
+                    "closed": false,
+                    "destination": Object {
+                      "closed": true,
+                      "complete": [Function],
+                      "error": [Function],
+                      "next": [Function],
+                    },
+                    "index": 1,
+                    "isStopped": false,
+                    "outerIndex": 1,
+                    "outerValue": undefined,
+                    "parent": [Circular],
+                    "syncErrorThrowable": false,
+                    "syncErrorThrown": false,
+                    "syncErrorValue": null,
+                  },
+                ],
+                "thrownError": null,
+              },
+            ],
+            "resultSelector": undefined,
+            "syncErrorThrowable": true,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+            "toRespond": 0,
+            "values": Array [
+              undefined,
+              "",
+            ],
+          },
           "_subscriptions": Array [
             SubjectSubscription {
               "_parentOrParents": [Circular],
@@ -16004,77 +12281,173 @@ exports[`Header renders page header with application title 1`] = `
             },
           ],
           "closed": false,
-          "destination": SafeSubscriber {
-            "_complete": undefined,
-            "_context": [Circular],
-            "_error": undefined,
-            "_next": [Function],
-            "_parentOrParents": null,
-            "_parentSubscriber": [Circular],
-            "_subscriptions": null,
-            "closed": false,
-            "destination": Object {
-              "closed": true,
-              "complete": [Function],
-              "error": [Function],
-              "next": [Function],
-            },
-            "isStopped": false,
-            "syncErrorThrowable": false,
-            "syncErrorThrown": false,
-            "syncErrorValue": null,
+          "destination": Object {
+            "closed": true,
+            "complete": [Function],
+            "error": [Function],
+            "next": [Function],
           },
+          "index": 1,
           "isStopped": false,
-          "syncErrorThrowable": true,
-          "syncErrorThrown": false,
-          "syncErrorValue": null,
-        },
-      ],
-      "thrownError": null,
-    }
-  }
-  customNavLink$={
-    BehaviorSubject {
-      "_isScalar": false,
-      "_value": undefined,
-      "closed": false,
-      "hasError": false,
-      "isStopped": false,
-      "observers": Array [
-        Subscriber {
-          "_parentOrParents": null,
-          "_subscriptions": Array [
-            SubjectSubscription {
-              "_parentOrParents": [Circular],
-              "_subscriptions": null,
+          "outerIndex": 0,
+          "outerValue": undefined,
+          "parent": CombineLatestSubscriber {
+            "_parentOrParents": Subscriber {
+              "_parentOrParents": null,
+              "_subscriptions": Array [
+                [Circular],
+              ],
               "closed": false,
-              "subject": [Circular],
-              "subscriber": [Circular],
+              "destination": SafeSubscriber {
+                "_complete": undefined,
+                "_context": [Circular],
+                "_error": undefined,
+                "_next": [Function],
+                "_parentOrParents": null,
+                "_parentSubscriber": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "isStopped": false,
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+              "isStopped": false,
+              "syncErrorThrowable": true,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
             },
-          ],
-          "closed": false,
-          "destination": SafeSubscriber {
-            "_complete": undefined,
-            "_context": [Circular],
-            "_error": undefined,
-            "_next": [Function],
-            "_parentOrParents": null,
-            "_parentSubscriber": [Circular],
-            "_subscriptions": null,
+            "_subscriptions": Array [
+              [Circular],
+              InnerSubscriber {
+                "_parentOrParents": [Circular],
+                "_subscriptions": Array [
+                  SubjectSubscription {
+                    "_parentOrParents": [Circular],
+                    "_subscriptions": null,
+                    "closed": false,
+                    "subject": BehaviorSubject {
+                      "_isScalar": false,
+                      "_value": "",
+                      "closed": false,
+                      "hasError": false,
+                      "isStopped": false,
+                      "observers": Array [
+                        [Circular],
+                      ],
+                      "thrownError": null,
+                    },
+                    "subscriber": [Circular],
+                  },
+                ],
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "index": 1,
+                "isStopped": false,
+                "outerIndex": 1,
+                "outerValue": undefined,
+                "parent": [Circular],
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+            ],
+            "active": 2,
             "closed": false,
-            "destination": Object {
-              "closed": true,
-              "complete": [Function],
-              "error": [Function],
-              "next": [Function],
+            "destination": Subscriber {
+              "_parentOrParents": null,
+              "_subscriptions": Array [
+                [Circular],
+              ],
+              "closed": false,
+              "destination": SafeSubscriber {
+                "_complete": undefined,
+                "_context": [Circular],
+                "_error": undefined,
+                "_next": [Function],
+                "_parentOrParents": null,
+                "_parentSubscriber": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "isStopped": false,
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+              "isStopped": false,
+              "syncErrorThrowable": true,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
             },
-            "isStopped": false,
-            "syncErrorThrowable": false,
+            "isStopped": true,
+            "observables": Array [
+              [Circular],
+              BehaviorSubject {
+                "_isScalar": false,
+                "_value": "",
+                "closed": false,
+                "hasError": false,
+                "isStopped": false,
+                "observers": Array [
+                  InnerSubscriber {
+                    "_parentOrParents": [Circular],
+                    "_subscriptions": Array [
+                      SubjectSubscription {
+                        "_parentOrParents": [Circular],
+                        "_subscriptions": null,
+                        "closed": false,
+                        "subject": [Circular],
+                        "subscriber": [Circular],
+                      },
+                    ],
+                    "closed": false,
+                    "destination": Object {
+                      "closed": true,
+                      "complete": [Function],
+                      "error": [Function],
+                      "next": [Function],
+                    },
+                    "index": 1,
+                    "isStopped": false,
+                    "outerIndex": 1,
+                    "outerValue": undefined,
+                    "parent": [Circular],
+                    "syncErrorThrowable": false,
+                    "syncErrorThrown": false,
+                    "syncErrorValue": null,
+                  },
+                ],
+                "thrownError": null,
+              },
+            ],
+            "resultSelector": undefined,
+            "syncErrorThrowable": true,
             "syncErrorThrown": false,
             "syncErrorValue": null,
+            "toRespond": 0,
+            "values": Array [
+              undefined,
+              "",
+            ],
           },
-          "isStopped": false,
-          "syncErrorThrowable": true,
+          "syncErrorThrowable": false,
           "syncErrorThrown": false,
           "syncErrorValue": null,
         },
@@ -16082,27 +12455,171 @@ exports[`Header renders page header with application title 1`] = `
       "thrownError": null,
     }
   }
-  forceAppSwitcherNavigation$={
-    BehaviorSubject {
-      "_isScalar": false,
-      "_value": false,
-      "closed": false,
-      "hasError": false,
-      "isStopped": false,
-      "observers": Array [],
-      "thrownError": null,
-    }
-  }
-  headerVariant$={
+  helpSupportUrl$={
     BehaviorSubject {
       "_isScalar": false,
-      "_value": undefined,
+      "_value": "",
       "closed": false,
       "hasError": false,
       "isStopped": false,
       "observers": Array [
-        Subscriber {
-          "_parentOrParents": null,
+        InnerSubscriber {
+          "_parentOrParents": CombineLatestSubscriber {
+            "_parentOrParents": Subscriber {
+              "_parentOrParents": null,
+              "_subscriptions": Array [
+                [Circular],
+              ],
+              "closed": false,
+              "destination": SafeSubscriber {
+                "_complete": undefined,
+                "_context": [Circular],
+                "_error": undefined,
+                "_next": [Function],
+                "_parentOrParents": null,
+                "_parentSubscriber": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "isStopped": false,
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+              "isStopped": false,
+              "syncErrorThrowable": true,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+            "_subscriptions": Array [
+              InnerSubscriber {
+                "_parentOrParents": [Circular],
+                "_subscriptions": Array [
+                  SubjectSubscription {
+                    "_parentOrParents": [Circular],
+                    "_subscriptions": null,
+                    "closed": false,
+                    "subject": BehaviorSubject {
+                      "_isScalar": false,
+                      "_value": undefined,
+                      "closed": false,
+                      "hasError": false,
+                      "isStopped": false,
+                      "observers": Array [
+                        [Circular],
+                      ],
+                      "thrownError": null,
+                    },
+                    "subscriber": [Circular],
+                  },
+                ],
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "index": 1,
+                "isStopped": false,
+                "outerIndex": 0,
+                "outerValue": undefined,
+                "parent": [Circular],
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+              [Circular],
+            ],
+            "active": 2,
+            "closed": false,
+            "destination": Subscriber {
+              "_parentOrParents": null,
+              "_subscriptions": Array [
+                [Circular],
+              ],
+              "closed": false,
+              "destination": SafeSubscriber {
+                "_complete": undefined,
+                "_context": [Circular],
+                "_error": undefined,
+                "_next": [Function],
+                "_parentOrParents": null,
+                "_parentSubscriber": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "isStopped": false,
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+              "isStopped": false,
+              "syncErrorThrowable": true,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+            "isStopped": true,
+            "observables": Array [
+              BehaviorSubject {
+                "_isScalar": false,
+                "_value": undefined,
+                "closed": false,
+                "hasError": false,
+                "isStopped": false,
+                "observers": Array [
+                  InnerSubscriber {
+                    "_parentOrParents": [Circular],
+                    "_subscriptions": Array [
+                      SubjectSubscription {
+                        "_parentOrParents": [Circular],
+                        "_subscriptions": null,
+                        "closed": false,
+                        "subject": [Circular],
+                        "subscriber": [Circular],
+                      },
+                    ],
+                    "closed": false,
+                    "destination": Object {
+                      "closed": true,
+                      "complete": [Function],
+                      "error": [Function],
+                      "next": [Function],
+                    },
+                    "index": 1,
+                    "isStopped": false,
+                    "outerIndex": 0,
+                    "outerValue": undefined,
+                    "parent": [Circular],
+                    "syncErrorThrowable": false,
+                    "syncErrorThrown": false,
+                    "syncErrorValue": null,
+                  },
+                ],
+                "thrownError": null,
+              },
+              [Circular],
+            ],
+            "resultSelector": undefined,
+            "syncErrorThrowable": true,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+            "toRespond": 0,
+            "values": Array [
+              undefined,
+              "",
+            ],
+          },
           "_subscriptions": Array [
             SubjectSubscription {
               "_parentOrParents": [Circular],
@@ -16113,28 +12630,173 @@ exports[`Header renders page header with application title 1`] = `
             },
           ],
           "closed": false,
-          "destination": SafeSubscriber {
-            "_complete": undefined,
-            "_context": [Circular],
-            "_error": undefined,
-            "_next": [Function],
-            "_parentOrParents": null,
-            "_parentSubscriber": [Circular],
-            "_subscriptions": null,
+          "destination": Object {
+            "closed": true,
+            "complete": [Function],
+            "error": [Function],
+            "next": [Function],
+          },
+          "index": 1,
+          "isStopped": false,
+          "outerIndex": 1,
+          "outerValue": undefined,
+          "parent": CombineLatestSubscriber {
+            "_parentOrParents": Subscriber {
+              "_parentOrParents": null,
+              "_subscriptions": Array [
+                [Circular],
+              ],
+              "closed": false,
+              "destination": SafeSubscriber {
+                "_complete": undefined,
+                "_context": [Circular],
+                "_error": undefined,
+                "_next": [Function],
+                "_parentOrParents": null,
+                "_parentSubscriber": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "isStopped": false,
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+              "isStopped": false,
+              "syncErrorThrowable": true,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+            "_subscriptions": Array [
+              InnerSubscriber {
+                "_parentOrParents": [Circular],
+                "_subscriptions": Array [
+                  SubjectSubscription {
+                    "_parentOrParents": [Circular],
+                    "_subscriptions": null,
+                    "closed": false,
+                    "subject": BehaviorSubject {
+                      "_isScalar": false,
+                      "_value": undefined,
+                      "closed": false,
+                      "hasError": false,
+                      "isStopped": false,
+                      "observers": Array [
+                        [Circular],
+                      ],
+                      "thrownError": null,
+                    },
+                    "subscriber": [Circular],
+                  },
+                ],
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "index": 1,
+                "isStopped": false,
+                "outerIndex": 0,
+                "outerValue": undefined,
+                "parent": [Circular],
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+              [Circular],
+            ],
+            "active": 2,
             "closed": false,
-            "destination": Object {
-              "closed": true,
-              "complete": [Function],
-              "error": [Function],
-              "next": [Function],
+            "destination": Subscriber {
+              "_parentOrParents": null,
+              "_subscriptions": Array [
+                [Circular],
+              ],
+              "closed": false,
+              "destination": SafeSubscriber {
+                "_complete": undefined,
+                "_context": [Circular],
+                "_error": undefined,
+                "_next": [Function],
+                "_parentOrParents": null,
+                "_parentSubscriber": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "isStopped": false,
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+              "isStopped": false,
+              "syncErrorThrowable": true,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
             },
-            "isStopped": false,
-            "syncErrorThrowable": false,
+            "isStopped": true,
+            "observables": Array [
+              BehaviorSubject {
+                "_isScalar": false,
+                "_value": undefined,
+                "closed": false,
+                "hasError": false,
+                "isStopped": false,
+                "observers": Array [
+                  InnerSubscriber {
+                    "_parentOrParents": [Circular],
+                    "_subscriptions": Array [
+                      SubjectSubscription {
+                        "_parentOrParents": [Circular],
+                        "_subscriptions": null,
+                        "closed": false,
+                        "subject": [Circular],
+                        "subscriber": [Circular],
+                      },
+                    ],
+                    "closed": false,
+                    "destination": Object {
+                      "closed": true,
+                      "complete": [Function],
+                      "error": [Function],
+                      "next": [Function],
+                    },
+                    "index": 1,
+                    "isStopped": false,
+                    "outerIndex": 0,
+                    "outerValue": undefined,
+                    "parent": [Circular],
+                    "syncErrorThrowable": false,
+                    "syncErrorThrown": false,
+                    "syncErrorValue": null,
+                  },
+                ],
+                "thrownError": null,
+              },
+              [Circular],
+            ],
+            "resultSelector": undefined,
+            "syncErrorThrowable": true,
             "syncErrorThrown": false,
             "syncErrorValue": null,
+            "toRespond": 0,
+            "values": Array [
+              undefined,
+              "",
+            ],
           },
-          "isStopped": false,
-          "syncErrorThrowable": true,
+          "syncErrorThrowable": false,
           "syncErrorThrown": false,
           "syncErrorValue": null,
         },
@@ -16142,28 +12804,6 @@ exports[`Header renders page header with application title 1`] = `
       "thrownError": null,
     }
   }
-  helpExtension$={
-    BehaviorSubject {
-      "_isScalar": false,
-      "_value": undefined,
-      "closed": false,
-      "hasError": false,
-      "isStopped": false,
-      "observers": Array [],
-      "thrownError": null,
-    }
-  }
-  helpSupportUrl$={
-    BehaviorSubject {
-      "_isScalar": false,
-      "_value": "",
-      "closed": false,
-      "hasError": false,
-      "isStopped": false,
-      "observers": Array [],
-      "thrownError": null,
-    }
-  }
   homeHref="/"
   http={
     Object {
@@ -16400,7 +13040,82 @@ exports[`Header renders page header with application title 1`] = `
       "closed": false,
       "hasError": false,
       "isStopped": false,
-      "observers": Array [],
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
       "thrownError": null,
     }
   }
@@ -16514,6 +13229,43 @@ exports[`Header renders page header with application title 1`] = `
           "syncErrorThrown": false,
           "syncErrorValue": null,
         },
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
       ],
       "thrownError": null,
     }
@@ -16563,18 +13315,6 @@ exports[`Header renders page header with application title 1`] = `
           "syncErrorThrown": false,
           "syncErrorValue": null,
         },
-      ],
-      "thrownError": null,
-    }
-  }
-  navControlsExpandedRight$={
-    BehaviorSubject {
-      "_isScalar": false,
-      "_value": Array [],
-      "closed": false,
-      "hasError": false,
-      "isStopped": false,
-      "observers": Array [
         Subscriber {
           "_parentOrParents": null,
           "_subscriptions": Array [
@@ -16616,6 +13356,17 @@ exports[`Header renders page header with application title 1`] = `
       "thrownError": null,
     }
   }
+  navControlsExpandedRight$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": Array [],
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [],
+      "thrownError": null,
+    }
+  }
   navControlsLeft$={
     BehaviorSubject {
       "_isScalar": false,
@@ -16661,29 +13412,6 @@ exports[`Header renders page header with application title 1`] = `
           "syncErrorThrown": false,
           "syncErrorValue": null,
         },
-      ],
-      "thrownError": null,
-    }
-  }
-  navControlsLeftBottom$={
-    BehaviorSubject {
-      "_isScalar": false,
-      "_value": Array [],
-      "closed": false,
-      "hasError": false,
-      "isStopped": false,
-      "observers": Array [],
-      "thrownError": null,
-    }
-  }
-  navControlsRight$={
-    BehaviorSubject {
-      "_isScalar": false,
-      "_value": Array [],
-      "closed": false,
-      "hasError": false,
-      "isStopped": false,
-      "observers": Array [
         Subscriber {
           "_parentOrParents": null,
           "_subscriptions": Array [
@@ -16725,11 +13453,10 @@ exports[`Header renders page header with application title 1`] = `
       "thrownError": null,
     }
   }
-  navGroupEnabled={false}
-  navGroupsMap$={
+  navControlsLeftBottom$={
     BehaviorSubject {
       "_isScalar": false,
-      "_value": Object {},
+      "_value": Array [],
       "closed": false,
       "hasError": false,
       "isStopped": false,
@@ -16737,7 +13464,7 @@ exports[`Header renders page header with application title 1`] = `
       "thrownError": null,
     }
   }
-  navLinks$={
+  navControlsRight$={
     BehaviorSubject {
       "_isScalar": false,
       "_value": Array [],
@@ -16823,10 +13550,19 @@ exports[`Header renders page header with application title 1`] = `
       "thrownError": null,
     }
   }
-  onIsLockedUpdate={[Function]}
-  opensearchDashboardsDocLink="/docs"
-  opensearchDashboardsVersion="1.0.0"
-  recentlyAccessed$={
+  navGroupEnabled={false}
+  navGroupsMap$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": Object {},
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [],
+      "thrownError": null,
+    }
+  }
+  navLinks$={
     BehaviorSubject {
       "_isScalar": false,
       "_value": Array [],
@@ -16912,14 +13648,13 @@ exports[`Header renders page header with application title 1`] = `
       "thrownError": null,
     }
   }
-  setCurrentNavGroup={[MockFunction]}
-  sidecarConfig$={
+  onIsLockedUpdate={[Function]}
+  opensearchDashboardsDocLink="/docs"
+  opensearchDashboardsVersion="1.0.0"
+  recentlyAccessed$={
     BehaviorSubject {
       "_isScalar": false,
-      "_value": Object {
-        "dockedMode": "right",
-        "paddingSize": 640,
-      },
+      "_value": Array [],
       "closed": false,
       "hasError": false,
       "isStopped": false,
@@ -16965,12 +13700,14 @@ exports[`Header renders page header with application title 1`] = `
       "thrownError": null,
     }
   }
-  survey="/"
-  useUpdatedHeader={true}
-  workspaceList$={
+  setCurrentNavGroup={[MockFunction]}
+  sidecarConfig$={
     BehaviorSubject {
       "_isScalar": false,
-      "_value": Array [],
+      "_value": Object {
+        "dockedMode": "right",
+        "paddingSize": 640,
+      },
       "closed": false,
       "hasError": false,
       "isStopped": false,
@@ -17016,6 +13753,19 @@ exports[`Header renders page header with application title 1`] = `
       "thrownError": null,
     }
   }
+  survey="/"
+  useUpdatedHeader={false}
+  workspaceList$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": Array [],
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [],
+      "thrownError": null,
+    }
+  }
 >
   <header
     className="hide-for-sharing headerGlobalNav"
@@ -17024,352 +13774,2368 @@ exports[`Header renders page header with application title 1`] = `
     <div
       id="globalHeaderBars"
     >
-      <div>
-        <EuiHeader
-          className="primaryHeader newTopNavHeader"
+      <EuiHeader
+        className="primaryHeader"
+        position="fixed"
+        style={
+          Object {
+            "paddingRight": 640,
+          }
+        }
+      >
+        <div
+          className="euiHeader euiHeader--default euiHeader--fixed primaryHeader"
           style={
             Object {
               "paddingRight": 640,
             }
-          }
-        >
-          <div
-            className="euiHeader euiHeader--default euiHeader--static primaryHeader newTopNavHeader"
-            style={
-              Object {
-                "paddingRight": 640,
+          }
+        >
+          <EuiHeaderSection
+            grow={false}
+          >
+            <div
+              className="euiHeaderSection euiHeaderSection--dontGrow euiHeaderSection--left"
+            >
+              <EuiHeaderSectionItem
+                border="right"
+                className="header__toggleNavButtonSection"
+              >
+                <div
+                  className="euiHeaderSectionItem euiHeaderSectionItem--borderRight header__toggleNavButtonSection"
+                >
+                  <EuiHeaderSectionItemButton
+                    aria-controls="mockId"
+                    aria-expanded={false}
+                    aria-label="Toggle primary navigation"
+                    aria-pressed={false}
+                    className=""
+                    data-test-subj="toggleNavButton"
+                    onClick={[Function]}
+                  >
+                    <EuiButtonEmpty
+                      aria-controls="mockId"
+                      aria-expanded={false}
+                      aria-label="Toggle primary navigation"
+                      aria-pressed={false}
+                      buttonRef={
+                        Object {
+                          "current": <button
+                            aria-controls="mockId"
+                            aria-expanded="false"
+                            aria-label="Toggle primary navigation"
+                            aria-pressed="false"
+                            class="euiButtonEmpty euiButtonEmpty--text euiHeaderSectionItemButton"
+                            data-test-subj="toggleNavButton"
+                            type="button"
+                          >
+                            <span
+                              class="euiButtonContent euiButtonEmpty__content"
+                            >
+                              <span
+                                class="euiButtonEmpty__text"
+                              >
+                                <span
+                                  class="euiHeaderSectionItemButton__content"
+                                >
+                                  <span
+                                    data-euiicon-type="menu"
+                                    title="Menu"
+                                  />
+                                </span>
+                              </span>
+                            </span>
+                          </button>,
+                        }
+                      }
+                      className="euiHeaderSectionItemButton"
+                      color="text"
+                      data-test-subj="toggleNavButton"
+                      onClick={[Function]}
+                    >
+                      <button
+                        aria-controls="mockId"
+                        aria-expanded={false}
+                        aria-label="Toggle primary navigation"
+                        aria-pressed={false}
+                        className="euiButtonEmpty euiButtonEmpty--text euiHeaderSectionItemButton"
+                        data-test-subj="toggleNavButton"
+                        disabled={false}
+                        onClick={[Function]}
+                        type="button"
+                      >
+                        <EuiButtonContent
+                          className="euiButtonEmpty__content"
+                          iconGap="m"
+                          iconSide="left"
+                          iconSize="m"
+                          textProps={
+                            Object {
+                              "className": "euiButtonEmpty__text",
+                            }
+                          }
+                        >
+                          <span
+                            className="euiButtonContent euiButtonEmpty__content"
+                          >
+                            <span
+                              className="euiButtonEmpty__text"
+                            >
+                              <span
+                                className="euiHeaderSectionItemButton__content"
+                              >
+                                <EuiIcon
+                                  size="m"
+                                  title="Menu"
+                                  type="menu"
+                                >
+                                  <span
+                                    data-euiicon-type="menu"
+                                    size="m"
+                                    title="Menu"
+                                  />
+                                </EuiIcon>
+                              </span>
+                            </span>
+                          </span>
+                        </EuiButtonContent>
+                      </button>
+                    </EuiButtonEmpty>
+                  </EuiHeaderSectionItemButton>
+                </div>
+              </EuiHeaderSectionItem>
+              <EuiHeaderSectionItem
+                border="right"
+              >
+                <div
+                  className="euiHeaderSectionItem euiHeaderSectionItem--borderRight"
+                >
+                  <HeaderNavControls
+                    navControls$={
+                      BehaviorSubject {
+                        "_isScalar": false,
+                        "_value": Array [],
+                        "closed": false,
+                        "hasError": false,
+                        "isStopped": false,
+                        "observers": Array [
+                          Subscriber {
+                            "_parentOrParents": null,
+                            "_subscriptions": Array [
+                              SubjectSubscription {
+                                "_parentOrParents": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "subject": [Circular],
+                                "subscriber": [Circular],
+                              },
+                            ],
+                            "closed": false,
+                            "destination": SafeSubscriber {
+                              "_complete": undefined,
+                              "_context": [Circular],
+                              "_error": undefined,
+                              "_next": [Function],
+                              "_parentOrParents": null,
+                              "_parentSubscriber": [Circular],
+                              "_subscriptions": null,
+                              "closed": false,
+                              "destination": Object {
+                                "closed": true,
+                                "complete": [Function],
+                                "error": [Function],
+                                "next": [Function],
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": false,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "isStopped": false,
+                            "syncErrorThrowable": true,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
+                          Subscriber {
+                            "_parentOrParents": null,
+                            "_subscriptions": Array [
+                              SubjectSubscription {
+                                "_parentOrParents": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "subject": [Circular],
+                                "subscriber": [Circular],
+                              },
+                            ],
+                            "closed": false,
+                            "destination": SafeSubscriber {
+                              "_complete": undefined,
+                              "_context": [Circular],
+                              "_error": undefined,
+                              "_next": [Function],
+                              "_parentOrParents": null,
+                              "_parentSubscriber": [Circular],
+                              "_subscriptions": null,
+                              "closed": false,
+                              "destination": Object {
+                                "closed": true,
+                                "complete": [Function],
+                                "error": [Function],
+                                "next": [Function],
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": false,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "isStopped": false,
+                            "syncErrorThrowable": true,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
+                        ],
+                        "thrownError": null,
+                      }
+                    }
+                    side="left"
+                  />
+                </div>
+              </EuiHeaderSectionItem>
+              <EuiHeaderSectionItem
+                border="right"
+              >
+                <div
+                  className="euiHeaderSectionItem euiHeaderSectionItem--borderRight"
+                >
+                  <HomeLoader
+                    branding={
+                      Object {
+                        "useExpandedHeader": false,
+                      }
+                    }
+                    forceNavigation$={
+                      BehaviorSubject {
+                        "_isScalar": false,
+                        "_value": false,
+                        "closed": false,
+                        "hasError": false,
+                        "isStopped": false,
+                        "observers": Array [
+                          Subscriber {
+                            "_parentOrParents": null,
+                            "_subscriptions": Array [
+                              SubjectSubscription {
+                                "_parentOrParents": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "subject": [Circular],
+                                "subscriber": [Circular],
+                              },
+                            ],
+                            "closed": false,
+                            "destination": SafeSubscriber {
+                              "_complete": undefined,
+                              "_context": [Circular],
+                              "_error": undefined,
+                              "_next": [Function],
+                              "_parentOrParents": null,
+                              "_parentSubscriber": [Circular],
+                              "_subscriptions": null,
+                              "closed": false,
+                              "destination": Object {
+                                "closed": true,
+                                "complete": [Function],
+                                "error": [Function],
+                                "next": [Function],
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": false,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "isStopped": false,
+                            "syncErrorThrowable": true,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
+                        ],
+                        "thrownError": null,
+                      }
+                    }
+                    href="/"
+                    loadingCount$={
+                      BehaviorSubject {
+                        "_isScalar": false,
+                        "_value": 0,
+                        "closed": false,
+                        "hasError": false,
+                        "isStopped": false,
+                        "observers": Array [
+                          Subscriber {
+                            "_parentOrParents": null,
+                            "_subscriptions": Array [
+                              SubjectSubscription {
+                                "_parentOrParents": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "subject": [Circular],
+                                "subscriber": [Circular],
+                              },
+                            ],
+                            "closed": false,
+                            "destination": SafeSubscriber {
+                              "_complete": undefined,
+                              "_context": [Circular],
+                              "_error": undefined,
+                              "_next": [Function],
+                              "_parentOrParents": null,
+                              "_parentSubscriber": [Circular],
+                              "_subscriptions": null,
+                              "closed": false,
+                              "destination": Object {
+                                "closed": true,
+                                "complete": [Function],
+                                "error": [Function],
+                                "next": [Function],
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": false,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "isStopped": false,
+                            "syncErrorThrowable": true,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
+                          Subscriber {
+                            "_parentOrParents": null,
+                            "_subscriptions": Array [
+                              SubjectSubscription {
+                                "_parentOrParents": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "subject": [Circular],
+                                "subscriber": [Circular],
+                              },
+                            ],
+                            "closed": false,
+                            "destination": SafeSubscriber {
+                              "_complete": undefined,
+                              "_context": [Circular],
+                              "_error": undefined,
+                              "_next": [Function],
+                              "_parentOrParents": null,
+                              "_parentSubscriber": [Circular],
+                              "_subscriptions": null,
+                              "closed": false,
+                              "destination": Object {
+                                "closed": true,
+                                "complete": [Function],
+                                "error": [Function],
+                                "next": [Function],
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": false,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "isStopped": false,
+                            "syncErrorThrowable": true,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
+                        ],
+                        "thrownError": null,
+                      }
+                    }
+                    logos={
+                      Object {
+                        "AnimatedMark": Object {
+                          "dark": Object {
+                            "type": "default",
+                            "url": "/ui/logos/opensearch_spinner_on_dark.svg",
+                          },
+                          "light": Object {
+                            "type": "default",
+                            "url": "/ui/logos/opensearch_spinner_on_light.svg",
+                          },
+                          "type": "default",
+                          "url": "/ui/logos/opensearch_spinner_on_light.svg",
+                        },
+                        "Application": Object {
+                          "dark": Object {
+                            "type": "default",
+                            "url": "/ui/logos/opensearch_dashboards_on_dark.svg",
+                          },
+                          "light": Object {
+                            "type": "default",
+                            "url": "/ui/logos/opensearch_dashboards_on_light.svg",
+                          },
+                          "type": "default",
+                          "url": "/ui/logos/opensearch_dashboards_on_light.svg",
+                        },
+                        "CenterMark": Object {
+                          "dark": Object {
+                            "type": "default",
+                            "url": "/ui/logos/opensearch_center_mark_on_dark.svg",
+                          },
+                          "light": Object {
+                            "type": "default",
+                            "url": "/ui/logos/opensearch_center_mark_on_light.svg",
+                          },
+                          "type": "default",
+                          "url": "/ui/logos/opensearch_center_mark_on_light.svg",
+                        },
+                        "Mark": Object {
+                          "dark": Object {
+                            "type": "default",
+                            "url": "/ui/logos/opensearch_mark_on_dark.svg",
+                          },
+                          "light": Object {
+                            "type": "default",
+                            "url": "/ui/logos/opensearch_mark_on_light.svg",
+                          },
+                          "type": "default",
+                          "url": "/ui/logos/opensearch_mark_on_light.svg",
+                        },
+                        "OpenSearch": Object {
+                          "dark": Object {
+                            "type": "default",
+                            "url": "/ui/logos/opensearch_on_dark.svg",
+                          },
+                          "light": Object {
+                            "type": "default",
+                            "url": "/ui/logos/opensearch_on_light.svg",
+                          },
+                          "type": "default",
+                          "url": "/ui/logos/opensearch_on_light.svg",
+                        },
+                        "colorScheme": "light",
+                      }
+                    }
+                    navLinks$={
+                      BehaviorSubject {
+                        "_isScalar": false,
+                        "_value": Array [],
+                        "closed": false,
+                        "hasError": false,
+                        "isStopped": false,
+                        "observers": Array [
+                          Subscriber {
+                            "_parentOrParents": null,
+                            "_subscriptions": Array [
+                              SubjectSubscription {
+                                "_parentOrParents": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "subject": [Circular],
+                                "subscriber": [Circular],
+                              },
+                            ],
+                            "closed": false,
+                            "destination": SafeSubscriber {
+                              "_complete": undefined,
+                              "_context": [Circular],
+                              "_error": undefined,
+                              "_next": [Function],
+                              "_parentOrParents": null,
+                              "_parentSubscriber": [Circular],
+                              "_subscriptions": null,
+                              "closed": false,
+                              "destination": Object {
+                                "closed": true,
+                                "complete": [Function],
+                                "error": [Function],
+                                "next": [Function],
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": false,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "isStopped": false,
+                            "syncErrorThrowable": true,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
+                          Subscriber {
+                            "_parentOrParents": null,
+                            "_subscriptions": Array [
+                              SubjectSubscription {
+                                "_parentOrParents": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "subject": [Circular],
+                                "subscriber": [Circular],
+                              },
+                            ],
+                            "closed": false,
+                            "destination": SafeSubscriber {
+                              "_complete": undefined,
+                              "_context": [Circular],
+                              "_error": undefined,
+                              "_next": [Function],
+                              "_parentOrParents": null,
+                              "_parentSubscriber": [Circular],
+                              "_subscriptions": null,
+                              "closed": false,
+                              "destination": Object {
+                                "closed": true,
+                                "complete": [Function],
+                                "error": [Function],
+                                "next": [Function],
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": false,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "isStopped": false,
+                            "syncErrorThrowable": true,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
+                        ],
+                        "thrownError": null,
+                      }
+                    }
+                    navigateToApp={[MockFunction]}
+                  >
+                    <EuiToolTip
+                      content="Go to home page"
+                      delay="long"
+                      position="top"
+                    >
+                      <span
+                        className="euiToolTipAnchor"
+                        onKeyUp={[Function]}
+                        onMouseOut={[Function]}
+                        onMouseOver={[Function]}
+                      >
+                        <EuiHeaderSectionItemButton
+                          aria-label="Go to home page"
+                          className="header__homeLoaderNavButton"
+                          data-test-subj="homeLoader"
+                          href="/"
+                          onBlur={[Function]}
+                          onClick={[Function]}
+                          onFocus={[Function]}
+                        >
+                          <EuiButtonEmpty
+                            aria-label="Go to home page"
+                            buttonRef={
+                              Object {
+                                "current": <a
+                                  aria-label="Go to home page"
+                                  class="euiButtonEmpty euiButtonEmpty--text euiHeaderSectionItemButton header__homeLoaderNavButton"
+                                  data-test-subj="homeLoader"
+                                  href="/"
+                                  rel="noreferrer"
+                                >
+                                  <span
+                                    class="euiButtonContent euiButtonEmpty__content"
+                                  >
+                                    <span
+                                      class="euiButtonEmpty__text"
+                                    >
+                                      <span
+                                        class="euiHeaderSectionItemButton__content"
+                                      >
+                                        <div
+                                          class="homeIconContainer"
+                                        >
+                                          <span
+                                            class="logoImage"
+                                            data-euiicon-type="/ui/logos/opensearch_mark_on_light.svg"
+                                            data-test-image-url="/ui/logos/opensearch_mark_on_light.svg"
+                                            data-test-subj="defaultMark"
+                                            title="opensearch dashboards home"
+                                          />
+                                        </div>
+                                        <div
+                                          class="loaderContainer"
+                                        >
+                                          <span
+                                            aria-hidden="true"
+                                            aria-label="Loading content"
+                                            class="euiLoadingSpinner euiLoadingSpinner--medium osdLoadingIndicator-hidden"
+                                            data-test-subj="globalLoadingIndicator-hidden"
+                                          />
+                                        </div>
+                                      </span>
+                                    </span>
+                                  </span>
+                                </a>,
+                              }
+                            }
+                            className="euiHeaderSectionItemButton header__homeLoaderNavButton"
+                            color="text"
+                            data-test-subj="homeLoader"
+                            href="/"
+                            onBlur={[Function]}
+                            onClick={[Function]}
+                            onFocus={[Function]}
+                          >
+                            <a
+                              aria-label="Go to home page"
+                              className="euiButtonEmpty euiButtonEmpty--text euiHeaderSectionItemButton header__homeLoaderNavButton"
+                              data-test-subj="homeLoader"
+                              href="/"
+                              onBlur={[Function]}
+                              onClick={[Function]}
+                              onFocus={[Function]}
+                              rel="noreferrer"
+                            >
+                              <EuiButtonContent
+                                className="euiButtonEmpty__content"
+                                iconGap="m"
+                                iconSide="left"
+                                iconSize="m"
+                                textProps={
+                                  Object {
+                                    "className": "euiButtonEmpty__text",
+                                  }
+                                }
+                              >
+                                <span
+                                  className="euiButtonContent euiButtonEmpty__content"
+                                >
+                                  <span
+                                    className="euiButtonEmpty__text"
+                                  >
+                                    <span
+                                      className="euiHeaderSectionItemButton__content"
+                                    >
+                                      <div
+                                        className="homeIconContainer"
+                                      >
+                                        <HomeIcon
+                                          branding={
+                                            Object {
+                                              "useExpandedHeader": false,
+                                            }
+                                          }
+                                          logos={
+                                            Object {
+                                              "AnimatedMark": Object {
+                                                "dark": Object {
+                                                  "type": "default",
+                                                  "url": "/ui/logos/opensearch_spinner_on_dark.svg",
+                                                },
+                                                "light": Object {
+                                                  "type": "default",
+                                                  "url": "/ui/logos/opensearch_spinner_on_light.svg",
+                                                },
+                                                "type": "default",
+                                                "url": "/ui/logos/opensearch_spinner_on_light.svg",
+                                              },
+                                              "Application": Object {
+                                                "dark": Object {
+                                                  "type": "default",
+                                                  "url": "/ui/logos/opensearch_dashboards_on_dark.svg",
+                                                },
+                                                "light": Object {
+                                                  "type": "default",
+                                                  "url": "/ui/logos/opensearch_dashboards_on_light.svg",
+                                                },
+                                                "type": "default",
+                                                "url": "/ui/logos/opensearch_dashboards_on_light.svg",
+                                              },
+                                              "CenterMark": Object {
+                                                "dark": Object {
+                                                  "type": "default",
+                                                  "url": "/ui/logos/opensearch_center_mark_on_dark.svg",
+                                                },
+                                                "light": Object {
+                                                  "type": "default",
+                                                  "url": "/ui/logos/opensearch_center_mark_on_light.svg",
+                                                },
+                                                "type": "default",
+                                                "url": "/ui/logos/opensearch_center_mark_on_light.svg",
+                                              },
+                                              "Mark": Object {
+                                                "dark": Object {
+                                                  "type": "default",
+                                                  "url": "/ui/logos/opensearch_mark_on_dark.svg",
+                                                },
+                                                "light": Object {
+                                                  "type": "default",
+                                                  "url": "/ui/logos/opensearch_mark_on_light.svg",
+                                                },
+                                                "type": "default",
+                                                "url": "/ui/logos/opensearch_mark_on_light.svg",
+                                              },
+                                              "OpenSearch": Object {
+                                                "dark": Object {
+                                                  "type": "default",
+                                                  "url": "/ui/logos/opensearch_on_dark.svg",
+                                                },
+                                                "light": Object {
+                                                  "type": "default",
+                                                  "url": "/ui/logos/opensearch_on_light.svg",
+                                                },
+                                                "type": "default",
+                                                "url": "/ui/logos/opensearch_on_light.svg",
+                                              },
+                                              "colorScheme": "light",
+                                            }
+                                          }
+                                        >
+                                          <EuiIcon
+                                            className="logoImage"
+                                            data-test-image-url="/ui/logos/opensearch_mark_on_light.svg"
+                                            data-test-subj="defaultMark"
+                                            size="l"
+                                            title="opensearch dashboards home"
+                                            type="/ui/logos/opensearch_mark_on_light.svg"
+                                          >
+                                            <span
+                                              className="logoImage"
+                                              data-euiicon-type="/ui/logos/opensearch_mark_on_light.svg"
+                                              data-test-image-url="/ui/logos/opensearch_mark_on_light.svg"
+                                              data-test-subj="defaultMark"
+                                              size="l"
+                                              title="opensearch dashboards home"
+                                            />
+                                          </EuiIcon>
+                                        </HomeIcon>
+                                      </div>
+                                      <div
+                                        className="loaderContainer"
+                                      >
+                                        <LoadingIndicator
+                                          loadingCount$={
+                                            BehaviorSubject {
+                                              "_isScalar": false,
+                                              "_value": 0,
+                                              "closed": false,
+                                              "hasError": false,
+                                              "isStopped": false,
+                                              "observers": Array [
+                                                Subscriber {
+                                                  "_parentOrParents": null,
+                                                  "_subscriptions": Array [
+                                                    SubjectSubscription {
+                                                      "_parentOrParents": [Circular],
+                                                      "_subscriptions": null,
+                                                      "closed": false,
+                                                      "subject": [Circular],
+                                                      "subscriber": [Circular],
+                                                    },
+                                                  ],
+                                                  "closed": false,
+                                                  "destination": SafeSubscriber {
+                                                    "_complete": undefined,
+                                                    "_context": [Circular],
+                                                    "_error": undefined,
+                                                    "_next": [Function],
+                                                    "_parentOrParents": null,
+                                                    "_parentSubscriber": [Circular],
+                                                    "_subscriptions": null,
+                                                    "closed": false,
+                                                    "destination": Object {
+                                                      "closed": true,
+                                                      "complete": [Function],
+                                                      "error": [Function],
+                                                      "next": [Function],
+                                                    },
+                                                    "isStopped": false,
+                                                    "syncErrorThrowable": false,
+                                                    "syncErrorThrown": false,
+                                                    "syncErrorValue": null,
+                                                  },
+                                                  "isStopped": false,
+                                                  "syncErrorThrowable": true,
+                                                  "syncErrorThrown": false,
+                                                  "syncErrorValue": null,
+                                                },
+                                                Subscriber {
+                                                  "_parentOrParents": null,
+                                                  "_subscriptions": Array [
+                                                    SubjectSubscription {
+                                                      "_parentOrParents": [Circular],
+                                                      "_subscriptions": null,
+                                                      "closed": false,
+                                                      "subject": [Circular],
+                                                      "subscriber": [Circular],
+                                                    },
+                                                  ],
+                                                  "closed": false,
+                                                  "destination": SafeSubscriber {
+                                                    "_complete": undefined,
+                                                    "_context": [Circular],
+                                                    "_error": undefined,
+                                                    "_next": [Function],
+                                                    "_parentOrParents": null,
+                                                    "_parentSubscriber": [Circular],
+                                                    "_subscriptions": null,
+                                                    "closed": false,
+                                                    "destination": Object {
+                                                      "closed": true,
+                                                      "complete": [Function],
+                                                      "error": [Function],
+                                                      "next": [Function],
+                                                    },
+                                                    "isStopped": false,
+                                                    "syncErrorThrowable": false,
+                                                    "syncErrorThrown": false,
+                                                    "syncErrorValue": null,
+                                                  },
+                                                  "isStopped": false,
+                                                  "syncErrorThrowable": true,
+                                                  "syncErrorThrown": false,
+                                                  "syncErrorValue": null,
+                                                },
+                                              ],
+                                              "thrownError": null,
+                                            }
+                                          }
+                                          showAsBar={false}
+                                        >
+                                          <EuiLoadingSpinner
+                                            aria-hidden={true}
+                                            aria-label="Loading content"
+                                            className="osdLoadingIndicator-hidden"
+                                            data-test-subj="globalLoadingIndicator-hidden"
+                                          >
+                                            <span
+                                              aria-hidden={true}
+                                              aria-label="Loading content"
+                                              className="euiLoadingSpinner euiLoadingSpinner--medium osdLoadingIndicator-hidden"
+                                              data-test-subj="globalLoadingIndicator-hidden"
+                                            />
+                                          </EuiLoadingSpinner>
+                                        </LoadingIndicator>
+                                      </div>
+                                    </span>
+                                  </span>
+                                </span>
+                              </EuiButtonContent>
+                            </a>
+                          </EuiButtonEmpty>
+                        </EuiHeaderSectionItemButton>
+                      </span>
+                    </EuiToolTip>
+                  </HomeLoader>
+                </div>
+              </EuiHeaderSectionItem>
+            </div>
+          </EuiHeaderSection>
+          <HeaderBreadcrumbs
+            appTitle$={
+              BehaviorSubject {
+                "_isScalar": false,
+                "_value": "test",
+                "closed": false,
+                "hasError": false,
+                "isStopped": false,
+                "observers": Array [
+                  Subscriber {
+                    "_parentOrParents": null,
+                    "_subscriptions": Array [
+                      SubjectSubscription {
+                        "_parentOrParents": [Circular],
+                        "_subscriptions": null,
+                        "closed": false,
+                        "subject": [Circular],
+                        "subscriber": [Circular],
+                      },
+                    ],
+                    "closed": false,
+                    "destination": SafeSubscriber {
+                      "_complete": undefined,
+                      "_context": [Circular],
+                      "_error": undefined,
+                      "_next": [Function],
+                      "_parentOrParents": null,
+                      "_parentSubscriber": [Circular],
+                      "_subscriptions": null,
+                      "closed": false,
+                      "destination": Object {
+                        "closed": true,
+                        "complete": [Function],
+                        "error": [Function],
+                        "next": [Function],
+                      },
+                      "isStopped": false,
+                      "syncErrorThrowable": false,
+                      "syncErrorThrown": false,
+                      "syncErrorValue": null,
+                    },
+                    "isStopped": false,
+                    "syncErrorThrowable": true,
+                    "syncErrorThrown": false,
+                    "syncErrorValue": null,
+                  },
+                ],
+                "thrownError": null,
+              }
+            }
+            breadcrumbs$={
+              BehaviorSubject {
+                "_isScalar": false,
+                "_value": Array [],
+                "closed": false,
+                "hasError": false,
+                "isStopped": false,
+                "observers": Array [
+                  Subscriber {
+                    "_parentOrParents": null,
+                    "_subscriptions": Array [
+                      SubjectSubscription {
+                        "_parentOrParents": [Circular],
+                        "_subscriptions": null,
+                        "closed": false,
+                        "subject": [Circular],
+                        "subscriber": [Circular],
+                      },
+                    ],
+                    "closed": false,
+                    "destination": SafeSubscriber {
+                      "_complete": undefined,
+                      "_context": [Circular],
+                      "_error": undefined,
+                      "_next": [Function],
+                      "_parentOrParents": null,
+                      "_parentSubscriber": [Circular],
+                      "_subscriptions": null,
+                      "closed": false,
+                      "destination": Object {
+                        "closed": true,
+                        "complete": [Function],
+                        "error": [Function],
+                        "next": [Function],
+                      },
+                      "isStopped": false,
+                      "syncErrorThrowable": false,
+                      "syncErrorThrown": false,
+                      "syncErrorValue": null,
+                    },
+                    "isStopped": false,
+                    "syncErrorThrowable": true,
+                    "syncErrorThrown": false,
+                    "syncErrorValue": null,
+                  },
+                  Subscriber {
+                    "_parentOrParents": null,
+                    "_subscriptions": Array [
+                      SubjectSubscription {
+                        "_parentOrParents": [Circular],
+                        "_subscriptions": null,
+                        "closed": false,
+                        "subject": [Circular],
+                        "subscriber": [Circular],
+                      },
+                    ],
+                    "closed": false,
+                    "destination": SafeSubscriber {
+                      "_complete": undefined,
+                      "_context": [Circular],
+                      "_error": undefined,
+                      "_next": [Function],
+                      "_parentOrParents": null,
+                      "_parentSubscriber": [Circular],
+                      "_subscriptions": null,
+                      "closed": false,
+                      "destination": Object {
+                        "closed": true,
+                        "complete": [Function],
+                        "error": [Function],
+                        "next": [Function],
+                      },
+                      "isStopped": false,
+                      "syncErrorThrowable": false,
+                      "syncErrorThrown": false,
+                      "syncErrorValue": null,
+                    },
+                    "isStopped": false,
+                    "syncErrorThrowable": true,
+                    "syncErrorThrown": false,
+                    "syncErrorValue": null,
+                  },
+                ],
+                "thrownError": null,
+              }
+            }
+            breadcrumbsEnricher$={
+              BehaviorSubject {
+                "_isScalar": false,
+                "_value": undefined,
+                "closed": false,
+                "hasError": false,
+                "isStopped": false,
+                "observers": Array [
+                  Subscriber {
+                    "_parentOrParents": null,
+                    "_subscriptions": Array [
+                      SubjectSubscription {
+                        "_parentOrParents": [Circular],
+                        "_subscriptions": null,
+                        "closed": false,
+                        "subject": [Circular],
+                        "subscriber": [Circular],
+                      },
+                    ],
+                    "closed": false,
+                    "destination": SafeSubscriber {
+                      "_complete": undefined,
+                      "_context": [Circular],
+                      "_error": undefined,
+                      "_next": [Function],
+                      "_parentOrParents": null,
+                      "_parentSubscriber": [Circular],
+                      "_subscriptions": null,
+                      "closed": false,
+                      "destination": Object {
+                        "closed": true,
+                        "complete": [Function],
+                        "error": [Function],
+                        "next": [Function],
+                      },
+                      "isStopped": false,
+                      "syncErrorThrowable": false,
+                      "syncErrorThrown": false,
+                      "syncErrorValue": null,
+                    },
+                    "isStopped": false,
+                    "syncErrorThrowable": true,
+                    "syncErrorThrown": false,
+                    "syncErrorValue": null,
+                  },
+                ],
+                "thrownError": null,
               }
             }
+            useUpdatedHeader={false}
           >
-            <EuiHeaderSectionItemButton
-              aria-controls="mockId"
-              aria-expanded={false}
-              aria-label="Toggle primary navigation"
-              aria-pressed={false}
-              className="newPageTopNavExpander navToggleInLargeScreen eui-hideFor--xs eui-hideFor--s eui-hideFor--m"
-              data-test-subj="toggleNavButton"
-              onClick={[Function]}
-            >
-              <EuiButtonEmpty
-                aria-controls="mockId"
-                aria-expanded={false}
-                aria-label="Toggle primary navigation"
-                aria-pressed={false}
-                buttonRef={
+            <EuiHeaderBreadcrumbs
+              breadcrumbs={
+                Array [
                   Object {
-                    "current": <button
-                      aria-controls="mockId"
-                      aria-expanded="false"
-                      aria-label="Toggle primary navigation"
-                      aria-pressed="false"
-                      class="euiButtonEmpty euiButtonEmpty--text euiHeaderSectionItemButton newPageTopNavExpander navToggleInLargeScreen eui-hideFor--xs eui-hideFor--s eui-hideFor--m"
-                      data-test-subj="toggleNavButton"
-                      type="button"
+                    "data-test-subj": "breadcrumb first last",
+                    "text": "test",
+                  },
+                ]
+              }
+              data-test-subj="breadcrumbs"
+              max={10}
+              simplify={false}
+            >
+              <EuiBreadcrumbs
+                breadcrumbs={
+                  Array [
+                    Object {
+                      "data-test-subj": "breadcrumb first last",
+                      "text": "test",
+                    },
+                  ]
+                }
+                className="euiHeaderBreadcrumbs"
+                data-test-subj="breadcrumbs"
+                max={10}
+                truncate={true}
+              >
+                <nav
+                  aria-label="breadcrumb"
+                  className="euiBreadcrumbs euiHeaderBreadcrumbs euiBreadcrumbs--truncate"
+                  data-test-subj="breadcrumbs"
+                >
+                  <div
+                    className="euiBreadcrumbWall euiBreadcrumbWall--single"
+                  >
+                    <div
+                      className="euiBreadcrumbWrapper euiBreadcrumbWrapper--first euiBreadcrumbWrapper--last"
                     >
-                      <span
-                        class="euiButtonContent euiButtonEmpty__content"
-                      >
+                      <EuiInnerText>
                         <span
-                          class="euiButtonEmpty__text"
+                          aria-current="page"
+                          className="euiBreadcrumb euiBreadcrumb--last"
+                          data-test-subj="breadcrumb first last"
+                          title="test"
                         >
-                          <span
-                            class="euiHeaderSectionItemButton__content"
-                          >
-                            <span
-                              data-euiicon-type="menu"
-                              title="Menu"
-                            />
-                          </span>
+                          test
                         </span>
-                      </span>
-                    </button>,
+                      </EuiInnerText>
+                    </div>
+                  </div>
+                </nav>
+              </EuiBreadcrumbs>
+            </EuiHeaderBreadcrumbs>
+          </HeaderBreadcrumbs>
+          <EuiHeaderSectionItem
+            border="none"
+          >
+            <div
+              className="euiHeaderSectionItem"
+            >
+              <HeaderBadge
+                badge$={
+                  BehaviorSubject {
+                    "_isScalar": false,
+                    "_value": undefined,
+                    "closed": false,
+                    "hasError": false,
+                    "isStopped": false,
+                    "observers": Array [
+                      Subscriber {
+                        "_parentOrParents": null,
+                        "_subscriptions": Array [
+                          SubjectSubscription {
+                            "_parentOrParents": [Circular],
+                            "_subscriptions": null,
+                            "closed": false,
+                            "subject": [Circular],
+                            "subscriber": [Circular],
+                          },
+                        ],
+                        "closed": false,
+                        "destination": SafeSubscriber {
+                          "_complete": undefined,
+                          "_context": [Circular],
+                          "_error": undefined,
+                          "_next": [Function],
+                          "_parentOrParents": null,
+                          "_parentSubscriber": [Circular],
+                          "_subscriptions": null,
+                          "closed": false,
+                          "destination": Object {
+                            "closed": true,
+                            "complete": [Function],
+                            "error": [Function],
+                            "next": [Function],
+                          },
+                          "isStopped": false,
+                          "syncErrorThrowable": false,
+                          "syncErrorThrown": false,
+                          "syncErrorValue": null,
+                        },
+                        "isStopped": false,
+                        "syncErrorThrowable": true,
+                        "syncErrorThrown": false,
+                        "syncErrorValue": null,
+                      },
+                      Subscriber {
+                        "_parentOrParents": null,
+                        "_subscriptions": Array [
+                          SubjectSubscription {
+                            "_parentOrParents": [Circular],
+                            "_subscriptions": null,
+                            "closed": false,
+                            "subject": [Circular],
+                            "subscriber": [Circular],
+                          },
+                        ],
+                        "closed": false,
+                        "destination": SafeSubscriber {
+                          "_complete": undefined,
+                          "_context": [Circular],
+                          "_error": undefined,
+                          "_next": [Function],
+                          "_parentOrParents": null,
+                          "_parentSubscriber": [Circular],
+                          "_subscriptions": null,
+                          "closed": false,
+                          "destination": Object {
+                            "closed": true,
+                            "complete": [Function],
+                            "error": [Function],
+                            "next": [Function],
+                          },
+                          "isStopped": false,
+                          "syncErrorThrowable": false,
+                          "syncErrorThrown": false,
+                          "syncErrorValue": null,
+                        },
+                        "isStopped": false,
+                        "syncErrorThrowable": true,
+                        "syncErrorThrown": false,
+                        "syncErrorValue": null,
+                      },
+                    ],
+                    "thrownError": null,
                   }
                 }
-                className="euiHeaderSectionItemButton newPageTopNavExpander navToggleInLargeScreen eui-hideFor--xs eui-hideFor--s eui-hideFor--m"
-                color="text"
-                data-test-subj="toggleNavButton"
-                onClick={[Function]}
+              />
+            </div>
+          </EuiHeaderSectionItem>
+          <EuiHeaderSection
+            side="right"
+          >
+            <div
+              className="euiHeaderSection euiHeaderSection--dontGrow euiHeaderSection--right"
+            >
+              <EuiHeaderSectionItem
+                border="none"
+                className="headerAppActionMenuSection"
               >
-                <button
-                  aria-controls="mockId"
-                  aria-expanded={false}
-                  aria-label="Toggle primary navigation"
-                  aria-pressed={false}
-                  className="euiButtonEmpty euiButtonEmpty--text euiHeaderSectionItemButton newPageTopNavExpander navToggleInLargeScreen eui-hideFor--xs eui-hideFor--s eui-hideFor--m"
-                  data-test-subj="toggleNavButton"
-                  disabled={false}
-                  onClick={[Function]}
-                  type="button"
+                <div
+                  className="euiHeaderSectionItem headerAppActionMenuSection"
                 >
-                  <EuiButtonContent
-                    className="euiButtonEmpty__content"
-                    iconGap="m"
-                    iconSide="left"
-                    iconSize="m"
-                    textProps={
-                      Object {
-                        "className": "euiButtonEmpty__text",
+                  <HeaderActionMenu
+                    actionMenu$={
+                      BehaviorSubject {
+                        "_isScalar": false,
+                        "_value": undefined,
+                        "closed": false,
+                        "hasError": false,
+                        "isStopped": false,
+                        "observers": Array [
+                          Subscriber {
+                            "_parentOrParents": null,
+                            "_subscriptions": Array [
+                              SubjectSubscription {
+                                "_parentOrParents": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "subject": [Circular],
+                                "subscriber": [Circular],
+                              },
+                            ],
+                            "closed": false,
+                            "destination": SafeSubscriber {
+                              "_complete": undefined,
+                              "_context": [Circular],
+                              "_error": undefined,
+                              "_next": [Function],
+                              "_parentOrParents": null,
+                              "_parentSubscriber": [Circular],
+                              "_subscriptions": null,
+                              "closed": false,
+                              "destination": Object {
+                                "closed": true,
+                                "complete": [Function],
+                                "error": [Function],
+                                "next": [Function],
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": false,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "isStopped": false,
+                            "syncErrorThrowable": true,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
+                          Subscriber {
+                            "_parentOrParents": null,
+                            "_subscriptions": Array [
+                              SubjectSubscription {
+                                "_parentOrParents": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "subject": [Circular],
+                                "subscriber": [Circular],
+                              },
+                            ],
+                            "closed": false,
+                            "destination": SafeSubscriber {
+                              "_complete": undefined,
+                              "_context": [Circular],
+                              "_error": undefined,
+                              "_next": [Function],
+                              "_parentOrParents": null,
+                              "_parentSubscriber": [Circular],
+                              "_subscriptions": null,
+                              "closed": false,
+                              "destination": Object {
+                                "closed": true,
+                                "complete": [Function],
+                                "error": [Function],
+                                "next": [Function],
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": false,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "isStopped": false,
+                            "syncErrorThrowable": true,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
+                        ],
+                        "thrownError": null,
+                      }
+                    }
+                  >
+                    <div
+                      className="headerAppActionMenu"
+                      data-test-subj="headerAppActionMenu"
+                    />
+                  </HeaderActionMenu>
+                </div>
+              </EuiHeaderSectionItem>
+              <EuiHeaderSectionItem
+                border="left"
+              >
+                <div
+                  className="euiHeaderSectionItem euiHeaderSectionItem--borderLeft"
+                >
+                  <HeaderNavControls
+                    navControls$={
+                      BehaviorSubject {
+                        "_isScalar": false,
+                        "_value": Array [],
+                        "closed": false,
+                        "hasError": false,
+                        "isStopped": false,
+                        "observers": Array [
+                          Subscriber {
+                            "_parentOrParents": null,
+                            "_subscriptions": Array [
+                              SubjectSubscription {
+                                "_parentOrParents": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "subject": [Circular],
+                                "subscriber": [Circular],
+                              },
+                            ],
+                            "closed": false,
+                            "destination": SafeSubscriber {
+                              "_complete": undefined,
+                              "_context": [Circular],
+                              "_error": undefined,
+                              "_next": [Function],
+                              "_parentOrParents": null,
+                              "_parentSubscriber": [Circular],
+                              "_subscriptions": null,
+                              "closed": false,
+                              "destination": Object {
+                                "closed": true,
+                                "complete": [Function],
+                                "error": [Function],
+                                "next": [Function],
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": false,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "isStopped": false,
+                            "syncErrorThrowable": true,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
+                          Subscriber {
+                            "_parentOrParents": null,
+                            "_subscriptions": Array [
+                              SubjectSubscription {
+                                "_parentOrParents": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "subject": [Circular],
+                                "subscriber": [Circular],
+                              },
+                            ],
+                            "closed": false,
+                            "destination": SafeSubscriber {
+                              "_complete": undefined,
+                              "_context": [Circular],
+                              "_error": undefined,
+                              "_next": [Function],
+                              "_parentOrParents": null,
+                              "_parentSubscriber": [Circular],
+                              "_subscriptions": null,
+                              "closed": false,
+                              "destination": Object {
+                                "closed": true,
+                                "complete": [Function],
+                                "error": [Function],
+                                "next": [Function],
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": false,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "isStopped": false,
+                            "syncErrorThrowable": true,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
+                        ],
+                        "thrownError": null,
+                      }
+                    }
+                  />
+                </div>
+              </EuiHeaderSectionItem>
+              <EuiHeaderSectionItem
+                border="left"
+              >
+                <div
+                  className="euiHeaderSectionItem euiHeaderSectionItem--borderLeft"
+                >
+                  <HeaderNavControls
+                    navControls$={
+                      BehaviorSubject {
+                        "_isScalar": false,
+                        "_value": Array [],
+                        "closed": false,
+                        "hasError": false,
+                        "isStopped": false,
+                        "observers": Array [
+                          Subscriber {
+                            "_parentOrParents": null,
+                            "_subscriptions": Array [
+                              SubjectSubscription {
+                                "_parentOrParents": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "subject": [Circular],
+                                "subscriber": [Circular],
+                              },
+                            ],
+                            "closed": false,
+                            "destination": SafeSubscriber {
+                              "_complete": undefined,
+                              "_context": [Circular],
+                              "_error": undefined,
+                              "_next": [Function],
+                              "_parentOrParents": null,
+                              "_parentSubscriber": [Circular],
+                              "_subscriptions": null,
+                              "closed": false,
+                              "destination": Object {
+                                "closed": true,
+                                "complete": [Function],
+                                "error": [Function],
+                                "next": [Function],
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": false,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "isStopped": false,
+                            "syncErrorThrowable": true,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
+                          Subscriber {
+                            "_parentOrParents": null,
+                            "_subscriptions": Array [
+                              SubjectSubscription {
+                                "_parentOrParents": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "subject": [Circular],
+                                "subscriber": [Circular],
+                              },
+                            ],
+                            "closed": false,
+                            "destination": SafeSubscriber {
+                              "_complete": undefined,
+                              "_context": [Circular],
+                              "_error": undefined,
+                              "_next": [Function],
+                              "_parentOrParents": null,
+                              "_parentSubscriber": [Circular],
+                              "_subscriptions": null,
+                              "closed": false,
+                              "destination": Object {
+                                "closed": true,
+                                "complete": [Function],
+                                "error": [Function],
+                                "next": [Function],
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": false,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "isStopped": false,
+                            "syncErrorThrowable": true,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
+                        ],
+                        "thrownError": null,
                       }
                     }
-                  >
-                    <span
-                      className="euiButtonContent euiButtonEmpty__content"
-                    >
-                      <span
-                        className="euiButtonEmpty__text"
-                      >
-                        <span
-                          className="euiHeaderSectionItemButton__content"
-                        >
-                          <EuiIcon
-                            size="m"
-                            title="Menu"
-                            type="menu"
-                          >
-                            <span
-                              data-euiicon-type="menu"
-                              size="m"
-                              title="Menu"
-                            />
-                          </EuiIcon>
-                        </span>
-                      </span>
-                    </span>
-                  </EuiButtonContent>
-                </button>
-              </EuiButtonEmpty>
-            </EuiHeaderSectionItemButton>
-            <EuiHeaderSectionItemButton
-              aria-controls="mockId"
-              aria-expanded={false}
-              aria-label="Toggle primary navigation"
-              aria-pressed={false}
-              className="newPageTopNavExpander navToggleInSmallScreen eui-hideFor--xl eui-hideFor--l"
-              data-test-subj="toggleNavButton"
-              flush="both"
-              isSmallScreen={true}
-              onClick={[Function]}
-            >
-              <EuiButtonEmpty
-                aria-controls="mockId"
-                aria-expanded={false}
-                aria-label="Toggle primary navigation"
-                aria-pressed={false}
-                buttonRef={
-                  Object {
-                    "current": <button
-                      aria-controls="mockId"
-                      aria-expanded="false"
-                      aria-label="Toggle primary navigation"
-                      aria-pressed="false"
-                      class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--flushBoth euiHeaderSectionItemButton newPageTopNavExpander navToggleInSmallScreen eui-hideFor--xl eui-hideFor--l"
-                      data-test-subj="toggleNavButton"
-                      type="button"
-                    >
-                      <span
-                        class="euiButtonContent euiButtonEmpty__content"
-                      >
-                        <span
-                          class="euiButtonEmpty__text"
-                        >
-                          <span
-                            class="euiHeaderSectionItemButton__content"
-                          >
-                            <button
-                              class="euiButtonIcon euiButtonIcon--subdued euiButtonIcon--xSmall"
-                              title="Menu"
-                              type="button"
-                            >
-                              <span
-                                aria-hidden="true"
-                                class="euiButtonIcon__icon"
-                                color="inherit"
-                                data-euiicon-type="menu"
-                              />
-                            </button>
-                          </span>
-                        </span>
-                      </span>
-                    </button>,
-                  }
-                }
-                className="euiHeaderSectionItemButton newPageTopNavExpander navToggleInSmallScreen eui-hideFor--xl eui-hideFor--l"
-                color="text"
-                data-test-subj="toggleNavButton"
-                flush="both"
-                isSmallScreen={true}
-                onClick={[Function]}
+                    side="right"
+                  />
+                </div>
+              </EuiHeaderSectionItem>
+              <EuiHeaderSectionItem
+                border="left"
               >
-                <button
-                  aria-controls="mockId"
-                  aria-expanded={false}
-                  aria-label="Toggle primary navigation"
-                  aria-pressed={false}
-                  className="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--flushBoth euiHeaderSectionItemButton newPageTopNavExpander navToggleInSmallScreen eui-hideFor--xl eui-hideFor--l"
-                  data-test-subj="toggleNavButton"
-                  disabled={false}
-                  isSmallScreen={true}
-                  onClick={[Function]}
-                  type="button"
+                <div
+                  className="euiHeaderSectionItem euiHeaderSectionItem--borderLeft"
                 >
-                  <EuiButtonContent
-                    className="euiButtonEmpty__content"
-                    iconGap="m"
-                    iconSide="left"
-                    iconSize="m"
-                    textProps={
-                      Object {
-                        "className": "euiButtonEmpty__text",
+                  <InjectIntl(HeaderHelpMenuUI)
+                    helpExtension$={
+                      BehaviorSubject {
+                        "_isScalar": false,
+                        "_value": undefined,
+                        "closed": false,
+                        "hasError": false,
+                        "isStopped": false,
+                        "observers": Array [
+                          InnerSubscriber {
+                            "_parentOrParents": CombineLatestSubscriber {
+                              "_parentOrParents": Subscriber {
+                                "_parentOrParents": null,
+                                "_subscriptions": Array [
+                                  [Circular],
+                                ],
+                                "closed": false,
+                                "destination": SafeSubscriber {
+                                  "_complete": undefined,
+                                  "_context": [Circular],
+                                  "_error": undefined,
+                                  "_next": [Function],
+                                  "_parentOrParents": null,
+                                  "_parentSubscriber": [Circular],
+                                  "_subscriptions": null,
+                                  "closed": false,
+                                  "destination": Object {
+                                    "closed": true,
+                                    "complete": [Function],
+                                    "error": [Function],
+                                    "next": [Function],
+                                  },
+                                  "isStopped": false,
+                                  "syncErrorThrowable": false,
+                                  "syncErrorThrown": false,
+                                  "syncErrorValue": null,
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": true,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              "_subscriptions": Array [
+                                [Circular],
+                                InnerSubscriber {
+                                  "_parentOrParents": [Circular],
+                                  "_subscriptions": Array [
+                                    SubjectSubscription {
+                                      "_parentOrParents": [Circular],
+                                      "_subscriptions": null,
+                                      "closed": false,
+                                      "subject": BehaviorSubject {
+                                        "_isScalar": false,
+                                        "_value": "",
+                                        "closed": false,
+                                        "hasError": false,
+                                        "isStopped": false,
+                                        "observers": Array [
+                                          [Circular],
+                                        ],
+                                        "thrownError": null,
+                                      },
+                                      "subscriber": [Circular],
+                                    },
+                                  ],
+                                  "closed": false,
+                                  "destination": Object {
+                                    "closed": true,
+                                    "complete": [Function],
+                                    "error": [Function],
+                                    "next": [Function],
+                                  },
+                                  "index": 1,
+                                  "isStopped": false,
+                                  "outerIndex": 1,
+                                  "outerValue": undefined,
+                                  "parent": [Circular],
+                                  "syncErrorThrowable": false,
+                                  "syncErrorThrown": false,
+                                  "syncErrorValue": null,
+                                },
+                              ],
+                              "active": 2,
+                              "closed": false,
+                              "destination": Subscriber {
+                                "_parentOrParents": null,
+                                "_subscriptions": Array [
+                                  [Circular],
+                                ],
+                                "closed": false,
+                                "destination": SafeSubscriber {
+                                  "_complete": undefined,
+                                  "_context": [Circular],
+                                  "_error": undefined,
+                                  "_next": [Function],
+                                  "_parentOrParents": null,
+                                  "_parentSubscriber": [Circular],
+                                  "_subscriptions": null,
+                                  "closed": false,
+                                  "destination": Object {
+                                    "closed": true,
+                                    "complete": [Function],
+                                    "error": [Function],
+                                    "next": [Function],
+                                  },
+                                  "isStopped": false,
+                                  "syncErrorThrowable": false,
+                                  "syncErrorThrown": false,
+                                  "syncErrorValue": null,
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": true,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              "isStopped": true,
+                              "observables": Array [
+                                [Circular],
+                                BehaviorSubject {
+                                  "_isScalar": false,
+                                  "_value": "",
+                                  "closed": false,
+                                  "hasError": false,
+                                  "isStopped": false,
+                                  "observers": Array [
+                                    InnerSubscriber {
+                                      "_parentOrParents": [Circular],
+                                      "_subscriptions": Array [
+                                        SubjectSubscription {
+                                          "_parentOrParents": [Circular],
+                                          "_subscriptions": null,
+                                          "closed": false,
+                                          "subject": [Circular],
+                                          "subscriber": [Circular],
+                                        },
+                                      ],
+                                      "closed": false,
+                                      "destination": Object {
+                                        "closed": true,
+                                        "complete": [Function],
+                                        "error": [Function],
+                                        "next": [Function],
+                                      },
+                                      "index": 1,
+                                      "isStopped": false,
+                                      "outerIndex": 1,
+                                      "outerValue": undefined,
+                                      "parent": [Circular],
+                                      "syncErrorThrowable": false,
+                                      "syncErrorThrown": false,
+                                      "syncErrorValue": null,
+                                    },
+                                  ],
+                                  "thrownError": null,
+                                },
+                              ],
+                              "resultSelector": undefined,
+                              "syncErrorThrowable": true,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                              "toRespond": 0,
+                              "values": Array [
+                                undefined,
+                                "",
+                              ],
+                            },
+                            "_subscriptions": Array [
+                              SubjectSubscription {
+                                "_parentOrParents": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "subject": [Circular],
+                                "subscriber": [Circular],
+                              },
+                            ],
+                            "closed": false,
+                            "destination": Object {
+                              "closed": true,
+                              "complete": [Function],
+                              "error": [Function],
+                              "next": [Function],
+                            },
+                            "index": 1,
+                            "isStopped": false,
+                            "outerIndex": 0,
+                            "outerValue": undefined,
+                            "parent": CombineLatestSubscriber {
+                              "_parentOrParents": Subscriber {
+                                "_parentOrParents": null,
+                                "_subscriptions": Array [
+                                  [Circular],
+                                ],
+                                "closed": false,
+                                "destination": SafeSubscriber {
+                                  "_complete": undefined,
+                                  "_context": [Circular],
+                                  "_error": undefined,
+                                  "_next": [Function],
+                                  "_parentOrParents": null,
+                                  "_parentSubscriber": [Circular],
+                                  "_subscriptions": null,
+                                  "closed": false,
+                                  "destination": Object {
+                                    "closed": true,
+                                    "complete": [Function],
+                                    "error": [Function],
+                                    "next": [Function],
+                                  },
+                                  "isStopped": false,
+                                  "syncErrorThrowable": false,
+                                  "syncErrorThrown": false,
+                                  "syncErrorValue": null,
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": true,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              "_subscriptions": Array [
+                                [Circular],
+                                InnerSubscriber {
+                                  "_parentOrParents": [Circular],
+                                  "_subscriptions": Array [
+                                    SubjectSubscription {
+                                      "_parentOrParents": [Circular],
+                                      "_subscriptions": null,
+                                      "closed": false,
+                                      "subject": BehaviorSubject {
+                                        "_isScalar": false,
+                                        "_value": "",
+                                        "closed": false,
+                                        "hasError": false,
+                                        "isStopped": false,
+                                        "observers": Array [
+                                          [Circular],
+                                        ],
+                                        "thrownError": null,
+                                      },
+                                      "subscriber": [Circular],
+                                    },
+                                  ],
+                                  "closed": false,
+                                  "destination": Object {
+                                    "closed": true,
+                                    "complete": [Function],
+                                    "error": [Function],
+                                    "next": [Function],
+                                  },
+                                  "index": 1,
+                                  "isStopped": false,
+                                  "outerIndex": 1,
+                                  "outerValue": undefined,
+                                  "parent": [Circular],
+                                  "syncErrorThrowable": false,
+                                  "syncErrorThrown": false,
+                                  "syncErrorValue": null,
+                                },
+                              ],
+                              "active": 2,
+                              "closed": false,
+                              "destination": Subscriber {
+                                "_parentOrParents": null,
+                                "_subscriptions": Array [
+                                  [Circular],
+                                ],
+                                "closed": false,
+                                "destination": SafeSubscriber {
+                                  "_complete": undefined,
+                                  "_context": [Circular],
+                                  "_error": undefined,
+                                  "_next": [Function],
+                                  "_parentOrParents": null,
+                                  "_parentSubscriber": [Circular],
+                                  "_subscriptions": null,
+                                  "closed": false,
+                                  "destination": Object {
+                                    "closed": true,
+                                    "complete": [Function],
+                                    "error": [Function],
+                                    "next": [Function],
+                                  },
+                                  "isStopped": false,
+                                  "syncErrorThrowable": false,
+                                  "syncErrorThrown": false,
+                                  "syncErrorValue": null,
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": true,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              "isStopped": true,
+                              "observables": Array [
+                                [Circular],
+                                BehaviorSubject {
+                                  "_isScalar": false,
+                                  "_value": "",
+                                  "closed": false,
+                                  "hasError": false,
+                                  "isStopped": false,
+                                  "observers": Array [
+                                    InnerSubscriber {
+                                      "_parentOrParents": [Circular],
+                                      "_subscriptions": Array [
+                                        SubjectSubscription {
+                                          "_parentOrParents": [Circular],
+                                          "_subscriptions": null,
+                                          "closed": false,
+                                          "subject": [Circular],
+                                          "subscriber": [Circular],
+                                        },
+                                      ],
+                                      "closed": false,
+                                      "destination": Object {
+                                        "closed": true,
+                                        "complete": [Function],
+                                        "error": [Function],
+                                        "next": [Function],
+                                      },
+                                      "index": 1,
+                                      "isStopped": false,
+                                      "outerIndex": 1,
+                                      "outerValue": undefined,
+                                      "parent": [Circular],
+                                      "syncErrorThrowable": false,
+                                      "syncErrorThrown": false,
+                                      "syncErrorValue": null,
+                                    },
+                                  ],
+                                  "thrownError": null,
+                                },
+                              ],
+                              "resultSelector": undefined,
+                              "syncErrorThrowable": true,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                              "toRespond": 0,
+                              "values": Array [
+                                undefined,
+                                "",
+                              ],
+                            },
+                            "syncErrorThrowable": false,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
+                        ],
+                        "thrownError": null,
+                      }
+                    }
+                    helpSupportUrl$={
+                      BehaviorSubject {
+                        "_isScalar": false,
+                        "_value": "",
+                        "closed": false,
+                        "hasError": false,
+                        "isStopped": false,
+                        "observers": Array [
+                          InnerSubscriber {
+                            "_parentOrParents": CombineLatestSubscriber {
+                              "_parentOrParents": Subscriber {
+                                "_parentOrParents": null,
+                                "_subscriptions": Array [
+                                  [Circular],
+                                ],
+                                "closed": false,
+                                "destination": SafeSubscriber {
+                                  "_complete": undefined,
+                                  "_context": [Circular],
+                                  "_error": undefined,
+                                  "_next": [Function],
+                                  "_parentOrParents": null,
+                                  "_parentSubscriber": [Circular],
+                                  "_subscriptions": null,
+                                  "closed": false,
+                                  "destination": Object {
+                                    "closed": true,
+                                    "complete": [Function],
+                                    "error": [Function],
+                                    "next": [Function],
+                                  },
+                                  "isStopped": false,
+                                  "syncErrorThrowable": false,
+                                  "syncErrorThrown": false,
+                                  "syncErrorValue": null,
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": true,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              "_subscriptions": Array [
+                                InnerSubscriber {
+                                  "_parentOrParents": [Circular],
+                                  "_subscriptions": Array [
+                                    SubjectSubscription {
+                                      "_parentOrParents": [Circular],
+                                      "_subscriptions": null,
+                                      "closed": false,
+                                      "subject": BehaviorSubject {
+                                        "_isScalar": false,
+                                        "_value": undefined,
+                                        "closed": false,
+                                        "hasError": false,
+                                        "isStopped": false,
+                                        "observers": Array [
+                                          [Circular],
+                                        ],
+                                        "thrownError": null,
+                                      },
+                                      "subscriber": [Circular],
+                                    },
+                                  ],
+                                  "closed": false,
+                                  "destination": Object {
+                                    "closed": true,
+                                    "complete": [Function],
+                                    "error": [Function],
+                                    "next": [Function],
+                                  },
+                                  "index": 1,
+                                  "isStopped": false,
+                                  "outerIndex": 0,
+                                  "outerValue": undefined,
+                                  "parent": [Circular],
+                                  "syncErrorThrowable": false,
+                                  "syncErrorThrown": false,
+                                  "syncErrorValue": null,
+                                },
+                                [Circular],
+                              ],
+                              "active": 2,
+                              "closed": false,
+                              "destination": Subscriber {
+                                "_parentOrParents": null,
+                                "_subscriptions": Array [
+                                  [Circular],
+                                ],
+                                "closed": false,
+                                "destination": SafeSubscriber {
+                                  "_complete": undefined,
+                                  "_context": [Circular],
+                                  "_error": undefined,
+                                  "_next": [Function],
+                                  "_parentOrParents": null,
+                                  "_parentSubscriber": [Circular],
+                                  "_subscriptions": null,
+                                  "closed": false,
+                                  "destination": Object {
+                                    "closed": true,
+                                    "complete": [Function],
+                                    "error": [Function],
+                                    "next": [Function],
+                                  },
+                                  "isStopped": false,
+                                  "syncErrorThrowable": false,
+                                  "syncErrorThrown": false,
+                                  "syncErrorValue": null,
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": true,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              "isStopped": true,
+                              "observables": Array [
+                                BehaviorSubject {
+                                  "_isScalar": false,
+                                  "_value": undefined,
+                                  "closed": false,
+                                  "hasError": false,
+                                  "isStopped": false,
+                                  "observers": Array [
+                                    InnerSubscriber {
+                                      "_parentOrParents": [Circular],
+                                      "_subscriptions": Array [
+                                        SubjectSubscription {
+                                          "_parentOrParents": [Circular],
+                                          "_subscriptions": null,
+                                          "closed": false,
+                                          "subject": [Circular],
+                                          "subscriber": [Circular],
+                                        },
+                                      ],
+                                      "closed": false,
+                                      "destination": Object {
+                                        "closed": true,
+                                        "complete": [Function],
+                                        "error": [Function],
+                                        "next": [Function],
+                                      },
+                                      "index": 1,
+                                      "isStopped": false,
+                                      "outerIndex": 0,
+                                      "outerValue": undefined,
+                                      "parent": [Circular],
+                                      "syncErrorThrowable": false,
+                                      "syncErrorThrown": false,
+                                      "syncErrorValue": null,
+                                    },
+                                  ],
+                                  "thrownError": null,
+                                },
+                                [Circular],
+                              ],
+                              "resultSelector": undefined,
+                              "syncErrorThrowable": true,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                              "toRespond": 0,
+                              "values": Array [
+                                undefined,
+                                "",
+                              ],
+                            },
+                            "_subscriptions": Array [
+                              SubjectSubscription {
+                                "_parentOrParents": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "subject": [Circular],
+                                "subscriber": [Circular],
+                              },
+                            ],
+                            "closed": false,
+                            "destination": Object {
+                              "closed": true,
+                              "complete": [Function],
+                              "error": [Function],
+                              "next": [Function],
+                            },
+                            "index": 1,
+                            "isStopped": false,
+                            "outerIndex": 1,
+                            "outerValue": undefined,
+                            "parent": CombineLatestSubscriber {
+                              "_parentOrParents": Subscriber {
+                                "_parentOrParents": null,
+                                "_subscriptions": Array [
+                                  [Circular],
+                                ],
+                                "closed": false,
+                                "destination": SafeSubscriber {
+                                  "_complete": undefined,
+                                  "_context": [Circular],
+                                  "_error": undefined,
+                                  "_next": [Function],
+                                  "_parentOrParents": null,
+                                  "_parentSubscriber": [Circular],
+                                  "_subscriptions": null,
+                                  "closed": false,
+                                  "destination": Object {
+                                    "closed": true,
+                                    "complete": [Function],
+                                    "error": [Function],
+                                    "next": [Function],
+                                  },
+                                  "isStopped": false,
+                                  "syncErrorThrowable": false,
+                                  "syncErrorThrown": false,
+                                  "syncErrorValue": null,
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": true,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              "_subscriptions": Array [
+                                InnerSubscriber {
+                                  "_parentOrParents": [Circular],
+                                  "_subscriptions": Array [
+                                    SubjectSubscription {
+                                      "_parentOrParents": [Circular],
+                                      "_subscriptions": null,
+                                      "closed": false,
+                                      "subject": BehaviorSubject {
+                                        "_isScalar": false,
+                                        "_value": undefined,
+                                        "closed": false,
+                                        "hasError": false,
+                                        "isStopped": false,
+                                        "observers": Array [
+                                          [Circular],
+                                        ],
+                                        "thrownError": null,
+                                      },
+                                      "subscriber": [Circular],
+                                    },
+                                  ],
+                                  "closed": false,
+                                  "destination": Object {
+                                    "closed": true,
+                                    "complete": [Function],
+                                    "error": [Function],
+                                    "next": [Function],
+                                  },
+                                  "index": 1,
+                                  "isStopped": false,
+                                  "outerIndex": 0,
+                                  "outerValue": undefined,
+                                  "parent": [Circular],
+                                  "syncErrorThrowable": false,
+                                  "syncErrorThrown": false,
+                                  "syncErrorValue": null,
+                                },
+                                [Circular],
+                              ],
+                              "active": 2,
+                              "closed": false,
+                              "destination": Subscriber {
+                                "_parentOrParents": null,
+                                "_subscriptions": Array [
+                                  [Circular],
+                                ],
+                                "closed": false,
+                                "destination": SafeSubscriber {
+                                  "_complete": undefined,
+                                  "_context": [Circular],
+                                  "_error": undefined,
+                                  "_next": [Function],
+                                  "_parentOrParents": null,
+                                  "_parentSubscriber": [Circular],
+                                  "_subscriptions": null,
+                                  "closed": false,
+                                  "destination": Object {
+                                    "closed": true,
+                                    "complete": [Function],
+                                    "error": [Function],
+                                    "next": [Function],
+                                  },
+                                  "isStopped": false,
+                                  "syncErrorThrowable": false,
+                                  "syncErrorThrown": false,
+                                  "syncErrorValue": null,
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": true,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              "isStopped": true,
+                              "observables": Array [
+                                BehaviorSubject {
+                                  "_isScalar": false,
+                                  "_value": undefined,
+                                  "closed": false,
+                                  "hasError": false,
+                                  "isStopped": false,
+                                  "observers": Array [
+                                    InnerSubscriber {
+                                      "_parentOrParents": [Circular],
+                                      "_subscriptions": Array [
+                                        SubjectSubscription {
+                                          "_parentOrParents": [Circular],
+                                          "_subscriptions": null,
+                                          "closed": false,
+                                          "subject": [Circular],
+                                          "subscriber": [Circular],
+                                        },
+                                      ],
+                                      "closed": false,
+                                      "destination": Object {
+                                        "closed": true,
+                                        "complete": [Function],
+                                        "error": [Function],
+                                        "next": [Function],
+                                      },
+                                      "index": 1,
+                                      "isStopped": false,
+                                      "outerIndex": 0,
+                                      "outerValue": undefined,
+                                      "parent": [Circular],
+                                      "syncErrorThrowable": false,
+                                      "syncErrorThrown": false,
+                                      "syncErrorValue": null,
+                                    },
+                                  ],
+                                  "thrownError": null,
+                                },
+                                [Circular],
+                              ],
+                              "resultSelector": undefined,
+                              "syncErrorThrowable": true,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                              "toRespond": 0,
+                              "values": Array [
+                                undefined,
+                                "",
+                              ],
+                            },
+                            "syncErrorThrowable": false,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
+                        ],
+                        "thrownError": null,
                       }
                     }
+                    opensearchDashboardsDocLink="/docs"
+                    opensearchDashboardsVersion="1.0.0"
+                    surveyLink="/"
+                    useDefaultContent={true}
                   >
-                    <span
-                      className="euiButtonContent euiButtonEmpty__content"
-                    >
-                      <span
-                        className="euiButtonEmpty__text"
-                      >
-                        <span
-                          className="euiHeaderSectionItemButton__content"
-                        >
-                          <EuiButtonIcon
-                            color="subdued"
-                            display="base"
-                            iconSize="s"
-                            iconType="menu"
-                            size="xs"
-                            title="Menu"
-                          >
-                            <button
-                              className="euiButtonIcon euiButtonIcon--subdued euiButtonIcon--xSmall"
-                              disabled={false}
-                              title="Menu"
-                              type="button"
-                            >
-                              <EuiIcon
-                                aria-hidden="true"
-                                className="euiButtonIcon__icon"
-                                color="inherit"
-                                size="s"
-                                type="menu"
-                              >
-                                <span
-                                  aria-hidden="true"
-                                  className="euiButtonIcon__icon"
-                                  color="inherit"
-                                  data-euiicon-type="menu"
-                                  size="s"
-                                />
-                              </EuiIcon>
-                            </button>
-                          </EuiButtonIcon>
-                        </span>
-                      </span>
-                    </span>
-                  </EuiButtonContent>
-                </button>
-              </EuiButtonEmpty>
-            </EuiHeaderSectionItemButton>
-            <EuiHeaderSection
-              grow={false}
-            >
-              <div
-                className="euiHeaderSection euiHeaderSection--dontGrow euiHeaderSection--left"
-              >
-                <EuiHeaderSectionItem
-                  border="none"
-                >
-                  <div
-                    className="euiHeaderSectionItem"
-                  >
-                    <RecentItems
-                      basePath={
-                        BasePath {
-                          "basePath": "/test",
-                          "clientBasePath": "",
-                          "get": [Function],
-                          "getBasePath": [Function],
-                          "prepend": [Function],
-                          "remove": [Function],
-                          "serverBasePath": "/test",
-                        }
-                      }
-                      buttonSize="xs"
-                      http={
-                        Object {
-                          "addLoadingCountSource": [MockFunction],
-                          "anonymousPaths": Object {
-                            "isAnonymous": [MockFunction],
-                            "register": [MockFunction],
-                          },
-                          "basePath": BasePath {
-                            "basePath": "/test",
-                            "clientBasePath": "",
-                            "get": [Function],
-                            "getBasePath": [Function],
-                            "prepend": [Function],
-                            "remove": [Function],
-                            "serverBasePath": "/test",
-                          },
-                          "delete": [MockFunction],
-                          "fetch": [MockFunction],
-                          "get": [MockFunction],
-                          "getLoadingCount$": [MockFunction],
-                          "head": [MockFunction],
-                          "intercept": [MockFunction],
-                          "options": [MockFunction],
-                          "patch": [MockFunction],
-                          "post": [MockFunction],
-                          "put": [MockFunction],
-                        }
-                      }
-                      navLinks$={
+                    <HeaderHelpMenuUI
+                      helpExtension$={
                         BehaviorSubject {
                           "_isScalar": false,
-                          "_value": Array [],
+                          "_value": undefined,
                           "closed": false,
                           "hasError": false,
                           "isStopped": false,
                           "observers": Array [
-                            Subscriber {
-                              "_parentOrParents": null,
-                              "_subscriptions": Array [
-                                SubjectSubscription {
-                                  "_parentOrParents": [Circular],
-                                  "_subscriptions": null,
+                            InnerSubscriber {
+                              "_parentOrParents": CombineLatestSubscriber {
+                                "_parentOrParents": Subscriber {
+                                  "_parentOrParents": null,
+                                  "_subscriptions": Array [
+                                    [Circular],
+                                  ],
                                   "closed": false,
-                                  "subject": [Circular],
-                                  "subscriber": [Circular],
+                                  "destination": SafeSubscriber {
+                                    "_complete": undefined,
+                                    "_context": [Circular],
+                                    "_error": undefined,
+                                    "_next": [Function],
+                                    "_parentOrParents": null,
+                                    "_parentSubscriber": [Circular],
+                                    "_subscriptions": null,
+                                    "closed": false,
+                                    "destination": Object {
+                                      "closed": true,
+                                      "complete": [Function],
+                                      "error": [Function],
+                                      "next": [Function],
+                                    },
+                                    "isStopped": false,
+                                    "syncErrorThrowable": false,
+                                    "syncErrorThrown": false,
+                                    "syncErrorValue": null,
+                                  },
+                                  "isStopped": false,
+                                  "syncErrorThrowable": true,
+                                  "syncErrorThrown": false,
+                                  "syncErrorValue": null,
                                 },
-                              ],
-                              "closed": false,
-                              "destination": SafeSubscriber {
-                                "_complete": undefined,
-                                "_context": [Circular],
-                                "_error": undefined,
-                                "_next": [Function],
-                                "_parentOrParents": null,
-                                "_parentSubscriber": [Circular],
-                                "_subscriptions": null,
+                                "_subscriptions": Array [
+                                  [Circular],
+                                  InnerSubscriber {
+                                    "_parentOrParents": [Circular],
+                                    "_subscriptions": Array [
+                                      SubjectSubscription {
+                                        "_parentOrParents": [Circular],
+                                        "_subscriptions": null,
+                                        "closed": false,
+                                        "subject": BehaviorSubject {
+                                          "_isScalar": false,
+                                          "_value": "",
+                                          "closed": false,
+                                          "hasError": false,
+                                          "isStopped": false,
+                                          "observers": Array [
+                                            [Circular],
+                                          ],
+                                          "thrownError": null,
+                                        },
+                                        "subscriber": [Circular],
+                                      },
+                                    ],
+                                    "closed": false,
+                                    "destination": Object {
+                                      "closed": true,
+                                      "complete": [Function],
+                                      "error": [Function],
+                                      "next": [Function],
+                                    },
+                                    "index": 1,
+                                    "isStopped": false,
+                                    "outerIndex": 1,
+                                    "outerValue": undefined,
+                                    "parent": [Circular],
+                                    "syncErrorThrowable": false,
+                                    "syncErrorThrown": false,
+                                    "syncErrorValue": null,
+                                  },
+                                ],
+                                "active": 2,
                                 "closed": false,
-                                "destination": Object {
-                                  "closed": true,
-                                  "complete": [Function],
-                                  "error": [Function],
-                                  "next": [Function],
+                                "destination": Subscriber {
+                                  "_parentOrParents": null,
+                                  "_subscriptions": Array [
+                                    [Circular],
+                                  ],
+                                  "closed": false,
+                                  "destination": SafeSubscriber {
+                                    "_complete": undefined,
+                                    "_context": [Circular],
+                                    "_error": undefined,
+                                    "_next": [Function],
+                                    "_parentOrParents": null,
+                                    "_parentSubscriber": [Circular],
+                                    "_subscriptions": null,
+                                    "closed": false,
+                                    "destination": Object {
+                                      "closed": true,
+                                      "complete": [Function],
+                                      "error": [Function],
+                                      "next": [Function],
+                                    },
+                                    "isStopped": false,
+                                    "syncErrorThrowable": false,
+                                    "syncErrorThrown": false,
+                                    "syncErrorValue": null,
+                                  },
+                                  "isStopped": false,
+                                  "syncErrorThrowable": true,
+                                  "syncErrorThrown": false,
+                                  "syncErrorValue": null,
                                 },
-                                "isStopped": false,
-                                "syncErrorThrowable": false,
+                                "isStopped": true,
+                                "observables": Array [
+                                  [Circular],
+                                  BehaviorSubject {
+                                    "_isScalar": false,
+                                    "_value": "",
+                                    "closed": false,
+                                    "hasError": false,
+                                    "isStopped": false,
+                                    "observers": Array [
+                                      InnerSubscriber {
+                                        "_parentOrParents": [Circular],
+                                        "_subscriptions": Array [
+                                          SubjectSubscription {
+                                            "_parentOrParents": [Circular],
+                                            "_subscriptions": null,
+                                            "closed": false,
+                                            "subject": [Circular],
+                                            "subscriber": [Circular],
+                                          },
+                                        ],
+                                        "closed": false,
+                                        "destination": Object {
+                                          "closed": true,
+                                          "complete": [Function],
+                                          "error": [Function],
+                                          "next": [Function],
+                                        },
+                                        "index": 1,
+                                        "isStopped": false,
+                                        "outerIndex": 1,
+                                        "outerValue": undefined,
+                                        "parent": [Circular],
+                                        "syncErrorThrowable": false,
+                                        "syncErrorThrown": false,
+                                        "syncErrorValue": null,
+                                      },
+                                    ],
+                                    "thrownError": null,
+                                  },
+                                ],
+                                "resultSelector": undefined,
+                                "syncErrorThrowable": true,
                                 "syncErrorThrown": false,
                                 "syncErrorValue": null,
+                                "toRespond": 0,
+                                "values": Array [
+                                  undefined,
+                                  "",
+                                ],
                               },
-                              "isStopped": false,
-                              "syncErrorThrowable": true,
-                              "syncErrorThrown": false,
-                              "syncErrorValue": null,
-                            },
-                            Subscriber {
-                              "_parentOrParents": null,
                               "_subscriptions": Array [
                                 SubjectSubscription {
                                   "_parentOrParents": [Circular],
@@ -17380,28 +16146,173 @@ exports[`Header renders page header with application title 1`] = `
                                 },
                               ],
                               "closed": false,
-                              "destination": SafeSubscriber {
-                                "_complete": undefined,
-                                "_context": [Circular],
-                                "_error": undefined,
-                                "_next": [Function],
-                                "_parentOrParents": null,
-                                "_parentSubscriber": [Circular],
-                                "_subscriptions": null,
+                              "destination": Object {
+                                "closed": true,
+                                "complete": [Function],
+                                "error": [Function],
+                                "next": [Function],
+                              },
+                              "index": 1,
+                              "isStopped": false,
+                              "outerIndex": 0,
+                              "outerValue": undefined,
+                              "parent": CombineLatestSubscriber {
+                                "_parentOrParents": Subscriber {
+                                  "_parentOrParents": null,
+                                  "_subscriptions": Array [
+                                    [Circular],
+                                  ],
+                                  "closed": false,
+                                  "destination": SafeSubscriber {
+                                    "_complete": undefined,
+                                    "_context": [Circular],
+                                    "_error": undefined,
+                                    "_next": [Function],
+                                    "_parentOrParents": null,
+                                    "_parentSubscriber": [Circular],
+                                    "_subscriptions": null,
+                                    "closed": false,
+                                    "destination": Object {
+                                      "closed": true,
+                                      "complete": [Function],
+                                      "error": [Function],
+                                      "next": [Function],
+                                    },
+                                    "isStopped": false,
+                                    "syncErrorThrowable": false,
+                                    "syncErrorThrown": false,
+                                    "syncErrorValue": null,
+                                  },
+                                  "isStopped": false,
+                                  "syncErrorThrowable": true,
+                                  "syncErrorThrown": false,
+                                  "syncErrorValue": null,
+                                },
+                                "_subscriptions": Array [
+                                  [Circular],
+                                  InnerSubscriber {
+                                    "_parentOrParents": [Circular],
+                                    "_subscriptions": Array [
+                                      SubjectSubscription {
+                                        "_parentOrParents": [Circular],
+                                        "_subscriptions": null,
+                                        "closed": false,
+                                        "subject": BehaviorSubject {
+                                          "_isScalar": false,
+                                          "_value": "",
+                                          "closed": false,
+                                          "hasError": false,
+                                          "isStopped": false,
+                                          "observers": Array [
+                                            [Circular],
+                                          ],
+                                          "thrownError": null,
+                                        },
+                                        "subscriber": [Circular],
+                                      },
+                                    ],
+                                    "closed": false,
+                                    "destination": Object {
+                                      "closed": true,
+                                      "complete": [Function],
+                                      "error": [Function],
+                                      "next": [Function],
+                                    },
+                                    "index": 1,
+                                    "isStopped": false,
+                                    "outerIndex": 1,
+                                    "outerValue": undefined,
+                                    "parent": [Circular],
+                                    "syncErrorThrowable": false,
+                                    "syncErrorThrown": false,
+                                    "syncErrorValue": null,
+                                  },
+                                ],
+                                "active": 2,
                                 "closed": false,
-                                "destination": Object {
-                                  "closed": true,
-                                  "complete": [Function],
-                                  "error": [Function],
-                                  "next": [Function],
+                                "destination": Subscriber {
+                                  "_parentOrParents": null,
+                                  "_subscriptions": Array [
+                                    [Circular],
+                                  ],
+                                  "closed": false,
+                                  "destination": SafeSubscriber {
+                                    "_complete": undefined,
+                                    "_context": [Circular],
+                                    "_error": undefined,
+                                    "_next": [Function],
+                                    "_parentOrParents": null,
+                                    "_parentSubscriber": [Circular],
+                                    "_subscriptions": null,
+                                    "closed": false,
+                                    "destination": Object {
+                                      "closed": true,
+                                      "complete": [Function],
+                                      "error": [Function],
+                                      "next": [Function],
+                                    },
+                                    "isStopped": false,
+                                    "syncErrorThrowable": false,
+                                    "syncErrorThrown": false,
+                                    "syncErrorValue": null,
+                                  },
+                                  "isStopped": false,
+                                  "syncErrorThrowable": true,
+                                  "syncErrorThrown": false,
+                                  "syncErrorValue": null,
                                 },
-                                "isStopped": false,
-                                "syncErrorThrowable": false,
+                                "isStopped": true,
+                                "observables": Array [
+                                  [Circular],
+                                  BehaviorSubject {
+                                    "_isScalar": false,
+                                    "_value": "",
+                                    "closed": false,
+                                    "hasError": false,
+                                    "isStopped": false,
+                                    "observers": Array [
+                                      InnerSubscriber {
+                                        "_parentOrParents": [Circular],
+                                        "_subscriptions": Array [
+                                          SubjectSubscription {
+                                            "_parentOrParents": [Circular],
+                                            "_subscriptions": null,
+                                            "closed": false,
+                                            "subject": [Circular],
+                                            "subscriber": [Circular],
+                                          },
+                                        ],
+                                        "closed": false,
+                                        "destination": Object {
+                                          "closed": true,
+                                          "complete": [Function],
+                                          "error": [Function],
+                                          "next": [Function],
+                                        },
+                                        "index": 1,
+                                        "isStopped": false,
+                                        "outerIndex": 1,
+                                        "outerValue": undefined,
+                                        "parent": [Circular],
+                                        "syncErrorThrowable": false,
+                                        "syncErrorThrown": false,
+                                        "syncErrorValue": null,
+                                      },
+                                    ],
+                                    "thrownError": null,
+                                  },
+                                ],
+                                "resultSelector": undefined,
+                                "syncErrorThrowable": true,
                                 "syncErrorThrown": false,
                                 "syncErrorValue": null,
+                                "toRespond": 0,
+                                "values": Array [
+                                  undefined,
+                                  "",
+                                ],
                               },
-                              "isStopped": false,
-                              "syncErrorThrowable": true,
+                              "syncErrorThrowable": false,
                               "syncErrorThrown": false,
                               "syncErrorValue": null,
                             },
@@ -17409,113 +16320,20 @@ exports[`Header renders page header with application title 1`] = `
                           "thrownError": null,
                         }
                       }
-                      navigateToUrl={[MockFunction]}
-                      recentlyAccessed$={
+                      helpSupportUrl$={
                         BehaviorSubject {
                           "_isScalar": false,
-                          "_value": Array [],
+                          "_value": "",
                           "closed": false,
                           "hasError": false,
                           "isStopped": false,
                           "observers": Array [
-                            Subscriber {
-                              "_parentOrParents": null,
-                              "_subscriptions": Array [
-                                SubjectSubscription {
-                                  "_parentOrParents": [Circular],
-                                  "_subscriptions": null,
-                                  "closed": false,
-                                  "subject": [Circular],
-                                  "subscriber": [Circular],
-                                },
-                              ],
-                              "closed": false,
-                              "destination": SafeSubscriber {
-                                "_complete": undefined,
-                                "_context": [Circular],
-                                "_error": undefined,
-                                "_next": [Function],
-                                "_parentOrParents": null,
-                                "_parentSubscriber": [Circular],
-                                "_subscriptions": null,
-                                "closed": false,
-                                "destination": Object {
-                                  "closed": true,
-                                  "complete": [Function],
-                                  "error": [Function],
-                                  "next": [Function],
-                                },
-                                "isStopped": false,
-                                "syncErrorThrowable": false,
-                                "syncErrorThrown": false,
-                                "syncErrorValue": null,
-                              },
-                              "isStopped": false,
-                              "syncErrorThrowable": true,
-                              "syncErrorThrown": false,
-                              "syncErrorValue": null,
-                            },
-                            Subscriber {
-                              "_parentOrParents": null,
-                              "_subscriptions": Array [
-                                SubjectSubscription {
-                                  "_parentOrParents": [Circular],
-                                  "_subscriptions": null,
-                                  "closed": false,
-                                  "subject": [Circular],
-                                  "subscriber": [Circular],
-                                },
-                              ],
-                              "closed": false,
-                              "destination": SafeSubscriber {
-                                "_complete": undefined,
-                                "_context": [Circular],
-                                "_error": undefined,
-                                "_next": [Function],
-                                "_parentOrParents": null,
-                                "_parentSubscriber": [Circular],
-                                "_subscriptions": null,
-                                "closed": false,
-                                "destination": Object {
-                                  "closed": true,
-                                  "complete": [Function],
-                                  "error": [Function],
-                                  "next": [Function],
-                                },
-                                "isStopped": false,
-                                "syncErrorThrowable": false,
-                                "syncErrorThrown": false,
-                                "syncErrorValue": null,
-                              },
-                              "isStopped": false,
-                              "syncErrorThrowable": true,
-                              "syncErrorThrown": false,
-                              "syncErrorValue": null,
-                            },
-                          ],
-                          "thrownError": null,
-                        }
-                      }
-                      renderBreadcrumbs={
-                        <HeaderBreadcrumbs
-                          appTitle$={
-                            BehaviorSubject {
-                              "_isScalar": false,
-                              "_value": "test",
-                              "closed": false,
-                              "hasError": false,
-                              "isStopped": false,
-                              "observers": Array [
-                                Subscriber {
+                            InnerSubscriber {
+                              "_parentOrParents": CombineLatestSubscriber {
+                                "_parentOrParents": Subscriber {
                                   "_parentOrParents": null,
                                   "_subscriptions": Array [
-                                    SubjectSubscription {
-                                      "_parentOrParents": [Circular],
-                                      "_subscriptions": null,
-                                      "closed": false,
-                                      "subject": [Circular],
-                                      "subscriber": [Circular],
-                                    },
+                                    [Circular],
                                   ],
                                   "closed": false,
                                   "destination": SafeSubscriber {
@@ -17543,35 +16361,52 @@ exports[`Header renders page header with application title 1`] = `
                                   "syncErrorThrown": false,
                                   "syncErrorValue": null,
                                 },
-                              ],
-                              "thrownError": null,
-                            }
-                          }
-                          breadcrumbs$={
-                            BehaviorSubject {
-                              "_isScalar": false,
-                              "_value": Array [
-                                Object {
-                                  "text": "test",
-                                },
-                                Object {
-                                  "text": "testTitle",
-                                },
-                              ],
-                              "closed": false,
-                              "hasError": false,
-                              "isStopped": false,
-                              "observers": Array [
-                                Subscriber {
+                                "_subscriptions": Array [
+                                  InnerSubscriber {
+                                    "_parentOrParents": [Circular],
+                                    "_subscriptions": Array [
+                                      SubjectSubscription {
+                                        "_parentOrParents": [Circular],
+                                        "_subscriptions": null,
+                                        "closed": false,
+                                        "subject": BehaviorSubject {
+                                          "_isScalar": false,
+                                          "_value": undefined,
+                                          "closed": false,
+                                          "hasError": false,
+                                          "isStopped": false,
+                                          "observers": Array [
+                                            [Circular],
+                                          ],
+                                          "thrownError": null,
+                                        },
+                                        "subscriber": [Circular],
+                                      },
+                                    ],
+                                    "closed": false,
+                                    "destination": Object {
+                                      "closed": true,
+                                      "complete": [Function],
+                                      "error": [Function],
+                                      "next": [Function],
+                                    },
+                                    "index": 1,
+                                    "isStopped": false,
+                                    "outerIndex": 0,
+                                    "outerValue": undefined,
+                                    "parent": [Circular],
+                                    "syncErrorThrowable": false,
+                                    "syncErrorThrown": false,
+                                    "syncErrorValue": null,
+                                  },
+                                  [Circular],
+                                ],
+                                "active": 2,
+                                "closed": false,
+                                "destination": Subscriber {
                                   "_parentOrParents": null,
                                   "_subscriptions": Array [
-                                    SubjectSubscription {
-                                      "_parentOrParents": [Circular],
-                                      "_subscriptions": null,
-                                      "closed": false,
-                                      "subject": [Circular],
-                                      "subscriber": [Circular],
-                                    },
+                                    [Circular],
                                   ],
                                   "closed": false,
                                   "destination": SafeSubscriber {
@@ -17599,16 +16434,82 @@ exports[`Header renders page header with application title 1`] = `
                                   "syncErrorThrown": false,
                                   "syncErrorValue": null,
                                 },
-                                Subscriber {
+                                "isStopped": true,
+                                "observables": Array [
+                                  BehaviorSubject {
+                                    "_isScalar": false,
+                                    "_value": undefined,
+                                    "closed": false,
+                                    "hasError": false,
+                                    "isStopped": false,
+                                    "observers": Array [
+                                      InnerSubscriber {
+                                        "_parentOrParents": [Circular],
+                                        "_subscriptions": Array [
+                                          SubjectSubscription {
+                                            "_parentOrParents": [Circular],
+                                            "_subscriptions": null,
+                                            "closed": false,
+                                            "subject": [Circular],
+                                            "subscriber": [Circular],
+                                          },
+                                        ],
+                                        "closed": false,
+                                        "destination": Object {
+                                          "closed": true,
+                                          "complete": [Function],
+                                          "error": [Function],
+                                          "next": [Function],
+                                        },
+                                        "index": 1,
+                                        "isStopped": false,
+                                        "outerIndex": 0,
+                                        "outerValue": undefined,
+                                        "parent": [Circular],
+                                        "syncErrorThrowable": false,
+                                        "syncErrorThrown": false,
+                                        "syncErrorValue": null,
+                                      },
+                                    ],
+                                    "thrownError": null,
+                                  },
+                                  [Circular],
+                                ],
+                                "resultSelector": undefined,
+                                "syncErrorThrowable": true,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                                "toRespond": 0,
+                                "values": Array [
+                                  undefined,
+                                  "",
+                                ],
+                              },
+                              "_subscriptions": Array [
+                                SubjectSubscription {
+                                  "_parentOrParents": [Circular],
+                                  "_subscriptions": null,
+                                  "closed": false,
+                                  "subject": [Circular],
+                                  "subscriber": [Circular],
+                                },
+                              ],
+                              "closed": false,
+                              "destination": Object {
+                                "closed": true,
+                                "complete": [Function],
+                                "error": [Function],
+                                "next": [Function],
+                              },
+                              "index": 1,
+                              "isStopped": false,
+                              "outerIndex": 1,
+                              "outerValue": undefined,
+                              "parent": CombineLatestSubscriber {
+                                "_parentOrParents": Subscriber {
                                   "_parentOrParents": null,
                                   "_subscriptions": Array [
-                                    SubjectSubscription {
-                                      "_parentOrParents": [Circular],
-                                      "_subscriptions": null,
-                                      "closed": false,
-                                      "subject": [Circular],
-                                      "subscriber": [Circular],
-                                    },
+                                    [Circular],
                                   ],
                                   "closed": false,
                                   "destination": SafeSubscriber {
@@ -17636,28 +16537,52 @@ exports[`Header renders page header with application title 1`] = `
                                   "syncErrorThrown": false,
                                   "syncErrorValue": null,
                                 },
-                              ],
-                              "thrownError": null,
-                            }
-                          }
-                          breadcrumbsEnricher$={
-                            BehaviorSubject {
-                              "_isScalar": false,
-                              "_value": undefined,
-                              "closed": false,
-                              "hasError": false,
-                              "isStopped": false,
-                              "observers": Array [
-                                Subscriber {
+                                "_subscriptions": Array [
+                                  InnerSubscriber {
+                                    "_parentOrParents": [Circular],
+                                    "_subscriptions": Array [
+                                      SubjectSubscription {
+                                        "_parentOrParents": [Circular],
+                                        "_subscriptions": null,
+                                        "closed": false,
+                                        "subject": BehaviorSubject {
+                                          "_isScalar": false,
+                                          "_value": undefined,
+                                          "closed": false,
+                                          "hasError": false,
+                                          "isStopped": false,
+                                          "observers": Array [
+                                            [Circular],
+                                          ],
+                                          "thrownError": null,
+                                        },
+                                        "subscriber": [Circular],
+                                      },
+                                    ],
+                                    "closed": false,
+                                    "destination": Object {
+                                      "closed": true,
+                                      "complete": [Function],
+                                      "error": [Function],
+                                      "next": [Function],
+                                    },
+                                    "index": 1,
+                                    "isStopped": false,
+                                    "outerIndex": 0,
+                                    "outerValue": undefined,
+                                    "parent": [Circular],
+                                    "syncErrorThrowable": false,
+                                    "syncErrorThrown": false,
+                                    "syncErrorValue": null,
+                                  },
+                                  [Circular],
+                                ],
+                                "active": 2,
+                                "closed": false,
+                                "destination": Subscriber {
                                   "_parentOrParents": null,
                                   "_subscriptions": Array [
-                                    SubjectSubscription {
-                                      "_parentOrParents": [Circular],
-                                      "_subscriptions": null,
-                                      "closed": false,
-                                      "subject": [Circular],
-                                      "subscriber": [Circular],
-                                    },
+                                    [Circular],
                                   ],
                                   "closed": false,
                                   "destination": SafeSubscriber {
@@ -17685,103 +16610,213 @@ exports[`Header renders page header with application title 1`] = `
                                   "syncErrorThrown": false,
                                   "syncErrorValue": null,
                                 },
-                              ],
-                              "thrownError": null,
-                            }
-                          }
-                          dropHomeFromBreadcrumb={false}
-                          renderFullLength={true}
-                          useUpdatedHeader={true}
-                        />
-                      }
-                      workspaceList$={
-                        BehaviorSubject {
-                          "_isScalar": false,
-                          "_value": Array [],
-                          "closed": false,
-                          "hasError": false,
-                          "isStopped": false,
-                          "observers": Array [
-                            Subscriber {
-                              "_parentOrParents": null,
-                              "_subscriptions": Array [
-                                SubjectSubscription {
-                                  "_parentOrParents": [Circular],
-                                  "_subscriptions": null,
-                                  "closed": false,
-                                  "subject": [Circular],
-                                  "subscriber": [Circular],
-                                },
-                              ],
-                              "closed": false,
-                              "destination": SafeSubscriber {
-                                "_complete": undefined,
-                                "_context": [Circular],
-                                "_error": undefined,
-                                "_next": [Function],
-                                "_parentOrParents": null,
-                                "_parentSubscriber": [Circular],
-                                "_subscriptions": null,
-                                "closed": false,
-                                "destination": Object {
-                                  "closed": true,
-                                  "complete": [Function],
-                                  "error": [Function],
-                                  "next": [Function],
-                                },
-                                "isStopped": false,
-                                "syncErrorThrowable": false,
+                                "isStopped": true,
+                                "observables": Array [
+                                  BehaviorSubject {
+                                    "_isScalar": false,
+                                    "_value": undefined,
+                                    "closed": false,
+                                    "hasError": false,
+                                    "isStopped": false,
+                                    "observers": Array [
+                                      InnerSubscriber {
+                                        "_parentOrParents": [Circular],
+                                        "_subscriptions": Array [
+                                          SubjectSubscription {
+                                            "_parentOrParents": [Circular],
+                                            "_subscriptions": null,
+                                            "closed": false,
+                                            "subject": [Circular],
+                                            "subscriber": [Circular],
+                                          },
+                                        ],
+                                        "closed": false,
+                                        "destination": Object {
+                                          "closed": true,
+                                          "complete": [Function],
+                                          "error": [Function],
+                                          "next": [Function],
+                                        },
+                                        "index": 1,
+                                        "isStopped": false,
+                                        "outerIndex": 0,
+                                        "outerValue": undefined,
+                                        "parent": [Circular],
+                                        "syncErrorThrowable": false,
+                                        "syncErrorThrown": false,
+                                        "syncErrorValue": null,
+                                      },
+                                    ],
+                                    "thrownError": null,
+                                  },
+                                  [Circular],
+                                ],
+                                "resultSelector": undefined,
+                                "syncErrorThrowable": true,
                                 "syncErrorThrown": false,
                                 "syncErrorValue": null,
+                                "toRespond": 0,
+                                "values": Array [
+                                  undefined,
+                                  "",
+                                ],
+                              },
+                              "syncErrorThrowable": false,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                          ],
+                          "thrownError": null,
+                        }
+                      }
+                      intl={
+                        Object {
+                          "defaultFormats": Object {},
+                          "defaultLocale": "en",
+                          "formatDate": [Function],
+                          "formatHTMLMessage": [Function],
+                          "formatMessage": [Function],
+                          "formatNumber": [Function],
+                          "formatPlural": [Function],
+                          "formatRelative": [Function],
+                          "formatTime": [Function],
+                          "formats": Object {
+                            "date": Object {
+                              "full": Object {
+                                "day": "numeric",
+                                "month": "long",
+                                "weekday": "long",
+                                "year": "numeric",
+                              },
+                              "long": Object {
+                                "day": "numeric",
+                                "month": "long",
+                                "year": "numeric",
+                              },
+                              "medium": Object {
+                                "day": "numeric",
+                                "month": "short",
+                                "year": "numeric",
+                              },
+                              "short": Object {
+                                "day": "numeric",
+                                "month": "numeric",
+                                "year": "2-digit",
                               },
-                              "isStopped": false,
-                              "syncErrorThrowable": true,
-                              "syncErrorThrown": false,
-                              "syncErrorValue": null,
                             },
-                          ],
-                          "thrownError": null,
+                            "number": Object {
+                              "currency": Object {
+                                "style": "currency",
+                              },
+                              "percent": Object {
+                                "style": "percent",
+                              },
+                            },
+                            "relative": Object {
+                              "days": Object {
+                                "units": "day",
+                              },
+                              "hours": Object {
+                                "units": "hour",
+                              },
+                              "minutes": Object {
+                                "units": "minute",
+                              },
+                              "months": Object {
+                                "units": "month",
+                              },
+                              "seconds": Object {
+                                "units": "second",
+                              },
+                              "years": Object {
+                                "units": "year",
+                              },
+                            },
+                            "time": Object {
+                              "full": Object {
+                                "hour": "numeric",
+                                "minute": "numeric",
+                                "second": "numeric",
+                                "timeZoneName": "short",
+                              },
+                              "long": Object {
+                                "hour": "numeric",
+                                "minute": "numeric",
+                                "second": "numeric",
+                                "timeZoneName": "short",
+                              },
+                              "medium": Object {
+                                "hour": "numeric",
+                                "minute": "numeric",
+                                "second": "numeric",
+                              },
+                              "short": Object {
+                                "hour": "numeric",
+                                "minute": "numeric",
+                              },
+                            },
+                          },
+                          "formatters": Object {
+                            "getDateTimeFormat": [Function],
+                            "getMessageFormat": [Function],
+                            "getNumberFormat": [Function],
+                            "getPluralFormat": [Function],
+                            "getRelativeFormat": [Function],
+                          },
+                          "locale": "en",
+                          "messages": Object {},
+                          "now": [Function],
+                          "onError": [Function],
+                          "textComponent": Symbol(react.fragment),
+                          "timeZone": null,
                         }
                       }
+                      opensearchDashboardsDocLink="/docs"
+                      opensearchDashboardsVersion="1.0.0"
+                      surveyLink="/"
+                      useDefaultContent={true}
                     >
                       <EuiPopover
-                        anchorPosition="downCenter"
+                        anchorPosition="downRight"
                         button={
                           <EuiToolTip
-                            content="Recent"
+                            content="Help"
                             delay="long"
                             position="bottom"
                           >
-                            <EuiButtonIcon
+                            <EuiHeaderSectionItemButton
                               aria-expanded={false}
                               aria-haspopup="true"
-                              aria-label="View recents"
-                              className="headerRecentItemsButton"
-                              color="text"
-                              data-test-subj="recentItemsSectionButton"
-                              iconType="recent"
+                              aria-label="Help menu"
                               onClick={[Function]}
-                              size="xs"
-                            />
+                            >
+                              <EuiIcon
+                                size="m"
+                                type="questionInCircle"
+                              />
+                            </EuiHeaderSectionItemButton>
                           </EuiToolTip>
                         }
                         closePopover={[Function]}
+                        data-test-subj="helpMenuButton"
                         display="inlineBlock"
                         hasArrow={true}
-                        initialFocus={false}
+                        id="headerHelpMenu"
                         isOpen={false}
                         ownFocus={true}
-                        panelPaddingSize="m"
+                        panelPaddingSize="s"
                         repositionOnScroll={true}
                       >
                         <div
-                          className="euiPopover euiPopover--anchorDownCenter"
+                          className="euiPopover euiPopover--anchorDownRight"
+                          data-test-subj="helpMenuButton"
+                          id="headerHelpMenu"
                         >
                           <div
                             className="euiPopover__anchor"
                           >
                             <EuiToolTip
-                              content="Recent"
+                              content="Help"
                               delay="long"
                               position="bottom"
                             >
@@ -17791,358 +16826,2485 @@ exports[`Header renders page header with application title 1`] = `
                                 onMouseOut={[Function]}
                                 onMouseOver={[Function]}
                               >
-                                <EuiButtonIcon
+                                <EuiHeaderSectionItemButton
                                   aria-expanded={false}
                                   aria-haspopup="true"
-                                  aria-label="View recents"
-                                  className="headerRecentItemsButton"
-                                  color="text"
-                                  data-test-subj="recentItemsSectionButton"
-                                  iconType="recent"
+                                  aria-label="Help menu"
                                   onBlur={[Function]}
                                   onClick={[Function]}
                                   onFocus={[Function]}
-                                  size="xs"
                                 >
-                                  <button
+                                  <EuiButtonEmpty
                                     aria-expanded={false}
                                     aria-haspopup="true"
-                                    aria-label="View recents"
-                                    className="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall headerRecentItemsButton"
-                                    data-test-subj="recentItemsSectionButton"
-                                    disabled={false}
+                                    aria-label="Help menu"
+                                    buttonRef={
+                                      Object {
+                                        "current": <button
+                                          aria-expanded="false"
+                                          aria-haspopup="true"
+                                          aria-label="Help menu"
+                                          class="euiButtonEmpty euiButtonEmpty--text euiHeaderSectionItemButton"
+                                          type="button"
+                                        >
+                                          <span
+                                            class="euiButtonContent euiButtonEmpty__content"
+                                          >
+                                            <span
+                                              class="euiButtonEmpty__text"
+                                            >
+                                              <span
+                                                class="euiHeaderSectionItemButton__content"
+                                              >
+                                                <span
+                                                  data-euiicon-type="questionInCircle"
+                                                />
+                                              </span>
+                                            </span>
+                                          </span>
+                                        </button>,
+                                      }
+                                    }
+                                    className="euiHeaderSectionItemButton"
+                                    color="text"
                                     onBlur={[Function]}
                                     onClick={[Function]}
                                     onFocus={[Function]}
-                                    type="button"
                                   >
-                                    <EuiIcon
-                                      aria-hidden="true"
-                                      className="euiButtonIcon__icon"
-                                      color="inherit"
-                                      size="m"
-                                      type="recent"
+                                    <button
+                                      aria-expanded={false}
+                                      aria-haspopup="true"
+                                      aria-label="Help menu"
+                                      className="euiButtonEmpty euiButtonEmpty--text euiHeaderSectionItemButton"
+                                      disabled={false}
+                                      onBlur={[Function]}
+                                      onClick={[Function]}
+                                      onFocus={[Function]}
+                                      type="button"
                                     >
-                                      <span
-                                        aria-hidden="true"
-                                        className="euiButtonIcon__icon"
-                                        color="inherit"
-                                        data-euiicon-type="recent"
-                                        size="m"
-                                      />
-                                    </EuiIcon>
-                                  </button>
-                                </EuiButtonIcon>
-                              </span>
-                            </EuiToolTip>
-                          </div>
-                        </div>
-                      </EuiPopover>
-                    </RecentItems>
-                  </div>
-                </EuiHeaderSectionItem>
-              </div>
-            </EuiHeaderSection>
-            <HeaderBreadcrumbs
-              appTitle$={
-                BehaviorSubject {
-                  "_isScalar": false,
-                  "_value": "test",
+                                      <EuiButtonContent
+                                        className="euiButtonEmpty__content"
+                                        iconGap="m"
+                                        iconSide="left"
+                                        iconSize="m"
+                                        textProps={
+                                          Object {
+                                            "className": "euiButtonEmpty__text",
+                                          }
+                                        }
+                                      >
+                                        <span
+                                          className="euiButtonContent euiButtonEmpty__content"
+                                        >
+                                          <span
+                                            className="euiButtonEmpty__text"
+                                          >
+                                            <span
+                                              className="euiHeaderSectionItemButton__content"
+                                            >
+                                              <EuiIcon
+                                                size="m"
+                                                type="questionInCircle"
+                                              >
+                                                <span
+                                                  data-euiicon-type="questionInCircle"
+                                                  size="m"
+                                                />
+                                              </EuiIcon>
+                                            </span>
+                                          </span>
+                                        </span>
+                                      </EuiButtonContent>
+                                    </button>
+                                  </EuiButtonEmpty>
+                                </EuiHeaderSectionItemButton>
+                              </span>
+                            </EuiToolTip>
+                          </div>
+                        </div>
+                      </EuiPopover>
+                    </HeaderHelpMenuUI>
+                  </InjectIntl(HeaderHelpMenuUI)>
+                </div>
+              </EuiHeaderSectionItem>
+            </div>
+          </EuiHeaderSection>
+        </div>
+      </EuiHeader>
+    </div>
+    <CollapsibleNav
+      appId$={
+        Observable {
+          "_isScalar": false,
+          "source": Subject {
+            "_isScalar": false,
+            "closed": false,
+            "hasError": false,
+            "isStopped": false,
+            "observers": Array [
+              Subscriber {
+                "_parentOrParents": null,
+                "_subscriptions": Array [
+                  SubjectSubscription {
+                    "_parentOrParents": [Circular],
+                    "_subscriptions": null,
+                    "closed": false,
+                    "subject": [Circular],
+                    "subscriber": [Circular],
+                  },
+                ],
+                "closed": false,
+                "destination": SafeSubscriber {
+                  "_complete": undefined,
+                  "_context": [Circular],
+                  "_error": undefined,
+                  "_next": [Function],
+                  "_parentOrParents": null,
+                  "_parentSubscriber": [Circular],
+                  "_subscriptions": null,
                   "closed": false,
-                  "hasError": false,
+                  "destination": Object {
+                    "closed": true,
+                    "complete": [Function],
+                    "error": [Function],
+                    "next": [Function],
+                  },
                   "isStopped": false,
-                  "observers": Array [
-                    Subscriber {
-                      "_parentOrParents": null,
-                      "_subscriptions": Array [
-                        SubjectSubscription {
-                          "_parentOrParents": [Circular],
-                          "_subscriptions": null,
-                          "closed": false,
-                          "subject": [Circular],
-                          "subscriber": [Circular],
-                        },
-                      ],
-                      "closed": false,
-                      "destination": SafeSubscriber {
-                        "_complete": undefined,
-                        "_context": [Circular],
-                        "_error": undefined,
-                        "_next": [Function],
-                        "_parentOrParents": null,
-                        "_parentSubscriber": [Circular],
-                        "_subscriptions": null,
-                        "closed": false,
-                        "destination": Object {
-                          "closed": true,
-                          "complete": [Function],
-                          "error": [Function],
-                          "next": [Function],
-                        },
-                        "isStopped": false,
-                        "syncErrorThrowable": false,
-                        "syncErrorThrown": false,
-                        "syncErrorValue": null,
-                      },
-                      "isStopped": false,
-                      "syncErrorThrowable": true,
-                      "syncErrorThrown": false,
-                      "syncErrorValue": null,
-                    },
-                  ],
-                  "thrownError": null,
-                }
-              }
-              breadcrumbs$={
-                BehaviorSubject {
-                  "_isScalar": false,
-                  "_value": Array [
-                    Object {
-                      "text": "test",
-                    },
-                    Object {
-                      "text": "testTitle",
-                    },
-                  ],
+                  "syncErrorThrowable": false,
+                  "syncErrorThrown": false,
+                  "syncErrorValue": null,
+                },
+                "isStopped": false,
+                "syncErrorThrowable": true,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+            ],
+            "thrownError": null,
+          },
+        }
+      }
+      basePath={
+        BasePath {
+          "basePath": "/test",
+          "clientBasePath": "",
+          "get": [Function],
+          "getBasePath": [Function],
+          "prepend": [Function],
+          "remove": [Function],
+          "serverBasePath": "/test",
+        }
+      }
+      closeNav={[Function]}
+      customNavLink$={
+        BehaviorSubject {
+          "_isScalar": false,
+          "_value": undefined,
+          "closed": false,
+          "hasError": false,
+          "isStopped": false,
+          "observers": Array [
+            Subscriber {
+              "_parentOrParents": null,
+              "_subscriptions": Array [
+                SubjectSubscription {
+                  "_parentOrParents": [Circular],
+                  "_subscriptions": null,
+                  "closed": false,
+                  "subject": [Circular],
+                  "subscriber": [Circular],
+                },
+              ],
+              "closed": false,
+              "destination": SafeSubscriber {
+                "_complete": undefined,
+                "_context": [Circular],
+                "_error": undefined,
+                "_next": [Function],
+                "_parentOrParents": null,
+                "_parentSubscriber": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "isStopped": false,
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+              "isStopped": false,
+              "syncErrorThrowable": true,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+          ],
+          "thrownError": null,
+        }
+      }
+      homeHref="/"
+      id="mockId"
+      isLocked={false}
+      isNavOpen={false}
+      logos={
+        Object {
+          "AnimatedMark": Object {
+            "dark": Object {
+              "type": "default",
+              "url": "/ui/logos/opensearch_spinner_on_dark.svg",
+            },
+            "light": Object {
+              "type": "default",
+              "url": "/ui/logos/opensearch_spinner_on_light.svg",
+            },
+            "type": "default",
+            "url": "/ui/logos/opensearch_spinner_on_light.svg",
+          },
+          "Application": Object {
+            "dark": Object {
+              "type": "default",
+              "url": "/ui/logos/opensearch_dashboards_on_dark.svg",
+            },
+            "light": Object {
+              "type": "default",
+              "url": "/ui/logos/opensearch_dashboards_on_light.svg",
+            },
+            "type": "default",
+            "url": "/ui/logos/opensearch_dashboards_on_light.svg",
+          },
+          "CenterMark": Object {
+            "dark": Object {
+              "type": "default",
+              "url": "/ui/logos/opensearch_center_mark_on_dark.svg",
+            },
+            "light": Object {
+              "type": "default",
+              "url": "/ui/logos/opensearch_center_mark_on_light.svg",
+            },
+            "type": "default",
+            "url": "/ui/logos/opensearch_center_mark_on_light.svg",
+          },
+          "Mark": Object {
+            "dark": Object {
+              "type": "default",
+              "url": "/ui/logos/opensearch_mark_on_dark.svg",
+            },
+            "light": Object {
+              "type": "default",
+              "url": "/ui/logos/opensearch_mark_on_light.svg",
+            },
+            "type": "default",
+            "url": "/ui/logos/opensearch_mark_on_light.svg",
+          },
+          "OpenSearch": Object {
+            "dark": Object {
+              "type": "default",
+              "url": "/ui/logos/opensearch_on_dark.svg",
+            },
+            "light": Object {
+              "type": "default",
+              "url": "/ui/logos/opensearch_on_light.svg",
+            },
+            "type": "default",
+            "url": "/ui/logos/opensearch_on_light.svg",
+          },
+          "colorScheme": "light",
+        }
+      }
+      navLinks$={
+        BehaviorSubject {
+          "_isScalar": false,
+          "_value": Array [],
+          "closed": false,
+          "hasError": false,
+          "isStopped": false,
+          "observers": Array [
+            Subscriber {
+              "_parentOrParents": null,
+              "_subscriptions": Array [
+                SubjectSubscription {
+                  "_parentOrParents": [Circular],
+                  "_subscriptions": null,
                   "closed": false,
-                  "hasError": false,
-                  "isStopped": false,
-                  "observers": Array [
-                    Subscriber {
-                      "_parentOrParents": null,
-                      "_subscriptions": Array [
-                        SubjectSubscription {
-                          "_parentOrParents": [Circular],
-                          "_subscriptions": null,
-                          "closed": false,
-                          "subject": [Circular],
-                          "subscriber": [Circular],
-                        },
-                      ],
-                      "closed": false,
-                      "destination": SafeSubscriber {
-                        "_complete": undefined,
-                        "_context": [Circular],
-                        "_error": undefined,
-                        "_next": [Function],
-                        "_parentOrParents": null,
-                        "_parentSubscriber": [Circular],
-                        "_subscriptions": null,
-                        "closed": false,
-                        "destination": Object {
-                          "closed": true,
-                          "complete": [Function],
-                          "error": [Function],
-                          "next": [Function],
-                        },
-                        "isStopped": false,
-                        "syncErrorThrowable": false,
-                        "syncErrorThrown": false,
-                        "syncErrorValue": null,
-                      },
-                      "isStopped": false,
-                      "syncErrorThrowable": true,
-                      "syncErrorThrown": false,
-                      "syncErrorValue": null,
-                    },
-                    Subscriber {
-                      "_parentOrParents": null,
-                      "_subscriptions": Array [
-                        SubjectSubscription {
-                          "_parentOrParents": [Circular],
-                          "_subscriptions": null,
-                          "closed": false,
-                          "subject": [Circular],
-                          "subscriber": [Circular],
-                        },
-                      ],
-                      "closed": false,
-                      "destination": SafeSubscriber {
-                        "_complete": undefined,
-                        "_context": [Circular],
-                        "_error": undefined,
-                        "_next": [Function],
-                        "_parentOrParents": null,
-                        "_parentSubscriber": [Circular],
-                        "_subscriptions": null,
-                        "closed": false,
-                        "destination": Object {
-                          "closed": true,
-                          "complete": [Function],
-                          "error": [Function],
-                          "next": [Function],
-                        },
-                        "isStopped": false,
-                        "syncErrorThrowable": false,
-                        "syncErrorThrown": false,
-                        "syncErrorValue": null,
-                      },
-                      "isStopped": false,
-                      "syncErrorThrowable": true,
-                      "syncErrorThrown": false,
-                      "syncErrorValue": null,
-                    },
-                  ],
-                  "thrownError": null,
-                }
-              }
-              breadcrumbsEnricher$={
-                BehaviorSubject {
-                  "_isScalar": false,
-                  "_value": undefined,
+                  "subject": [Circular],
+                  "subscriber": [Circular],
+                },
+              ],
+              "closed": false,
+              "destination": SafeSubscriber {
+                "_complete": undefined,
+                "_context": [Circular],
+                "_error": undefined,
+                "_next": [Function],
+                "_parentOrParents": null,
+                "_parentSubscriber": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "isStopped": false,
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+              "isStopped": false,
+              "syncErrorThrowable": true,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+            Subscriber {
+              "_parentOrParents": null,
+              "_subscriptions": Array [
+                SubjectSubscription {
+                  "_parentOrParents": [Circular],
+                  "_subscriptions": null,
+                  "closed": false,
+                  "subject": [Circular],
+                  "subscriber": [Circular],
+                },
+              ],
+              "closed": false,
+              "destination": SafeSubscriber {
+                "_complete": undefined,
+                "_context": [Circular],
+                "_error": undefined,
+                "_next": [Function],
+                "_parentOrParents": null,
+                "_parentSubscriber": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "isStopped": false,
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+              "isStopped": false,
+              "syncErrorThrowable": true,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+          ],
+          "thrownError": null,
+        }
+      }
+      navigateToApp={[MockFunction]}
+      navigateToUrl={[MockFunction]}
+      onIsLockedUpdate={[Function]}
+      recentlyAccessed$={
+        BehaviorSubject {
+          "_isScalar": false,
+          "_value": Array [],
+          "closed": false,
+          "hasError": false,
+          "isStopped": false,
+          "observers": Array [
+            Subscriber {
+              "_parentOrParents": null,
+              "_subscriptions": Array [
+                SubjectSubscription {
+                  "_parentOrParents": [Circular],
+                  "_subscriptions": null,
+                  "closed": false,
+                  "subject": [Circular],
+                  "subscriber": [Circular],
+                },
+              ],
+              "closed": false,
+              "destination": SafeSubscriber {
+                "_complete": undefined,
+                "_context": [Circular],
+                "_error": undefined,
+                "_next": [Function],
+                "_parentOrParents": null,
+                "_parentSubscriber": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "isStopped": false,
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+              "isStopped": false,
+              "syncErrorThrowable": true,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+          ],
+          "thrownError": null,
+        }
+      }
+    >
+      <EuiCollapsibleNav
+        aria-label="Primary"
+        data-test-subj="collapsibleNav"
+        id="mockId"
+        isDocked={false}
+        isOpen={false}
+        onClose={[Function]}
+        outsideClickCloses={false}
+      />
+    </CollapsibleNav>
+  </header>
+</Header>
+`;
+
+exports[`Header renders page header with application title 1`] = `
+<Header
+  appTitle$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": "test",
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  application={
+    Object {
+      "applications$": BehaviorSubject {
+        "_isScalar": false,
+        "_value": Map {},
+        "closed": false,
+        "hasError": false,
+        "isStopped": false,
+        "observers": Array [],
+        "thrownError": null,
+      },
+      "capabilities": Object {
+        "catalogue": Object {},
+        "management": Object {},
+        "navLinks": Object {},
+        "workspaces": Object {},
+      },
+      "currentActionMenu$": BehaviorSubject {
+        "_isScalar": false,
+        "_value": undefined,
+        "closed": false,
+        "hasError": false,
+        "isStopped": false,
+        "observers": Array [
+          Subscriber {
+            "_parentOrParents": null,
+            "_subscriptions": Array [
+              SubjectSubscription {
+                "_parentOrParents": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "subject": [Circular],
+                "subscriber": [Circular],
+              },
+            ],
+            "closed": false,
+            "destination": SafeSubscriber {
+              "_complete": undefined,
+              "_context": [Circular],
+              "_error": undefined,
+              "_next": [Function],
+              "_parentOrParents": null,
+              "_parentSubscriber": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "destination": Object {
+                "closed": true,
+                "complete": [Function],
+                "error": [Function],
+                "next": [Function],
+              },
+              "isStopped": false,
+              "syncErrorThrowable": false,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+            "isStopped": false,
+            "syncErrorThrowable": true,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+        ],
+        "thrownError": null,
+      },
+      "currentAppId$": Observable {
+        "_isScalar": false,
+        "source": Subject {
+          "_isScalar": false,
+          "closed": false,
+          "hasError": false,
+          "isStopped": false,
+          "observers": Array [
+            Subscriber {
+              "_parentOrParents": null,
+              "_subscriptions": Array [
+                SubjectSubscription {
+                  "_parentOrParents": [Circular],
+                  "_subscriptions": null,
                   "closed": false,
-                  "hasError": false,
-                  "isStopped": false,
-                  "observers": Array [
-                    Subscriber {
-                      "_parentOrParents": null,
-                      "_subscriptions": Array [
-                        SubjectSubscription {
-                          "_parentOrParents": [Circular],
-                          "_subscriptions": null,
-                          "closed": false,
-                          "subject": [Circular],
-                          "subscriber": [Circular],
-                        },
-                      ],
-                      "closed": false,
-                      "destination": SafeSubscriber {
-                        "_complete": undefined,
-                        "_context": [Circular],
-                        "_error": undefined,
-                        "_next": [Function],
-                        "_parentOrParents": null,
-                        "_parentSubscriber": [Circular],
-                        "_subscriptions": null,
-                        "closed": false,
-                        "destination": Object {
-                          "closed": true,
-                          "complete": [Function],
-                          "error": [Function],
-                          "next": [Function],
-                        },
-                        "isStopped": false,
-                        "syncErrorThrowable": false,
-                        "syncErrorThrown": false,
-                        "syncErrorValue": null,
-                      },
-                      "isStopped": false,
-                      "syncErrorThrowable": true,
-                      "syncErrorThrown": false,
-                      "syncErrorValue": null,
-                    },
-                  ],
-                  "thrownError": null,
-                }
+                  "subject": [Circular],
+                  "subscriber": [Circular],
+                },
+              ],
+              "closed": false,
+              "destination": SafeSubscriber {
+                "_complete": undefined,
+                "_context": [Circular],
+                "_error": undefined,
+                "_next": [Function],
+                "_parentOrParents": null,
+                "_parentSubscriber": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "isStopped": false,
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+              "isStopped": false,
+              "syncErrorThrowable": true,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+          ],
+          "thrownError": null,
+        },
+      },
+      "currentBadgeControls$": BehaviorSubject {
+        "_isScalar": false,
+        "_value": undefined,
+        "closed": false,
+        "hasError": false,
+        "isStopped": false,
+        "observers": Array [
+          Subscriber {
+            "_parentOrParents": null,
+            "_subscriptions": Array [
+              SubjectSubscription {
+                "_parentOrParents": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "subject": [Circular],
+                "subscriber": [Circular],
+              },
+            ],
+            "closed": false,
+            "destination": SafeSubscriber {
+              "_complete": undefined,
+              "_context": [Circular],
+              "_error": undefined,
+              "_next": [Function],
+              "_parentOrParents": null,
+              "_parentSubscriber": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "destination": Object {
+                "closed": true,
+                "complete": [Function],
+                "error": [Function],
+                "next": [Function],
+              },
+              "isStopped": false,
+              "syncErrorThrowable": false,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+            "isStopped": false,
+            "syncErrorThrowable": true,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+        ],
+        "thrownError": null,
+      },
+      "currentBottomControls$": BehaviorSubject {
+        "_isScalar": false,
+        "_value": undefined,
+        "closed": false,
+        "hasError": false,
+        "isStopped": false,
+        "observers": Array [
+          Subscriber {
+            "_parentOrParents": null,
+            "_subscriptions": Array [
+              SubjectSubscription {
+                "_parentOrParents": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "subject": [Circular],
+                "subscriber": [Circular],
+              },
+            ],
+            "closed": false,
+            "destination": SafeSubscriber {
+              "_complete": undefined,
+              "_context": [Circular],
+              "_error": undefined,
+              "_next": [Function],
+              "_parentOrParents": null,
+              "_parentSubscriber": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "destination": Object {
+                "closed": true,
+                "complete": [Function],
+                "error": [Function],
+                "next": [Function],
+              },
+              "isStopped": false,
+              "syncErrorThrowable": false,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+            "isStopped": false,
+            "syncErrorThrowable": true,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+        ],
+        "thrownError": null,
+      },
+      "currentCenterControls$": BehaviorSubject {
+        "_isScalar": false,
+        "_value": undefined,
+        "closed": false,
+        "hasError": false,
+        "isStopped": false,
+        "observers": Array [
+          Subscriber {
+            "_parentOrParents": null,
+            "_subscriptions": Array [
+              SubjectSubscription {
+                "_parentOrParents": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "subject": [Circular],
+                "subscriber": [Circular],
+              },
+            ],
+            "closed": false,
+            "destination": SafeSubscriber {
+              "_complete": undefined,
+              "_context": [Circular],
+              "_error": undefined,
+              "_next": [Function],
+              "_parentOrParents": null,
+              "_parentSubscriber": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "destination": Object {
+                "closed": true,
+                "complete": [Function],
+                "error": [Function],
+                "next": [Function],
+              },
+              "isStopped": false,
+              "syncErrorThrowable": false,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+            "isStopped": false,
+            "syncErrorThrowable": true,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+        ],
+        "thrownError": null,
+      },
+      "currentDescriptionControls$": BehaviorSubject {
+        "_isScalar": false,
+        "_value": undefined,
+        "closed": false,
+        "hasError": false,
+        "isStopped": false,
+        "observers": Array [
+          Subscriber {
+            "_parentOrParents": null,
+            "_subscriptions": Array [
+              SubjectSubscription {
+                "_parentOrParents": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "subject": [Circular],
+                "subscriber": [Circular],
+              },
+            ],
+            "closed": false,
+            "destination": SafeSubscriber {
+              "_complete": undefined,
+              "_context": [Circular],
+              "_error": undefined,
+              "_next": [Function],
+              "_parentOrParents": null,
+              "_parentSubscriber": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "destination": Object {
+                "closed": true,
+                "complete": [Function],
+                "error": [Function],
+                "next": [Function],
+              },
+              "isStopped": false,
+              "syncErrorThrowable": false,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+            "isStopped": false,
+            "syncErrorThrowable": true,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+        ],
+        "thrownError": null,
+      },
+      "currentLeftControls$": BehaviorSubject {
+        "_isScalar": false,
+        "_value": undefined,
+        "closed": false,
+        "hasError": false,
+        "isStopped": false,
+        "observers": Array [
+          Subscriber {
+            "_parentOrParents": null,
+            "_subscriptions": Array [
+              SubjectSubscription {
+                "_parentOrParents": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "subject": [Circular],
+                "subscriber": [Circular],
+              },
+            ],
+            "closed": false,
+            "destination": SafeSubscriber {
+              "_complete": undefined,
+              "_context": [Circular],
+              "_error": undefined,
+              "_next": [Function],
+              "_parentOrParents": null,
+              "_parentSubscriber": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "destination": Object {
+                "closed": true,
+                "complete": [Function],
+                "error": [Function],
+                "next": [Function],
+              },
+              "isStopped": false,
+              "syncErrorThrowable": false,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+            "isStopped": false,
+            "syncErrorThrowable": true,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+        ],
+        "thrownError": null,
+      },
+      "currentRightControls$": BehaviorSubject {
+        "_isScalar": false,
+        "_value": undefined,
+        "closed": false,
+        "hasError": false,
+        "isStopped": false,
+        "observers": Array [
+          Subscriber {
+            "_parentOrParents": null,
+            "_subscriptions": Array [
+              SubjectSubscription {
+                "_parentOrParents": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "subject": [Circular],
+                "subscriber": [Circular],
+              },
+            ],
+            "closed": false,
+            "destination": SafeSubscriber {
+              "_complete": undefined,
+              "_context": [Circular],
+              "_error": undefined,
+              "_next": [Function],
+              "_parentOrParents": null,
+              "_parentSubscriber": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "destination": Object {
+                "closed": true,
+                "complete": [Function],
+                "error": [Function],
+                "next": [Function],
+              },
+              "isStopped": false,
+              "syncErrorThrowable": false,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+            "isStopped": false,
+            "syncErrorThrowable": true,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+        ],
+        "thrownError": null,
+      },
+      "getComponent": [MockFunction],
+      "getUrlForApp": [MockFunction],
+      "history": Object {
+        "action": "PUSH",
+        "block": [MockFunction],
+        "createHref": [MockFunction],
+        "go": [MockFunction],
+        "goBack": [MockFunction],
+        "goForward": [MockFunction],
+        "length": 1,
+        "listen": [MockFunction],
+        "location": Object {
+          "hash": "",
+          "key": "",
+          "pathname": "/",
+          "search": "",
+          "state": undefined,
+        },
+        "push": [MockFunction],
+        "replace": [MockFunction],
+      },
+      "navigateToApp": [MockFunction],
+      "navigateToUrl": [MockFunction],
+      "registerMountContext": [MockFunction],
+      "setAppBadgeControls": [MockFunction],
+      "setAppBottomControls": [MockFunction],
+      "setAppCenterControls": [MockFunction],
+      "setAppDescriptionControls": [MockFunction],
+      "setAppLeftControls": [MockFunction],
+      "setAppRightControls": [MockFunction],
+    }
+  }
+  badge$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": undefined,
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  basePath={
+    BasePath {
+      "basePath": "/test",
+      "clientBasePath": "",
+      "get": [Function],
+      "getBasePath": [Function],
+      "prepend": [Function],
+      "remove": [Function],
+      "serverBasePath": "/test",
+    }
+  }
+  branding={
+    Object {
+      "useExpandedHeader": false,
+    }
+  }
+  breadcrumbs$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": Array [
+        Object {
+          "text": "test",
+        },
+        Object {
+          "text": "testTitle",
+        },
+      ],
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  breadcrumbsEnricher$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": undefined,
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  currentNavGroup$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": undefined,
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [],
+      "thrownError": null,
+    }
+  }
+  currentWorkspace$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": null,
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  customNavLink$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": undefined,
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  forceAppSwitcherNavigation$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": false,
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [],
+      "thrownError": null,
+    }
+  }
+  headerVariant$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": undefined,
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  helpExtension$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": undefined,
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [],
+      "thrownError": null,
+    }
+  }
+  helpSupportUrl$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": "",
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [],
+      "thrownError": null,
+    }
+  }
+  homeHref="/"
+  http={
+    Object {
+      "addLoadingCountSource": [MockFunction],
+      "anonymousPaths": Object {
+        "isAnonymous": [MockFunction],
+        "register": [MockFunction],
+      },
+      "basePath": BasePath {
+        "basePath": "/test",
+        "clientBasePath": "",
+        "get": [Function],
+        "getBasePath": [Function],
+        "prepend": [Function],
+        "remove": [Function],
+        "serverBasePath": "/test",
+      },
+      "delete": [MockFunction],
+      "fetch": [MockFunction],
+      "get": [MockFunction],
+      "getLoadingCount$": [MockFunction],
+      "head": [MockFunction],
+      "intercept": [MockFunction],
+      "options": [MockFunction],
+      "patch": [MockFunction],
+      "post": [MockFunction],
+      "put": [MockFunction],
+    }
+  }
+  intl={
+    Object {
+      "defaultFormats": Object {},
+      "defaultLocale": "en",
+      "formatDate": [Function],
+      "formatHTMLMessage": [Function],
+      "formatMessage": [Function],
+      "formatNumber": [Function],
+      "formatPlural": [Function],
+      "formatRelative": [Function],
+      "formatTime": [Function],
+      "formats": Object {
+        "date": Object {
+          "full": Object {
+            "day": "numeric",
+            "month": "long",
+            "weekday": "long",
+            "year": "numeric",
+          },
+          "long": Object {
+            "day": "numeric",
+            "month": "long",
+            "year": "numeric",
+          },
+          "medium": Object {
+            "day": "numeric",
+            "month": "short",
+            "year": "numeric",
+          },
+          "short": Object {
+            "day": "numeric",
+            "month": "numeric",
+            "year": "2-digit",
+          },
+        },
+        "number": Object {
+          "currency": Object {
+            "style": "currency",
+          },
+          "percent": Object {
+            "style": "percent",
+          },
+        },
+        "relative": Object {
+          "days": Object {
+            "units": "day",
+          },
+          "hours": Object {
+            "units": "hour",
+          },
+          "minutes": Object {
+            "units": "minute",
+          },
+          "months": Object {
+            "units": "month",
+          },
+          "seconds": Object {
+            "units": "second",
+          },
+          "years": Object {
+            "units": "year",
+          },
+        },
+        "time": Object {
+          "full": Object {
+            "hour": "numeric",
+            "minute": "numeric",
+            "second": "numeric",
+            "timeZoneName": "short",
+          },
+          "long": Object {
+            "hour": "numeric",
+            "minute": "numeric",
+            "second": "numeric",
+            "timeZoneName": "short",
+          },
+          "medium": Object {
+            "hour": "numeric",
+            "minute": "numeric",
+            "second": "numeric",
+          },
+          "short": Object {
+            "hour": "numeric",
+            "minute": "numeric",
+          },
+        },
+      },
+      "formatters": Object {
+        "getDateTimeFormat": [Function],
+        "getMessageFormat": [Function],
+        "getNumberFormat": [Function],
+        "getPluralFormat": [Function],
+        "getRelativeFormat": [Function],
+      },
+      "locale": "en",
+      "messages": Object {},
+      "now": [Function],
+      "onError": [Function],
+      "textComponent": Symbol(react.fragment),
+      "timeZone": null,
+    }
+  }
+  isLocked$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": false,
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  isVisible$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": true,
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  loadingCount$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": 0,
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [],
+      "thrownError": null,
+    }
+  }
+  logos={
+    Object {
+      "AnimatedMark": Object {
+        "dark": Object {
+          "type": "default",
+          "url": "/ui/logos/opensearch_spinner_on_dark.svg",
+        },
+        "light": Object {
+          "type": "default",
+          "url": "/ui/logos/opensearch_spinner_on_light.svg",
+        },
+        "type": "default",
+        "url": "/ui/logos/opensearch_spinner_on_light.svg",
+      },
+      "Application": Object {
+        "dark": Object {
+          "type": "default",
+          "url": "/ui/logos/opensearch_dashboards_on_dark.svg",
+        },
+        "light": Object {
+          "type": "default",
+          "url": "/ui/logos/opensearch_dashboards_on_light.svg",
+        },
+        "type": "default",
+        "url": "/ui/logos/opensearch_dashboards_on_light.svg",
+      },
+      "CenterMark": Object {
+        "dark": Object {
+          "type": "default",
+          "url": "/ui/logos/opensearch_center_mark_on_dark.svg",
+        },
+        "light": Object {
+          "type": "default",
+          "url": "/ui/logos/opensearch_center_mark_on_light.svg",
+        },
+        "type": "default",
+        "url": "/ui/logos/opensearch_center_mark_on_light.svg",
+      },
+      "Mark": Object {
+        "dark": Object {
+          "type": "default",
+          "url": "/ui/logos/opensearch_mark_on_dark.svg",
+        },
+        "light": Object {
+          "type": "default",
+          "url": "/ui/logos/opensearch_mark_on_light.svg",
+        },
+        "type": "default",
+        "url": "/ui/logos/opensearch_mark_on_light.svg",
+      },
+      "OpenSearch": Object {
+        "dark": Object {
+          "type": "default",
+          "url": "/ui/logos/opensearch_on_dark.svg",
+        },
+        "light": Object {
+          "type": "default",
+          "url": "/ui/logos/opensearch_on_light.svg",
+        },
+        "type": "default",
+        "url": "/ui/logos/opensearch_on_light.svg",
+      },
+      "colorScheme": "light",
+    }
+  }
+  navControlsCenter$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": Array [],
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  navControlsExpandedCenter$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": Array [],
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  navControlsExpandedRight$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": Array [],
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [],
+      "thrownError": null,
+    }
+  }
+  navControlsLeft$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": Array [],
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  navControlsLeftBottom$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": Array [],
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [],
+      "thrownError": null,
+    }
+  }
+  navControlsRight$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": Array [],
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  navGroupEnabled={false}
+  navGroupsMap$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": Object {},
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [],
+      "thrownError": null,
+    }
+  }
+  navLinks$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": Array [],
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  onIsLockedUpdate={[Function]}
+  opensearchDashboardsDocLink="/docs"
+  opensearchDashboardsVersion="1.0.0"
+  recentlyAccessed$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": Array [],
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  setCurrentNavGroup={[MockFunction]}
+  sidecarConfig$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": Object {
+        "dockedMode": "right",
+        "paddingSize": 640,
+      },
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  survey="/"
+  useUpdatedHeader={true}
+  workspaceList$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": Array [],
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+>
+  <header
+    className="hide-for-sharing headerGlobalNav"
+    data-test-subj="headerGlobalNav"
+  >
+    <div
+      id="globalHeaderBars"
+    >
+      <div>
+        <EuiHeader
+          className="primaryHeader newTopNavHeader"
+          style={
+            Object {
+              "paddingRight": 640,
+            }
+          }
+        >
+          <div
+            className="euiHeader euiHeader--default euiHeader--static primaryHeader newTopNavHeader"
+            style={
+              Object {
+                "paddingRight": 640,
               }
-              dropHomeFromBreadcrumb={false}
-              renderFullLength={false}
-              useUpdatedHeader={true}
+            }
+          >
+            <EuiHeaderSectionItemButton
+              aria-controls="mockId"
+              aria-expanded={false}
+              aria-label="Toggle primary navigation"
+              aria-pressed={false}
+              className="newPageTopNavExpander navToggleInLargeScreen eui-hideFor--xs eui-hideFor--s eui-hideFor--m"
+              data-test-subj="toggleNavButton"
+              onClick={[Function]}
             >
-              <EuiHeaderBreadcrumbs
-                breadcrumbs={
-                  Array [
-                    Object {
-                      "data-test-subj": "breadcrumb first",
-                      "text": "test",
-                    },
-                  ]
+              <EuiButtonEmpty
+                aria-controls="mockId"
+                aria-expanded={false}
+                aria-label="Toggle primary navigation"
+                aria-pressed={false}
+                buttonRef={
+                  Object {
+                    "current": <button
+                      aria-controls="mockId"
+                      aria-expanded="false"
+                      aria-label="Toggle primary navigation"
+                      aria-pressed="false"
+                      class="euiButtonEmpty euiButtonEmpty--text euiHeaderSectionItemButton newPageTopNavExpander navToggleInLargeScreen eui-hideFor--xs eui-hideFor--s eui-hideFor--m"
+                      data-test-subj="toggleNavButton"
+                      type="button"
+                    >
+                      <span
+                        class="euiButtonContent euiButtonEmpty__content"
+                      >
+                        <span
+                          class="euiButtonEmpty__text"
+                        >
+                          <span
+                            class="euiHeaderSectionItemButton__content"
+                          >
+                            <span
+                              data-euiicon-type="menu"
+                              title="Menu"
+                            />
+                          </span>
+                        </span>
+                      </span>
+                    </button>,
+                  }
                 }
-                data-test-subj="breadcrumbs"
-                max={10}
-                simplify={true}
+                className="euiHeaderSectionItemButton newPageTopNavExpander navToggleInLargeScreen eui-hideFor--xs eui-hideFor--s eui-hideFor--m"
+                color="text"
+                data-test-subj="toggleNavButton"
+                onClick={[Function]}
               >
-                <EuiSimplifiedBreadcrumbs
-                  breadcrumbs={
-                    Array [
-                      Object {
-                        "data-test-subj": "breadcrumb first",
-                        "text": "test",
-                      },
-                    ]
-                  }
-                  className="euiHeaderBreadcrumbs euiHeaderBreadcrumbs--simplified"
-                  data-test-subj="breadcrumbs"
-                  max={10}
-                  truncate={true}
+                <button
+                  aria-controls="mockId"
+                  aria-expanded={false}
+                  aria-label="Toggle primary navigation"
+                  aria-pressed={false}
+                  className="euiButtonEmpty euiButtonEmpty--text euiHeaderSectionItemButton newPageTopNavExpander navToggleInLargeScreen eui-hideFor--xs eui-hideFor--s eui-hideFor--m"
+                  data-test-subj="toggleNavButton"
+                  disabled={false}
+                  onClick={[Function]}
+                  type="button"
                 >
-                  <nav
-                    aria-label="breadcrumb"
-                    className="euiSimplifiedBreadcrumbs euiHeaderBreadcrumbs euiHeaderBreadcrumbs--simplified euiSimplifiedBreadcrumbs--truncate"
-                    data-test-subj="breadcrumbs"
+                  <EuiButtonContent
+                    className="euiButtonEmpty__content"
+                    iconGap="m"
+                    iconSide="left"
+                    iconSize="m"
+                    textProps={
+                      Object {
+                        "className": "euiButtonEmpty__text",
+                      }
+                    }
                   >
-                    <div
-                      className="euiSimplifiedBreadcrumbWall euiSimplifiedBreadcrumbWall--single"
+                    <span
+                      className="euiButtonContent euiButtonEmpty__content"
                     >
-                      <div
-                        className="euiSimplifiedBreadcrumbWrapper euiSimplifiedBreadcrumbWrapper--first euiSimplifiedBreadcrumbWrapper--last"
+                      <span
+                        className="euiButtonEmpty__text"
                       >
-                        <EuiInnerText>
+                        <span
+                          className="euiHeaderSectionItemButton__content"
+                        >
+                          <EuiIcon
+                            size="m"
+                            title="Menu"
+                            type="menu"
+                          >
+                            <span
+                              data-euiicon-type="menu"
+                              size="m"
+                              title="Menu"
+                            />
+                          </EuiIcon>
+                        </span>
+                      </span>
+                    </span>
+                  </EuiButtonContent>
+                </button>
+              </EuiButtonEmpty>
+            </EuiHeaderSectionItemButton>
+            <EuiHeaderSectionItemButton
+              aria-controls="mockId"
+              aria-expanded={false}
+              aria-label="Toggle primary navigation"
+              aria-pressed={false}
+              className="newPageTopNavExpander navToggleInSmallScreen eui-hideFor--xl eui-hideFor--l"
+              data-test-subj="toggleNavButton"
+              flush="both"
+              isSmallScreen={true}
+              onClick={[Function]}
+            >
+              <EuiButtonEmpty
+                aria-controls="mockId"
+                aria-expanded={false}
+                aria-label="Toggle primary navigation"
+                aria-pressed={false}
+                buttonRef={
+                  Object {
+                    "current": <button
+                      aria-controls="mockId"
+                      aria-expanded="false"
+                      aria-label="Toggle primary navigation"
+                      aria-pressed="false"
+                      class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--flushBoth euiHeaderSectionItemButton newPageTopNavExpander navToggleInSmallScreen eui-hideFor--xl eui-hideFor--l"
+                      data-test-subj="toggleNavButton"
+                      type="button"
+                    >
+                      <span
+                        class="euiButtonContent euiButtonEmpty__content"
+                      >
+                        <span
+                          class="euiButtonEmpty__text"
+                        >
                           <span
-                            aria-current="page"
-                            className="euiSimplifiedBreadcrumb euiSimplifiedBreadcrumb--last"
-                            data-test-subj="breadcrumb first"
-                            title="test"
+                            class="euiHeaderSectionItemButton__content"
                           >
-                            test
+                            <button
+                              class="euiButtonIcon euiButtonIcon--subdued euiButtonIcon--xSmall"
+                              title="Menu"
+                              type="button"
+                            >
+                              <span
+                                aria-hidden="true"
+                                class="euiButtonIcon__icon"
+                                color="inherit"
+                                data-euiicon-type="menu"
+                              />
+                            </button>
                           </span>
-                        </EuiInnerText>
-                      </div>
-                    </div>
-                    <EuiBreadcrumbSeparator>
-                      <div
-                        className="euiBreadcrumbSeparator"
-                      />
-                    </EuiBreadcrumbSeparator>
-                  </nav>
-                </EuiSimplifiedBreadcrumbs>
-              </EuiHeaderBreadcrumbs>
-            </HeaderBreadcrumbs>
-          </div>
-        </EuiHeader>
-        <EuiHeader
-          className="newTopNavHeader"
-        >
-          <div
-            className="euiHeader euiHeader--default euiHeader--static newTopNavHeader"
-          >
+                        </span>
+                      </span>
+                    </button>,
+                  }
+                }
+                className="euiHeaderSectionItemButton newPageTopNavExpander navToggleInSmallScreen eui-hideFor--xl eui-hideFor--l"
+                color="text"
+                data-test-subj="toggleNavButton"
+                flush="both"
+                isSmallScreen={true}
+                onClick={[Function]}
+              >
+                <button
+                  aria-controls="mockId"
+                  aria-expanded={false}
+                  aria-label="Toggle primary navigation"
+                  aria-pressed={false}
+                  className="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--flushBoth euiHeaderSectionItemButton newPageTopNavExpander navToggleInSmallScreen eui-hideFor--xl eui-hideFor--l"
+                  data-test-subj="toggleNavButton"
+                  disabled={false}
+                  isSmallScreen={true}
+                  onClick={[Function]}
+                  type="button"
+                >
+                  <EuiButtonContent
+                    className="euiButtonEmpty__content"
+                    iconGap="m"
+                    iconSide="left"
+                    iconSize="m"
+                    textProps={
+                      Object {
+                        "className": "euiButtonEmpty__text",
+                      }
+                    }
+                  >
+                    <span
+                      className="euiButtonContent euiButtonEmpty__content"
+                    >
+                      <span
+                        className="euiButtonEmpty__text"
+                      >
+                        <span
+                          className="euiHeaderSectionItemButton__content"
+                        >
+                          <EuiButtonIcon
+                            color="subdued"
+                            display="base"
+                            iconSize="s"
+                            iconType="menu"
+                            size="xs"
+                            title="Menu"
+                          >
+                            <button
+                              className="euiButtonIcon euiButtonIcon--subdued euiButtonIcon--xSmall"
+                              disabled={false}
+                              title="Menu"
+                              type="button"
+                            >
+                              <EuiIcon
+                                aria-hidden="true"
+                                className="euiButtonIcon__icon"
+                                color="inherit"
+                                size="s"
+                                type="menu"
+                              >
+                                <span
+                                  aria-hidden="true"
+                                  className="euiButtonIcon__icon"
+                                  color="inherit"
+                                  data-euiicon-type="menu"
+                                  size="s"
+                                />
+                              </EuiIcon>
+                            </button>
+                          </EuiButtonIcon>
+                        </span>
+                      </span>
+                    </span>
+                  </EuiButtonContent>
+                </button>
+              </EuiButtonEmpty>
+            </EuiHeaderSectionItemButton>
             <EuiHeaderSection
-              side="left"
+              grow={false}
             >
               <div
                 className="euiHeaderSection euiHeaderSection--dontGrow euiHeaderSection--left"
               >
                 <EuiHeaderSectionItem
                   border="none"
-                  data-test-subj="headerApplicationTitle"
                 >
                   <div
                     className="euiHeaderSectionItem"
-                    data-test-subj="headerApplicationTitle"
                   >
-                    <EuiTitle
-                      className="newTopNavHeaderTitle"
-                      size="l"
-                    >
-                      <h1
-                        className="euiTitle euiTitle--large newTopNavHeaderTitle"
-                      >
-                        testTitle
-                      </h1>
-                    </EuiTitle>
-                  </div>
-                </EuiHeaderSectionItem>
-                <EuiHeaderSectionItem
-                  border="none"
-                >
-                  <div
-                    className="euiHeaderSectionItem"
-                  >
-                    <HeaderControlsContainer
-                      controls$={
+                    <RecentItems
+                      basePath={
+                        BasePath {
+                          "basePath": "/test",
+                          "clientBasePath": "",
+                          "get": [Function],
+                          "getBasePath": [Function],
+                          "prepend": [Function],
+                          "remove": [Function],
+                          "serverBasePath": "/test",
+                        }
+                      }
+                      buttonSize="xs"
+                      http={
+                        Object {
+                          "addLoadingCountSource": [MockFunction],
+                          "anonymousPaths": Object {
+                            "isAnonymous": [MockFunction],
+                            "register": [MockFunction],
+                          },
+                          "basePath": BasePath {
+                            "basePath": "/test",
+                            "clientBasePath": "",
+                            "get": [Function],
+                            "getBasePath": [Function],
+                            "prepend": [Function],
+                            "remove": [Function],
+                            "serverBasePath": "/test",
+                          },
+                          "delete": [MockFunction],
+                          "fetch": [MockFunction],
+                          "get": [MockFunction],
+                          "getLoadingCount$": [MockFunction],
+                          "head": [MockFunction],
+                          "intercept": [MockFunction],
+                          "options": [MockFunction],
+                          "patch": [MockFunction],
+                          "post": [MockFunction],
+                          "put": [MockFunction],
+                        }
+                      }
+                      navLinks$={
                         BehaviorSubject {
                           "_isScalar": false,
-                          "_value": undefined,
+                          "_value": Array [],
                           "closed": false,
                           "hasError": false,
                           "isStopped": false,
@@ -18184,30 +19346,52 @@ exports[`Header renders page header with application title 1`] = `
                               "syncErrorThrown": false,
                               "syncErrorValue": null,
                             },
+                            Subscriber {
+                              "_parentOrParents": null,
+                              "_subscriptions": Array [
+                                SubjectSubscription {
+                                  "_parentOrParents": [Circular],
+                                  "_subscriptions": null,
+                                  "closed": false,
+                                  "subject": [Circular],
+                                  "subscriber": [Circular],
+                                },
+                              ],
+                              "closed": false,
+                              "destination": SafeSubscriber {
+                                "_complete": undefined,
+                                "_context": [Circular],
+                                "_error": undefined,
+                                "_next": [Function],
+                                "_parentOrParents": null,
+                                "_parentSubscriber": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "destination": Object {
+                                  "closed": true,
+                                  "complete": [Function],
+                                  "error": [Function],
+                                  "next": [Function],
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": false,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": true,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
                           ],
                           "thrownError": null,
                         }
                       }
-                      data-test-subj="headerBadgeControl"
-                    >
-                      <div
-                        className="euiHeaderSection euiHeaderSection--dontGrow headerControl"
-                        data-test-subj="headerBadgeControl"
-                      />
-                    </HeaderControlsContainer>
-                  </div>
-                </EuiHeaderSectionItem>
-                <EuiHeaderSectionItem
-                  border="none"
-                >
-                  <div
-                    className="euiHeaderSectionItem"
-                  >
-                    <HeaderBadge
-                      badge$={
+                      navigateToUrl={[MockFunction]}
+                      recentlyAccessed$={
                         BehaviorSubject {
                           "_isScalar": false,
-                          "_value": undefined,
+                          "_value": Array [],
                           "closed": false,
                           "hasError": false,
                           "isStopped": false,
@@ -18219,116 +19403,276 @@ exports[`Header renders page header with application title 1`] = `
                                   "_parentOrParents": [Circular],
                                   "_subscriptions": null,
                                   "closed": false,
-                                  "subject": [Circular],
-                                  "subscriber": [Circular],
+                                  "subject": [Circular],
+                                  "subscriber": [Circular],
+                                },
+                              ],
+                              "closed": false,
+                              "destination": SafeSubscriber {
+                                "_complete": undefined,
+                                "_context": [Circular],
+                                "_error": undefined,
+                                "_next": [Function],
+                                "_parentOrParents": null,
+                                "_parentSubscriber": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "destination": Object {
+                                  "closed": true,
+                                  "complete": [Function],
+                                  "error": [Function],
+                                  "next": [Function],
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": false,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": true,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            Subscriber {
+                              "_parentOrParents": null,
+                              "_subscriptions": Array [
+                                SubjectSubscription {
+                                  "_parentOrParents": [Circular],
+                                  "_subscriptions": null,
+                                  "closed": false,
+                                  "subject": [Circular],
+                                  "subscriber": [Circular],
+                                },
+                              ],
+                              "closed": false,
+                              "destination": SafeSubscriber {
+                                "_complete": undefined,
+                                "_context": [Circular],
+                                "_error": undefined,
+                                "_next": [Function],
+                                "_parentOrParents": null,
+                                "_parentSubscriber": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "destination": Object {
+                                  "closed": true,
+                                  "complete": [Function],
+                                  "error": [Function],
+                                  "next": [Function],
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": false,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": true,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                          ],
+                          "thrownError": null,
+                        }
+                      }
+                      renderBreadcrumbs={
+                        <HeaderBreadcrumbs
+                          appTitle$={
+                            BehaviorSubject {
+                              "_isScalar": false,
+                              "_value": "test",
+                              "closed": false,
+                              "hasError": false,
+                              "isStopped": false,
+                              "observers": Array [
+                                Subscriber {
+                                  "_parentOrParents": null,
+                                  "_subscriptions": Array [
+                                    SubjectSubscription {
+                                      "_parentOrParents": [Circular],
+                                      "_subscriptions": null,
+                                      "closed": false,
+                                      "subject": [Circular],
+                                      "subscriber": [Circular],
+                                    },
+                                  ],
+                                  "closed": false,
+                                  "destination": SafeSubscriber {
+                                    "_complete": undefined,
+                                    "_context": [Circular],
+                                    "_error": undefined,
+                                    "_next": [Function],
+                                    "_parentOrParents": null,
+                                    "_parentSubscriber": [Circular],
+                                    "_subscriptions": null,
+                                    "closed": false,
+                                    "destination": Object {
+                                      "closed": true,
+                                      "complete": [Function],
+                                      "error": [Function],
+                                      "next": [Function],
+                                    },
+                                    "isStopped": false,
+                                    "syncErrorThrowable": false,
+                                    "syncErrorThrown": false,
+                                    "syncErrorValue": null,
+                                  },
+                                  "isStopped": false,
+                                  "syncErrorThrowable": true,
+                                  "syncErrorThrown": false,
+                                  "syncErrorValue": null,
+                                },
+                              ],
+                              "thrownError": null,
+                            }
+                          }
+                          breadcrumbs$={
+                            BehaviorSubject {
+                              "_isScalar": false,
+                              "_value": Array [
+                                Object {
+                                  "text": "test",
+                                },
+                                Object {
+                                  "text": "testTitle",
+                                },
+                              ],
+                              "closed": false,
+                              "hasError": false,
+                              "isStopped": false,
+                              "observers": Array [
+                                Subscriber {
+                                  "_parentOrParents": null,
+                                  "_subscriptions": Array [
+                                    SubjectSubscription {
+                                      "_parentOrParents": [Circular],
+                                      "_subscriptions": null,
+                                      "closed": false,
+                                      "subject": [Circular],
+                                      "subscriber": [Circular],
+                                    },
+                                  ],
+                                  "closed": false,
+                                  "destination": SafeSubscriber {
+                                    "_complete": undefined,
+                                    "_context": [Circular],
+                                    "_error": undefined,
+                                    "_next": [Function],
+                                    "_parentOrParents": null,
+                                    "_parentSubscriber": [Circular],
+                                    "_subscriptions": null,
+                                    "closed": false,
+                                    "destination": Object {
+                                      "closed": true,
+                                      "complete": [Function],
+                                      "error": [Function],
+                                      "next": [Function],
+                                    },
+                                    "isStopped": false,
+                                    "syncErrorThrowable": false,
+                                    "syncErrorThrown": false,
+                                    "syncErrorValue": null,
+                                  },
+                                  "isStopped": false,
+                                  "syncErrorThrowable": true,
+                                  "syncErrorThrown": false,
+                                  "syncErrorValue": null,
+                                },
+                                Subscriber {
+                                  "_parentOrParents": null,
+                                  "_subscriptions": Array [
+                                    SubjectSubscription {
+                                      "_parentOrParents": [Circular],
+                                      "_subscriptions": null,
+                                      "closed": false,
+                                      "subject": [Circular],
+                                      "subscriber": [Circular],
+                                    },
+                                  ],
+                                  "closed": false,
+                                  "destination": SafeSubscriber {
+                                    "_complete": undefined,
+                                    "_context": [Circular],
+                                    "_error": undefined,
+                                    "_next": [Function],
+                                    "_parentOrParents": null,
+                                    "_parentSubscriber": [Circular],
+                                    "_subscriptions": null,
+                                    "closed": false,
+                                    "destination": Object {
+                                      "closed": true,
+                                      "complete": [Function],
+                                      "error": [Function],
+                                      "next": [Function],
+                                    },
+                                    "isStopped": false,
+                                    "syncErrorThrowable": false,
+                                    "syncErrorThrown": false,
+                                    "syncErrorValue": null,
+                                  },
+                                  "isStopped": false,
+                                  "syncErrorThrowable": true,
+                                  "syncErrorThrown": false,
+                                  "syncErrorValue": null,
                                 },
                               ],
+                              "thrownError": null,
+                            }
+                          }
+                          breadcrumbsEnricher$={
+                            BehaviorSubject {
+                              "_isScalar": false,
+                              "_value": undefined,
                               "closed": false,
-                              "destination": SafeSubscriber {
-                                "_complete": undefined,
-                                "_context": [Circular],
-                                "_error": undefined,
-                                "_next": [Function],
-                                "_parentOrParents": null,
-                                "_parentSubscriber": [Circular],
-                                "_subscriptions": null,
-                                "closed": false,
-                                "destination": Object {
-                                  "closed": true,
-                                  "complete": [Function],
-                                  "error": [Function],
-                                  "next": [Function],
-                                },
-                                "isStopped": false,
-                                "syncErrorThrowable": false,
-                                "syncErrorThrown": false,
-                                "syncErrorValue": null,
-                              },
+                              "hasError": false,
                               "isStopped": false,
-                              "syncErrorThrowable": true,
-                              "syncErrorThrown": false,
-                              "syncErrorValue": null,
-                            },
-                          ],
-                          "thrownError": null,
-                        }
-                      }
-                    />
-                  </div>
-                </EuiHeaderSectionItem>
-                <EuiHeaderSectionItem
-                  border="none"
-                >
-                  <div
-                    className="euiHeaderSectionItem"
-                  >
-                    <HeaderControlsContainer
-                      controls$={
-                        BehaviorSubject {
-                          "_isScalar": false,
-                          "_value": undefined,
-                          "closed": false,
-                          "hasError": false,
-                          "isStopped": false,
-                          "observers": Array [
-                            Subscriber {
-                              "_parentOrParents": null,
-                              "_subscriptions": Array [
-                                SubjectSubscription {
-                                  "_parentOrParents": [Circular],
-                                  "_subscriptions": null,
+                              "observers": Array [
+                                Subscriber {
+                                  "_parentOrParents": null,
+                                  "_subscriptions": Array [
+                                    SubjectSubscription {
+                                      "_parentOrParents": [Circular],
+                                      "_subscriptions": null,
+                                      "closed": false,
+                                      "subject": [Circular],
+                                      "subscriber": [Circular],
+                                    },
+                                  ],
                                   "closed": false,
-                                  "subject": [Circular],
-                                  "subscriber": [Circular],
+                                  "destination": SafeSubscriber {
+                                    "_complete": undefined,
+                                    "_context": [Circular],
+                                    "_error": undefined,
+                                    "_next": [Function],
+                                    "_parentOrParents": null,
+                                    "_parentSubscriber": [Circular],
+                                    "_subscriptions": null,
+                                    "closed": false,
+                                    "destination": Object {
+                                      "closed": true,
+                                      "complete": [Function],
+                                      "error": [Function],
+                                      "next": [Function],
+                                    },
+                                    "isStopped": false,
+                                    "syncErrorThrowable": false,
+                                    "syncErrorThrown": false,
+                                    "syncErrorValue": null,
+                                  },
+                                  "isStopped": false,
+                                  "syncErrorThrowable": true,
+                                  "syncErrorThrown": false,
+                                  "syncErrorValue": null,
                                 },
                               ],
-                              "closed": false,
-                              "destination": SafeSubscriber {
-                                "_complete": undefined,
-                                "_context": [Circular],
-                                "_error": undefined,
-                                "_next": [Function],
-                                "_parentOrParents": null,
-                                "_parentSubscriber": [Circular],
-                                "_subscriptions": null,
-                                "closed": false,
-                                "destination": Object {
-                                  "closed": true,
-                                  "complete": [Function],
-                                  "error": [Function],
-                                  "next": [Function],
-                                },
-                                "isStopped": false,
-                                "syncErrorThrowable": false,
-                                "syncErrorThrown": false,
-                                "syncErrorValue": null,
-                              },
-                              "isStopped": false,
-                              "syncErrorThrowable": true,
-                              "syncErrorThrown": false,
-                              "syncErrorValue": null,
-                            },
-                          ],
-                          "thrownError": null,
-                        }
+                              "thrownError": null,
+                            }
+                          }
+                          dropHomeFromBreadcrumb={false}
+                          renderFullLength={true}
+                          useUpdatedHeader={true}
+                        />
                       }
-                      data-test-subj="headerLeftControl"
-                    >
-                      <div
-                        className="euiHeaderSection euiHeaderSection--dontGrow headerControl"
-                        data-test-subj="headerLeftControl"
-                      />
-                    </HeaderControlsContainer>
-                  </div>
-                </EuiHeaderSectionItem>
-                <EuiHeaderSectionItem
-                  border="none"
-                >
-                  <div
-                    className="euiHeaderSectionItem"
-                  >
-                    <HeaderNavControls
-                      navControls$={
+                      workspaceList$={
                         BehaviorSubject {
                           "_isScalar": false,
                           "_value": Array [],
@@ -18377,452 +19721,504 @@ exports[`Header renders page header with application title 1`] = `
                           "thrownError": null,
                         }
                       }
-                      side="left"
-                    />
+                    >
+                      <EuiPopover
+                        anchorPosition="downCenter"
+                        button={
+                          <EuiToolTip
+                            content="Recent"
+                            delay="long"
+                            position="bottom"
+                          >
+                            <EuiButtonIcon
+                              aria-expanded={false}
+                              aria-haspopup="true"
+                              aria-label="View recents"
+                              className="headerRecentItemsButton"
+                              color="text"
+                              data-test-subj="recentItemsSectionButton"
+                              iconType="recent"
+                              onClick={[Function]}
+                              size="xs"
+                            />
+                          </EuiToolTip>
+                        }
+                        closePopover={[Function]}
+                        display="inlineBlock"
+                        hasArrow={true}
+                        initialFocus={false}
+                        isOpen={false}
+                        ownFocus={true}
+                        panelPaddingSize="m"
+                        repositionOnScroll={true}
+                      >
+                        <div
+                          className="euiPopover euiPopover--anchorDownCenter"
+                        >
+                          <div
+                            className="euiPopover__anchor"
+                          >
+                            <EuiToolTip
+                              content="Recent"
+                              delay="long"
+                              position="bottom"
+                            >
+                              <span
+                                className="euiToolTipAnchor"
+                                onKeyUp={[Function]}
+                                onMouseOut={[Function]}
+                                onMouseOver={[Function]}
+                              >
+                                <EuiButtonIcon
+                                  aria-expanded={false}
+                                  aria-haspopup="true"
+                                  aria-label="View recents"
+                                  className="headerRecentItemsButton"
+                                  color="text"
+                                  data-test-subj="recentItemsSectionButton"
+                                  iconType="recent"
+                                  onBlur={[Function]}
+                                  onClick={[Function]}
+                                  onFocus={[Function]}
+                                  size="xs"
+                                >
+                                  <button
+                                    aria-expanded={false}
+                                    aria-haspopup="true"
+                                    aria-label="View recents"
+                                    className="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall headerRecentItemsButton"
+                                    data-test-subj="recentItemsSectionButton"
+                                    disabled={false}
+                                    onBlur={[Function]}
+                                    onClick={[Function]}
+                                    onFocus={[Function]}
+                                    type="button"
+                                  >
+                                    <EuiIcon
+                                      aria-hidden="true"
+                                      className="euiButtonIcon__icon"
+                                      color="inherit"
+                                      size="m"
+                                      type="recent"
+                                    >
+                                      <span
+                                        aria-hidden="true"
+                                        className="euiButtonIcon__icon"
+                                        color="inherit"
+                                        data-euiicon-type="recent"
+                                        size="m"
+                                      />
+                                    </EuiIcon>
+                                  </button>
+                                </EuiButtonIcon>
+                              </span>
+                            </EuiToolTip>
+                          </div>
+                        </div>
+                      </EuiPopover>
+                    </RecentItems>
                   </div>
                 </EuiHeaderSectionItem>
               </div>
             </EuiHeaderSection>
-            <EuiHeaderSection
-              side="right"
+            <HeaderBreadcrumbs
+              appTitle$={
+                BehaviorSubject {
+                  "_isScalar": false,
+                  "_value": "test",
+                  "closed": false,
+                  "hasError": false,
+                  "isStopped": false,
+                  "observers": Array [
+                    Subscriber {
+                      "_parentOrParents": null,
+                      "_subscriptions": Array [
+                        SubjectSubscription {
+                          "_parentOrParents": [Circular],
+                          "_subscriptions": null,
+                          "closed": false,
+                          "subject": [Circular],
+                          "subscriber": [Circular],
+                        },
+                      ],
+                      "closed": false,
+                      "destination": SafeSubscriber {
+                        "_complete": undefined,
+                        "_context": [Circular],
+                        "_error": undefined,
+                        "_next": [Function],
+                        "_parentOrParents": null,
+                        "_parentSubscriber": [Circular],
+                        "_subscriptions": null,
+                        "closed": false,
+                        "destination": Object {
+                          "closed": true,
+                          "complete": [Function],
+                          "error": [Function],
+                          "next": [Function],
+                        },
+                        "isStopped": false,
+                        "syncErrorThrowable": false,
+                        "syncErrorThrown": false,
+                        "syncErrorValue": null,
+                      },
+                      "isStopped": false,
+                      "syncErrorThrowable": true,
+                      "syncErrorThrown": false,
+                      "syncErrorValue": null,
+                    },
+                  ],
+                  "thrownError": null,
+                }
+              }
+              breadcrumbs$={
+                BehaviorSubject {
+                  "_isScalar": false,
+                  "_value": Array [
+                    Object {
+                      "text": "test",
+                    },
+                    Object {
+                      "text": "testTitle",
+                    },
+                  ],
+                  "closed": false,
+                  "hasError": false,
+                  "isStopped": false,
+                  "observers": Array [
+                    Subscriber {
+                      "_parentOrParents": null,
+                      "_subscriptions": Array [
+                        SubjectSubscription {
+                          "_parentOrParents": [Circular],
+                          "_subscriptions": null,
+                          "closed": false,
+                          "subject": [Circular],
+                          "subscriber": [Circular],
+                        },
+                      ],
+                      "closed": false,
+                      "destination": SafeSubscriber {
+                        "_complete": undefined,
+                        "_context": [Circular],
+                        "_error": undefined,
+                        "_next": [Function],
+                        "_parentOrParents": null,
+                        "_parentSubscriber": [Circular],
+                        "_subscriptions": null,
+                        "closed": false,
+                        "destination": Object {
+                          "closed": true,
+                          "complete": [Function],
+                          "error": [Function],
+                          "next": [Function],
+                        },
+                        "isStopped": false,
+                        "syncErrorThrowable": false,
+                        "syncErrorThrown": false,
+                        "syncErrorValue": null,
+                      },
+                      "isStopped": false,
+                      "syncErrorThrowable": true,
+                      "syncErrorThrown": false,
+                      "syncErrorValue": null,
+                    },
+                    Subscriber {
+                      "_parentOrParents": null,
+                      "_subscriptions": Array [
+                        SubjectSubscription {
+                          "_parentOrParents": [Circular],
+                          "_subscriptions": null,
+                          "closed": false,
+                          "subject": [Circular],
+                          "subscriber": [Circular],
+                        },
+                      ],
+                      "closed": false,
+                      "destination": SafeSubscriber {
+                        "_complete": undefined,
+                        "_context": [Circular],
+                        "_error": undefined,
+                        "_next": [Function],
+                        "_parentOrParents": null,
+                        "_parentSubscriber": [Circular],
+                        "_subscriptions": null,
+                        "closed": false,
+                        "destination": Object {
+                          "closed": true,
+                          "complete": [Function],
+                          "error": [Function],
+                          "next": [Function],
+                        },
+                        "isStopped": false,
+                        "syncErrorThrowable": false,
+                        "syncErrorThrown": false,
+                        "syncErrorValue": null,
+                      },
+                      "isStopped": false,
+                      "syncErrorThrowable": true,
+                      "syncErrorThrown": false,
+                      "syncErrorValue": null,
+                    },
+                  ],
+                  "thrownError": null,
+                }
+              }
+              breadcrumbsEnricher$={
+                BehaviorSubject {
+                  "_isScalar": false,
+                  "_value": undefined,
+                  "closed": false,
+                  "hasError": false,
+                  "isStopped": false,
+                  "observers": Array [
+                    Subscriber {
+                      "_parentOrParents": null,
+                      "_subscriptions": Array [
+                        SubjectSubscription {
+                          "_parentOrParents": [Circular],
+                          "_subscriptions": null,
+                          "closed": false,
+                          "subject": [Circular],
+                          "subscriber": [Circular],
+                        },
+                      ],
+                      "closed": false,
+                      "destination": SafeSubscriber {
+                        "_complete": undefined,
+                        "_context": [Circular],
+                        "_error": undefined,
+                        "_next": [Function],
+                        "_parentOrParents": null,
+                        "_parentSubscriber": [Circular],
+                        "_subscriptions": null,
+                        "closed": false,
+                        "destination": Object {
+                          "closed": true,
+                          "complete": [Function],
+                          "error": [Function],
+                          "next": [Function],
+                        },
+                        "isStopped": false,
+                        "syncErrorThrowable": false,
+                        "syncErrorThrown": false,
+                        "syncErrorValue": null,
+                      },
+                      "isStopped": false,
+                      "syncErrorThrowable": true,
+                      "syncErrorThrown": false,
+                      "syncErrorValue": null,
+                    },
+                  ],
+                  "thrownError": null,
+                }
+              }
+              dropHomeFromBreadcrumb={false}
+              renderFullLength={false}
+              useUpdatedHeader={true}
             >
-              <div
-                className="euiHeaderSection euiHeaderSection--dontGrow euiHeaderSection--right"
+              <EuiHeaderBreadcrumbs
+                breadcrumbs={
+                  Array [
+                    Object {
+                      "data-test-subj": "breadcrumb first",
+                      "text": "test",
+                    },
+                  ]
+                }
+                data-test-subj="breadcrumbs"
+                max={10}
+                simplify={true}
               >
-                <EuiHeaderSectionItem
-                  border="none"
-                >
-                  <div
-                    className="euiHeaderSectionItem"
-                  >
-                    <HeaderNavControls
-                      navControls$={
-                        BehaviorSubject {
-                          "_isScalar": false,
-                          "_value": Array [],
-                          "closed": false,
-                          "hasError": false,
-                          "isStopped": false,
-                          "observers": Array [
-                            Subscriber {
-                              "_parentOrParents": null,
-                              "_subscriptions": Array [
-                                SubjectSubscription {
-                                  "_parentOrParents": [Circular],
-                                  "_subscriptions": null,
-                                  "closed": false,
-                                  "subject": [Circular],
-                                  "subscriber": [Circular],
-                                },
-                              ],
-                              "closed": false,
-                              "destination": SafeSubscriber {
-                                "_complete": undefined,
-                                "_context": [Circular],
-                                "_error": undefined,
-                                "_next": [Function],
-                                "_parentOrParents": null,
-                                "_parentSubscriber": [Circular],
-                                "_subscriptions": null,
-                                "closed": false,
-                                "destination": Object {
-                                  "closed": true,
-                                  "complete": [Function],
-                                  "error": [Function],
-                                  "next": [Function],
-                                },
-                                "isStopped": false,
-                                "syncErrorThrowable": false,
-                                "syncErrorThrown": false,
-                                "syncErrorValue": null,
-                              },
-                              "isStopped": false,
-                              "syncErrorThrowable": true,
-                              "syncErrorThrown": false,
-                              "syncErrorValue": null,
-                            },
-                          ],
-                          "thrownError": null,
-                        }
-                      }
-                    />
-                  </div>
-                </EuiHeaderSectionItem>
-                <EuiHeaderSectionItem
-                  border="none"
+                <EuiSimplifiedBreadcrumbs
+                  breadcrumbs={
+                    Array [
+                      Object {
+                        "data-test-subj": "breadcrumb first",
+                        "text": "test",
+                      },
+                    ]
+                  }
+                  className="euiHeaderBreadcrumbs euiHeaderBreadcrumbs--simplified"
+                  data-test-subj="breadcrumbs"
+                  max={10}
+                  truncate={true}
                 >
-                  <div
-                    className="euiHeaderSectionItem"
+                  <nav
+                    aria-label="breadcrumb"
+                    className="euiSimplifiedBreadcrumbs euiHeaderBreadcrumbs euiHeaderBreadcrumbs--simplified euiSimplifiedBreadcrumbs--truncate"
+                    data-test-subj="breadcrumbs"
                   >
-                    <HeaderControlsContainer
-                      controls$={
-                        BehaviorSubject {
-                          "_isScalar": false,
-                          "_value": undefined,
-                          "closed": false,
-                          "hasError": false,
-                          "isStopped": false,
-                          "observers": Array [
-                            Subscriber {
-                              "_parentOrParents": null,
-                              "_subscriptions": Array [
-                                SubjectSubscription {
-                                  "_parentOrParents": [Circular],
-                                  "_subscriptions": null,
-                                  "closed": false,
-                                  "subject": [Circular],
-                                  "subscriber": [Circular],
-                                },
-                              ],
-                              "closed": false,
-                              "destination": SafeSubscriber {
-                                "_complete": undefined,
-                                "_context": [Circular],
-                                "_error": undefined,
-                                "_next": [Function],
-                                "_parentOrParents": null,
-                                "_parentSubscriber": [Circular],
-                                "_subscriptions": null,
-                                "closed": false,
-                                "destination": Object {
-                                  "closed": true,
-                                  "complete": [Function],
-                                  "error": [Function],
-                                  "next": [Function],
-                                },
-                                "isStopped": false,
-                                "syncErrorThrowable": false,
-                                "syncErrorThrown": false,
-                                "syncErrorValue": null,
-                              },
-                              "isStopped": false,
-                              "syncErrorThrowable": true,
-                              "syncErrorThrown": false,
-                              "syncErrorValue": null,
-                            },
-                          ],
-                          "thrownError": null,
-                        }
-                      }
-                      data-test-subj="headerCenterControl"
+                    <div
+                      className="euiSimplifiedBreadcrumbWall euiSimplifiedBreadcrumbWall--single"
                     >
                       <div
-                        className="euiHeaderSection euiHeaderSection--dontGrow headerControl"
-                        data-test-subj="headerCenterControl"
-                      />
-                    </HeaderControlsContainer>
-                  </div>
-                </EuiHeaderSectionItem>
-                <EuiHeaderSectionItem
-                  border="none"
-                >
-                  <div
-                    className="euiHeaderSectionItem"
-                  >
-                    <HeaderNavControls
-                      navControls$={
-                        BehaviorSubject {
-                          "_isScalar": false,
-                          "_value": Array [],
-                          "closed": false,
-                          "hasError": false,
-                          "isStopped": false,
-                          "observers": Array [
-                            Subscriber {
-                              "_parentOrParents": null,
-                              "_subscriptions": Array [
-                                SubjectSubscription {
-                                  "_parentOrParents": [Circular],
-                                  "_subscriptions": null,
-                                  "closed": false,
-                                  "subject": [Circular],
-                                  "subscriber": [Circular],
-                                },
-                              ],
-                              "closed": false,
-                              "destination": SafeSubscriber {
-                                "_complete": undefined,
-                                "_context": [Circular],
-                                "_error": undefined,
-                                "_next": [Function],
-                                "_parentOrParents": null,
-                                "_parentSubscriber": [Circular],
-                                "_subscriptions": null,
-                                "closed": false,
-                                "destination": Object {
-                                  "closed": true,
-                                  "complete": [Function],
-                                  "error": [Function],
-                                  "next": [Function],
-                                },
-                                "isStopped": false,
-                                "syncErrorThrowable": false,
-                                "syncErrorThrown": false,
-                                "syncErrorValue": null,
-                              },
-                              "isStopped": false,
-                              "syncErrorThrowable": true,
-                              "syncErrorThrown": false,
-                              "syncErrorValue": null,
-                            },
-                          ],
-                          "thrownError": null,
-                        }
-                      }
-                    />
-                  </div>
-                </EuiHeaderSectionItem>
-                <EuiHeaderSectionItem
-                  border="none"
-                  className="headerAppActionMenuSection"
-                >
-                  <div
-                    className="euiHeaderSectionItem headerAppActionMenuSection"
-                  >
-                    <HeaderActionMenu
-                      actionMenu$={
-                        BehaviorSubject {
-                          "_isScalar": false,
-                          "_value": undefined,
-                          "closed": false,
-                          "hasError": false,
-                          "isStopped": false,
-                          "observers": Array [
-                            Subscriber {
-                              "_parentOrParents": null,
-                              "_subscriptions": Array [
-                                SubjectSubscription {
-                                  "_parentOrParents": [Circular],
-                                  "_subscriptions": null,
-                                  "closed": false,
-                                  "subject": [Circular],
-                                  "subscriber": [Circular],
-                                },
-                              ],
-                              "closed": false,
-                              "destination": SafeSubscriber {
-                                "_complete": undefined,
-                                "_context": [Circular],
-                                "_error": undefined,
-                                "_next": [Function],
-                                "_parentOrParents": null,
-                                "_parentSubscriber": [Circular],
-                                "_subscriptions": null,
-                                "closed": false,
-                                "destination": Object {
-                                  "closed": true,
-                                  "complete": [Function],
-                                  "error": [Function],
-                                  "next": [Function],
-                                },
-                                "isStopped": false,
-                                "syncErrorThrowable": false,
-                                "syncErrorThrown": false,
-                                "syncErrorValue": null,
-                              },
-                              "isStopped": false,
-                              "syncErrorThrowable": true,
-                              "syncErrorThrown": false,
-                              "syncErrorValue": null,
-                            },
-                          ],
-                          "thrownError": null,
-                        }
-                      }
-                    >
+                        className="euiSimplifiedBreadcrumbWrapper euiSimplifiedBreadcrumbWrapper--first euiSimplifiedBreadcrumbWrapper--last"
+                      >
+                        <EuiInnerText>
+                          <span
+                            aria-current="page"
+                            className="euiSimplifiedBreadcrumb euiSimplifiedBreadcrumb--last"
+                            data-test-subj="breadcrumb first"
+                            title="test"
+                          >
+                            test
+                          </span>
+                        </EuiInnerText>
+                      </div>
+                    </div>
+                    <EuiBreadcrumbSeparator>
                       <div
-                        className="headerAppActionMenu"
-                        data-test-subj="headerAppActionMenu"
+                        className="euiBreadcrumbSeparator"
                       />
-                    </HeaderActionMenu>
-                  </div>
-                </EuiHeaderSectionItem>
-                <EuiHeaderSectionItem
-                  border="none"
+                    </EuiBreadcrumbSeparator>
+                  </nav>
+                </EuiSimplifiedBreadcrumbs>
+              </EuiHeaderBreadcrumbs>
+            </HeaderBreadcrumbs>
+          </div>
+        </EuiHeader>
+        <EuiHeader
+          className="newTopNavHeader"
+        >
+          <div
+            className="euiHeader euiHeader--default euiHeader--static newTopNavHeader"
+          >
+            <EuiFlexGroup
+              className="secondaryPageHeaderFlexGroup"
+              gutterSize="s"
+              justifyContent="spaceBetween"
+            >
+              <div
+                className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive secondaryPageHeaderFlexGroup"
+              >
+                <EuiHeaderSection
+                  side="left"
                 >
                   <div
-                    className="euiHeaderSectionItem"
+                    className="euiHeaderSection euiHeaderSection--dontGrow euiHeaderSection--left"
                   >
-                    <HeaderNavControls
-                      navControls$={
-                        BehaviorSubject {
-                          "_isScalar": false,
-                          "_value": Array [],
-                          "closed": false,
-                          "hasError": false,
-                          "isStopped": false,
-                          "observers": Array [
-                            Subscriber {
-                              "_parentOrParents": null,
-                              "_subscriptions": Array [
-                                SubjectSubscription {
-                                  "_parentOrParents": [Circular],
-                                  "_subscriptions": null,
-                                  "closed": false,
-                                  "subject": [Circular],
-                                  "subscriber": [Circular],
-                                },
-                              ],
-                              "closed": false,
-                              "destination": SafeSubscriber {
-                                "_complete": undefined,
-                                "_context": [Circular],
-                                "_error": undefined,
-                                "_next": [Function],
-                                "_parentOrParents": null,
-                                "_parentSubscriber": [Circular],
-                                "_subscriptions": null,
-                                "closed": false,
-                                "destination": Object {
-                                  "closed": true,
-                                  "complete": [Function],
-                                  "error": [Function],
-                                  "next": [Function],
-                                },
-                                "isStopped": false,
-                                "syncErrorThrowable": false,
-                                "syncErrorThrown": false,
-                                "syncErrorValue": null,
-                              },
-                              "isStopped": false,
-                              "syncErrorThrowable": true,
-                              "syncErrorThrown": false,
-                              "syncErrorValue": null,
-                            },
-                          ],
-                          "thrownError": null,
-                        }
-                      }
-                    />
+                    <EuiFlexGroup
+                      gutterSize="s"
+                    >
+                      <div
+                        className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive"
+                      >
+                        <EuiFlexItem
+                          grow={false}
+                        >
+                          <div
+                            className="euiFlexItem euiFlexItem--flexGrowZero"
+                          >
+                            <EuiHeaderSectionItem
+                              border="none"
+                              data-test-subj="headerApplicationTitle"
+                            >
+                              <div
+                                className="euiHeaderSectionItem"
+                                data-test-subj="headerApplicationTitle"
+                              >
+                                <EuiTitle
+                                  className="newTopNavHeaderTitle"
+                                  size="l"
+                                >
+                                  <h1
+                                    className="euiTitle euiTitle--large newTopNavHeaderTitle"
+                                  >
+                                    testTitle
+                                  </h1>
+                                </EuiTitle>
+                              </div>
+                            </EuiHeaderSectionItem>
+                          </div>
+                        </EuiFlexItem>
+                      </div>
+                    </EuiFlexGroup>
                   </div>
-                </EuiHeaderSectionItem>
-                <EuiHeaderSectionItem
-                  border="none"
+                </EuiHeaderSection>
+                <EuiHeaderSection
+                  side="right"
                 >
                   <div
-                    className="euiHeaderSectionItem"
+                    className="euiHeaderSection euiHeaderSection--dontGrow euiHeaderSection--right"
                   >
-                    <HeaderControlsContainer
-                      controls$={
-                        BehaviorSubject {
-                          "_isScalar": false,
-                          "_value": undefined,
-                          "closed": false,
-                          "hasError": false,
-                          "isStopped": false,
-                          "observers": Array [
-                            Subscriber {
-                              "_parentOrParents": null,
-                              "_subscriptions": Array [
-                                SubjectSubscription {
-                                  "_parentOrParents": [Circular],
-                                  "_subscriptions": null,
-                                  "closed": false,
-                                  "subject": [Circular],
-                                  "subscriber": [Circular],
-                                },
-                              ],
-                              "closed": false,
-                              "destination": SafeSubscriber {
-                                "_complete": undefined,
-                                "_context": [Circular],
-                                "_error": undefined,
-                                "_next": [Function],
-                                "_parentOrParents": null,
-                                "_parentSubscriber": [Circular],
-                                "_subscriptions": null,
-                                "closed": false,
-                                "destination": Object {
-                                  "closed": true,
-                                  "complete": [Function],
-                                  "error": [Function],
-                                  "next": [Function],
-                                },
-                                "isStopped": false,
-                                "syncErrorThrowable": false,
-                                "syncErrorThrown": false,
-                                "syncErrorValue": null,
-                              },
-                              "isStopped": false,
-                              "syncErrorThrowable": true,
-                              "syncErrorThrown": false,
-                              "syncErrorValue": null,
-                            },
-                          ],
-                          "thrownError": null,
-                        }
-                      }
-                      data-test-subj="headerRightControl"
+                    <EuiFlexGroup
+                      gutterSize="s"
                     >
                       <div
-                        className="euiHeaderSection euiHeaderSection--dontGrow headerControl"
-                        data-test-subj="headerRightControl"
+                        className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive"
                       />
-                    </HeaderControlsContainer>
-                  </div>
-                </EuiHeaderSectionItem>
-                <EuiHeaderSectionItem
-                  border="none"
-                >
-                  <div
-                    className="euiHeaderSectionItem"
-                  >
-                    <HeaderNavControls
-                      navControls$={
-                        BehaviorSubject {
-                          "_isScalar": false,
-                          "_value": Array [],
-                          "closed": false,
-                          "hasError": false,
-                          "isStopped": false,
-                          "observers": Array [
-                            Subscriber {
-                              "_parentOrParents": null,
-                              "_subscriptions": Array [
-                                SubjectSubscription {
-                                  "_parentOrParents": [Circular],
-                                  "_subscriptions": null,
-                                  "closed": false,
-                                  "subject": [Circular],
-                                  "subscriber": [Circular],
-                                },
-                              ],
-                              "closed": false,
-                              "destination": SafeSubscriber {
-                                "_complete": undefined,
-                                "_context": [Circular],
-                                "_error": undefined,
-                                "_next": [Function],
-                                "_parentOrParents": null,
-                                "_parentSubscriber": [Circular],
-                                "_subscriptions": null,
-                                "closed": false,
-                                "destination": Object {
-                                  "closed": true,
-                                  "complete": [Function],
-                                  "error": [Function],
-                                  "next": [Function],
-                                },
-                                "isStopped": false,
-                                "syncErrorThrowable": false,
-                                "syncErrorThrown": false,
-                                "syncErrorValue": null,
-                              },
-                              "isStopped": false,
-                              "syncErrorThrowable": true,
-                              "syncErrorThrown": false,
-                              "syncErrorValue": null,
-                            },
-                          ],
-                          "thrownError": null,
-                        }
-                      }
-                      side="right"
-                    />
+                    </EuiFlexGroup>
                   </div>
-                </EuiHeaderSectionItem>
+                </EuiHeaderSection>
               </div>
-            </EuiHeaderSection>
+            </EuiFlexGroup>
+          </div>
+        </EuiHeader>
+        <EuiHeader
+          className="newTopNavHeader"
+        >
+          <div
+            className="euiHeader euiHeader--default euiHeader--static newTopNavHeader"
+          >
+            <HeaderControlsContainer
+              className="headerDescriptionControl"
+              controls$={
+                BehaviorSubject {
+                  "_isScalar": false,
+                  "_value": undefined,
+                  "closed": false,
+                  "hasError": false,
+                  "isStopped": false,
+                  "observers": Array [
+                    Subscriber {
+                      "_parentOrParents": null,
+                      "_subscriptions": Array [
+                        SubjectSubscription {
+                          "_parentOrParents": [Circular],
+                          "_subscriptions": null,
+                          "closed": false,
+                          "subject": [Circular],
+                          "subscriber": [Circular],
+                        },
+                      ],
+                      "closed": false,
+                      "destination": SafeSubscriber {
+                        "_complete": undefined,
+                        "_context": [Circular],
+                        "_error": undefined,
+                        "_next": [Function],
+                        "_parentOrParents": null,
+                        "_parentSubscriber": [Circular],
+                        "_subscriptions": null,
+                        "closed": false,
+                        "destination": Object {
+                          "closed": true,
+                          "complete": [Function],
+                          "error": [Function],
+                          "next": [Function],
+                        },
+                        "isStopped": false,
+                        "syncErrorThrowable": false,
+                        "syncErrorThrown": false,
+                        "syncErrorValue": null,
+                      },
+                      "isStopped": false,
+                      "syncErrorThrowable": true,
+                      "syncErrorThrown": false,
+                      "syncErrorValue": null,
+                    },
+                  ],
+                  "thrownError": null,
+                }
+              }
+              data-test-subj="headerDescriptionControl"
+            >
+              <div
+                className="euiHeaderSection euiHeaderSection--dontGrow headerControl headerDescriptionControl"
+                data-test-subj="headerDescriptionControl"
+              />
+            </HeaderControlsContainer>
           </div>
         </EuiHeader>
         <EuiHeader
@@ -18832,201 +20228,632 @@ exports[`Header renders page header with application title 1`] = `
             className="euiHeader euiHeader--default euiHeader--static newTopNavHeader"
           >
             <HeaderControlsContainer
-              className="headerDescriptionControl"
+              className="headerBottomControl"
               controls$={
                 BehaviorSubject {
                   "_isScalar": false,
                   "_value": undefined,
                   "closed": false,
-                  "hasError": false,
-                  "isStopped": false,
-                  "observers": Array [
-                    Subscriber {
-                      "_parentOrParents": null,
-                      "_subscriptions": Array [
-                        SubjectSubscription {
-                          "_parentOrParents": [Circular],
-                          "_subscriptions": null,
-                          "closed": false,
-                          "subject": [Circular],
-                          "subscriber": [Circular],
-                        },
-                      ],
-                      "closed": false,
-                      "destination": SafeSubscriber {
-                        "_complete": undefined,
-                        "_context": [Circular],
-                        "_error": undefined,
-                        "_next": [Function],
-                        "_parentOrParents": null,
-                        "_parentSubscriber": [Circular],
-                        "_subscriptions": null,
-                        "closed": false,
-                        "destination": Object {
-                          "closed": true,
-                          "complete": [Function],
-                          "error": [Function],
-                          "next": [Function],
-                        },
-                        "isStopped": false,
-                        "syncErrorThrowable": false,
-                        "syncErrorThrown": false,
-                        "syncErrorValue": null,
-                      },
-                      "isStopped": false,
-                      "syncErrorThrowable": true,
-                      "syncErrorThrown": false,
-                      "syncErrorValue": null,
-                    },
-                  ],
-                  "thrownError": null,
-                }
-              }
-              data-test-subj="headerDescriptionControl"
-            >
-              <div
-                className="euiHeaderSection euiHeaderSection--dontGrow headerControl headerDescriptionControl"
-                data-test-subj="headerDescriptionControl"
-              />
-            </HeaderControlsContainer>
-          </div>
-        </EuiHeader>
-        <EuiHeader
-          className="newTopNavHeader"
-        >
-          <div
-            className="euiHeader euiHeader--default euiHeader--static newTopNavHeader"
-          >
-            <HeaderControlsContainer
-              className="headerBottomControl"
-              controls$={
-                BehaviorSubject {
-                  "_isScalar": false,
-                  "_value": undefined,
+                  "hasError": false,
+                  "isStopped": false,
+                  "observers": Array [
+                    Subscriber {
+                      "_parentOrParents": null,
+                      "_subscriptions": Array [
+                        SubjectSubscription {
+                          "_parentOrParents": [Circular],
+                          "_subscriptions": null,
+                          "closed": false,
+                          "subject": [Circular],
+                          "subscriber": [Circular],
+                        },
+                      ],
+                      "closed": false,
+                      "destination": SafeSubscriber {
+                        "_complete": undefined,
+                        "_context": [Circular],
+                        "_error": undefined,
+                        "_next": [Function],
+                        "_parentOrParents": null,
+                        "_parentSubscriber": [Circular],
+                        "_subscriptions": null,
+                        "closed": false,
+                        "destination": Object {
+                          "closed": true,
+                          "complete": [Function],
+                          "error": [Function],
+                          "next": [Function],
+                        },
+                        "isStopped": false,
+                        "syncErrorThrowable": false,
+                        "syncErrorThrown": false,
+                        "syncErrorValue": null,
+                      },
+                      "isStopped": false,
+                      "syncErrorThrowable": true,
+                      "syncErrorThrown": false,
+                      "syncErrorValue": null,
+                    },
+                  ],
+                  "thrownError": null,
+                }
+              }
+              data-test-subj="headerBottomControl"
+            >
+              <div
+                className="euiHeaderSection euiHeaderSection--dontGrow headerControl headerBottomControl"
+                data-test-subj="headerBottomControl"
+              />
+            </HeaderControlsContainer>
+          </div>
+        </EuiHeader>
+      </div>
+    </div>
+    <CollapsibleNav
+      appId$={
+        Observable {
+          "_isScalar": false,
+          "source": Subject {
+            "_isScalar": false,
+            "closed": false,
+            "hasError": false,
+            "isStopped": false,
+            "observers": Array [
+              Subscriber {
+                "_parentOrParents": null,
+                "_subscriptions": Array [
+                  SubjectSubscription {
+                    "_parentOrParents": [Circular],
+                    "_subscriptions": null,
+                    "closed": false,
+                    "subject": [Circular],
+                    "subscriber": [Circular],
+                  },
+                ],
+                "closed": false,
+                "destination": SafeSubscriber {
+                  "_complete": undefined,
+                  "_context": [Circular],
+                  "_error": undefined,
+                  "_next": [Function],
+                  "_parentOrParents": null,
+                  "_parentSubscriber": [Circular],
+                  "_subscriptions": null,
+                  "closed": false,
+                  "destination": Object {
+                    "closed": true,
+                    "complete": [Function],
+                    "error": [Function],
+                    "next": [Function],
+                  },
+                  "isStopped": false,
+                  "syncErrorThrowable": false,
+                  "syncErrorThrown": false,
+                  "syncErrorValue": null,
+                },
+                "isStopped": false,
+                "syncErrorThrowable": true,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+            ],
+            "thrownError": null,
+          },
+        }
+      }
+      basePath={
+        BasePath {
+          "basePath": "/test",
+          "clientBasePath": "",
+          "get": [Function],
+          "getBasePath": [Function],
+          "prepend": [Function],
+          "remove": [Function],
+          "serverBasePath": "/test",
+        }
+      }
+      closeNav={[Function]}
+      customNavLink$={
+        BehaviorSubject {
+          "_isScalar": false,
+          "_value": undefined,
+          "closed": false,
+          "hasError": false,
+          "isStopped": false,
+          "observers": Array [
+            Subscriber {
+              "_parentOrParents": null,
+              "_subscriptions": Array [
+                SubjectSubscription {
+                  "_parentOrParents": [Circular],
+                  "_subscriptions": null,
+                  "closed": false,
+                  "subject": [Circular],
+                  "subscriber": [Circular],
+                },
+              ],
+              "closed": false,
+              "destination": SafeSubscriber {
+                "_complete": undefined,
+                "_context": [Circular],
+                "_error": undefined,
+                "_next": [Function],
+                "_parentOrParents": null,
+                "_parentSubscriber": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "isStopped": false,
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+              "isStopped": false,
+              "syncErrorThrowable": true,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+          ],
+          "thrownError": null,
+        }
+      }
+      homeHref="/"
+      id="mockId"
+      isLocked={false}
+      isNavOpen={false}
+      logos={
+        Object {
+          "AnimatedMark": Object {
+            "dark": Object {
+              "type": "default",
+              "url": "/ui/logos/opensearch_spinner_on_dark.svg",
+            },
+            "light": Object {
+              "type": "default",
+              "url": "/ui/logos/opensearch_spinner_on_light.svg",
+            },
+            "type": "default",
+            "url": "/ui/logos/opensearch_spinner_on_light.svg",
+          },
+          "Application": Object {
+            "dark": Object {
+              "type": "default",
+              "url": "/ui/logos/opensearch_dashboards_on_dark.svg",
+            },
+            "light": Object {
+              "type": "default",
+              "url": "/ui/logos/opensearch_dashboards_on_light.svg",
+            },
+            "type": "default",
+            "url": "/ui/logos/opensearch_dashboards_on_light.svg",
+          },
+          "CenterMark": Object {
+            "dark": Object {
+              "type": "default",
+              "url": "/ui/logos/opensearch_center_mark_on_dark.svg",
+            },
+            "light": Object {
+              "type": "default",
+              "url": "/ui/logos/opensearch_center_mark_on_light.svg",
+            },
+            "type": "default",
+            "url": "/ui/logos/opensearch_center_mark_on_light.svg",
+          },
+          "Mark": Object {
+            "dark": Object {
+              "type": "default",
+              "url": "/ui/logos/opensearch_mark_on_dark.svg",
+            },
+            "light": Object {
+              "type": "default",
+              "url": "/ui/logos/opensearch_mark_on_light.svg",
+            },
+            "type": "default",
+            "url": "/ui/logos/opensearch_mark_on_light.svg",
+          },
+          "OpenSearch": Object {
+            "dark": Object {
+              "type": "default",
+              "url": "/ui/logos/opensearch_on_dark.svg",
+            },
+            "light": Object {
+              "type": "default",
+              "url": "/ui/logos/opensearch_on_light.svg",
+            },
+            "type": "default",
+            "url": "/ui/logos/opensearch_on_light.svg",
+          },
+          "colorScheme": "light",
+        }
+      }
+      navLinks$={
+        BehaviorSubject {
+          "_isScalar": false,
+          "_value": Array [],
+          "closed": false,
+          "hasError": false,
+          "isStopped": false,
+          "observers": Array [
+            Subscriber {
+              "_parentOrParents": null,
+              "_subscriptions": Array [
+                SubjectSubscription {
+                  "_parentOrParents": [Circular],
+                  "_subscriptions": null,
+                  "closed": false,
+                  "subject": [Circular],
+                  "subscriber": [Circular],
+                },
+              ],
+              "closed": false,
+              "destination": SafeSubscriber {
+                "_complete": undefined,
+                "_context": [Circular],
+                "_error": undefined,
+                "_next": [Function],
+                "_parentOrParents": null,
+                "_parentSubscriber": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "isStopped": false,
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+              "isStopped": false,
+              "syncErrorThrowable": true,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+            Subscriber {
+              "_parentOrParents": null,
+              "_subscriptions": Array [
+                SubjectSubscription {
+                  "_parentOrParents": [Circular],
+                  "_subscriptions": null,
                   "closed": false,
-                  "hasError": false,
-                  "isStopped": false,
-                  "observers": Array [
-                    Subscriber {
-                      "_parentOrParents": null,
-                      "_subscriptions": Array [
-                        SubjectSubscription {
-                          "_parentOrParents": [Circular],
-                          "_subscriptions": null,
-                          "closed": false,
-                          "subject": [Circular],
-                          "subscriber": [Circular],
-                        },
-                      ],
-                      "closed": false,
-                      "destination": SafeSubscriber {
-                        "_complete": undefined,
-                        "_context": [Circular],
-                        "_error": undefined,
-                        "_next": [Function],
-                        "_parentOrParents": null,
-                        "_parentSubscriber": [Circular],
-                        "_subscriptions": null,
-                        "closed": false,
-                        "destination": Object {
-                          "closed": true,
-                          "complete": [Function],
-                          "error": [Function],
-                          "next": [Function],
-                        },
-                        "isStopped": false,
-                        "syncErrorThrowable": false,
-                        "syncErrorThrown": false,
-                        "syncErrorValue": null,
-                      },
-                      "isStopped": false,
-                      "syncErrorThrowable": true,
-                      "syncErrorThrown": false,
-                      "syncErrorValue": null,
-                    },
-                  ],
-                  "thrownError": null,
-                }
-              }
-              data-test-subj="headerBottomControl"
-            >
-              <div
-                className="euiHeaderSection euiHeaderSection--dontGrow headerControl headerBottomControl"
-                data-test-subj="headerBottomControl"
-              />
-            </HeaderControlsContainer>
-          </div>
-        </EuiHeader>
-      </div>
-    </div>
-    <CollapsibleNav
-      appId$={
-        Observable {
-          "_isScalar": false,
-          "source": Subject {
-            "_isScalar": false,
-            "closed": false,
-            "hasError": false,
-            "isStopped": false,
-            "observers": Array [
-              Subscriber {
+                  "subject": [Circular],
+                  "subscriber": [Circular],
+                },
+              ],
+              "closed": false,
+              "destination": SafeSubscriber {
+                "_complete": undefined,
+                "_context": [Circular],
+                "_error": undefined,
+                "_next": [Function],
                 "_parentOrParents": null,
-                "_subscriptions": Array [
-                  SubjectSubscription {
-                    "_parentOrParents": [Circular],
-                    "_subscriptions": null,
-                    "closed": false,
-                    "subject": [Circular],
-                    "subscriber": [Circular],
-                  },
-                ],
+                "_parentSubscriber": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "isStopped": false,
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+              "isStopped": false,
+              "syncErrorThrowable": true,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+          ],
+          "thrownError": null,
+        }
+      }
+      navigateToApp={[MockFunction]}
+      navigateToUrl={[MockFunction]}
+      onIsLockedUpdate={[Function]}
+      recentlyAccessed$={
+        BehaviorSubject {
+          "_isScalar": false,
+          "_value": Array [],
+          "closed": false,
+          "hasError": false,
+          "isStopped": false,
+          "observers": Array [
+            Subscriber {
+              "_parentOrParents": null,
+              "_subscriptions": Array [
+                SubjectSubscription {
+                  "_parentOrParents": [Circular],
+                  "_subscriptions": null,
+                  "closed": false,
+                  "subject": [Circular],
+                  "subscriber": [Circular],
+                },
+              ],
+              "closed": false,
+              "destination": SafeSubscriber {
+                "_complete": undefined,
+                "_context": [Circular],
+                "_error": undefined,
+                "_next": [Function],
+                "_parentOrParents": null,
+                "_parentSubscriber": [Circular],
+                "_subscriptions": null,
                 "closed": false,
-                "destination": SafeSubscriber {
-                  "_complete": undefined,
-                  "_context": [Circular],
-                  "_error": undefined,
-                  "_next": [Function],
-                  "_parentOrParents": null,
-                  "_parentSubscriber": [Circular],
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "isStopped": false,
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+              "isStopped": false,
+              "syncErrorThrowable": true,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+            Subscriber {
+              "_parentOrParents": null,
+              "_subscriptions": Array [
+                SubjectSubscription {
+                  "_parentOrParents": [Circular],
                   "_subscriptions": null,
                   "closed": false,
-                  "destination": Object {
-                    "closed": true,
-                    "complete": [Function],
-                    "error": [Function],
-                    "next": [Function],
-                  },
-                  "isStopped": false,
-                  "syncErrorThrowable": false,
-                  "syncErrorThrown": false,
-                  "syncErrorValue": null,
+                  "subject": [Circular],
+                  "subscriber": [Circular],
+                },
+              ],
+              "closed": false,
+              "destination": SafeSubscriber {
+                "_complete": undefined,
+                "_context": [Circular],
+                "_error": undefined,
+                "_next": [Function],
+                "_parentOrParents": null,
+                "_parentSubscriber": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
                 },
                 "isStopped": false,
-                "syncErrorThrowable": true,
+                "syncErrorThrowable": false,
                 "syncErrorThrown": false,
                 "syncErrorValue": null,
               },
-            ],
-            "thrownError": null,
+              "isStopped": false,
+              "syncErrorThrowable": true,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+          ],
+          "thrownError": null,
+        }
+      }
+    >
+      <EuiCollapsibleNav
+        aria-label="Primary"
+        data-test-subj="collapsibleNav"
+        id="mockId"
+        isDocked={false}
+        isOpen={false}
+        onClose={[Function]}
+        outsideClickCloses={false}
+      />
+    </CollapsibleNav>
+  </header>
+</Header>
+`;
+
+exports[`Header toggles primary navigation menu when clicked 1`] = `
+<Header
+  appTitle$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": "test",
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  application={
+    Object {
+      "applications$": BehaviorSubject {
+        "_isScalar": false,
+        "_value": Map {},
+        "closed": false,
+        "hasError": false,
+        "isStopped": false,
+        "observers": Array [],
+        "thrownError": null,
+      },
+      "capabilities": Object {
+        "catalogue": Object {},
+        "management": Object {},
+        "navLinks": Object {},
+        "workspaces": Object {},
+      },
+      "currentActionMenu$": BehaviorSubject {
+        "_isScalar": false,
+        "_value": undefined,
+        "closed": false,
+        "hasError": false,
+        "isStopped": false,
+        "observers": Array [
+          Subscriber {
+            "_parentOrParents": null,
+            "_subscriptions": Array [
+              SubjectSubscription {
+                "_parentOrParents": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "subject": [Circular],
+                "subscriber": [Circular],
+              },
+            ],
+            "closed": false,
+            "destination": SafeSubscriber {
+              "_complete": undefined,
+              "_context": [Circular],
+              "_error": undefined,
+              "_next": [Function],
+              "_parentOrParents": null,
+              "_parentSubscriber": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "destination": Object {
+                "closed": true,
+                "complete": [Function],
+                "error": [Function],
+                "next": [Function],
+              },
+              "isStopped": false,
+              "syncErrorThrowable": false,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+            "isStopped": false,
+            "syncErrorThrowable": true,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          Subscriber {
+            "_parentOrParents": null,
+            "_subscriptions": Array [
+              SubjectSubscription {
+                "_parentOrParents": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "subject": [Circular],
+                "subscriber": [Circular],
+              },
+            ],
+            "closed": false,
+            "destination": SafeSubscriber {
+              "_complete": undefined,
+              "_context": [Circular],
+              "_error": undefined,
+              "_next": [Function],
+              "_parentOrParents": null,
+              "_parentSubscriber": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "destination": Object {
+                "closed": true,
+                "complete": [Function],
+                "error": [Function],
+                "next": [Function],
+              },
+              "isStopped": false,
+              "syncErrorThrowable": false,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+            "isStopped": false,
+            "syncErrorThrowable": true,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          Subscriber {
+            "_parentOrParents": null,
+            "_subscriptions": Array [
+              SubjectSubscription {
+                "_parentOrParents": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "subject": [Circular],
+                "subscriber": [Circular],
+              },
+            ],
+            "closed": false,
+            "destination": SafeSubscriber {
+              "_complete": undefined,
+              "_context": [Circular],
+              "_error": undefined,
+              "_next": [Function],
+              "_parentOrParents": null,
+              "_parentSubscriber": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "destination": Object {
+                "closed": true,
+                "complete": [Function],
+                "error": [Function],
+                "next": [Function],
+              },
+              "isStopped": false,
+              "syncErrorThrowable": false,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+            "isStopped": false,
+            "syncErrorThrowable": true,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
           },
-        }
-      }
-      basePath={
-        BasePath {
-          "basePath": "/test",
-          "clientBasePath": "",
-          "get": [Function],
-          "getBasePath": [Function],
-          "prepend": [Function],
-          "remove": [Function],
-          "serverBasePath": "/test",
-        }
-      }
-      closeNav={[Function]}
-      customNavLink$={
-        BehaviorSubject {
+        ],
+        "thrownError": null,
+      },
+      "currentAppId$": Observable {
+        "_isScalar": false,
+        "source": Subject {
           "_isScalar": false,
-          "_value": undefined,
           "closed": false,
           "hasError": false,
           "isStopped": false,
@@ -19070,336 +20897,279 @@ exports[`Header renders page header with application title 1`] = `
             },
           ],
           "thrownError": null,
-        }
-      }
-      homeHref="/"
-      id="mockId"
-      isLocked={false}
-      isNavOpen={false}
-      logos={
-        Object {
-          "AnimatedMark": Object {
-            "dark": Object {
-              "type": "default",
-              "url": "/ui/logos/opensearch_spinner_on_dark.svg",
-            },
-            "light": Object {
-              "type": "default",
-              "url": "/ui/logos/opensearch_spinner_on_light.svg",
-            },
-            "type": "default",
-            "url": "/ui/logos/opensearch_spinner_on_light.svg",
-          },
-          "Application": Object {
-            "dark": Object {
-              "type": "default",
-              "url": "/ui/logos/opensearch_dashboards_on_dark.svg",
-            },
-            "light": Object {
-              "type": "default",
-              "url": "/ui/logos/opensearch_dashboards_on_light.svg",
-            },
-            "type": "default",
-            "url": "/ui/logos/opensearch_dashboards_on_light.svg",
-          },
-          "CenterMark": Object {
-            "dark": Object {
-              "type": "default",
-              "url": "/ui/logos/opensearch_center_mark_on_dark.svg",
-            },
-            "light": Object {
-              "type": "default",
-              "url": "/ui/logos/opensearch_center_mark_on_light.svg",
-            },
-            "type": "default",
-            "url": "/ui/logos/opensearch_center_mark_on_light.svg",
-          },
-          "Mark": Object {
-            "dark": Object {
-              "type": "default",
-              "url": "/ui/logos/opensearch_mark_on_dark.svg",
-            },
-            "light": Object {
-              "type": "default",
-              "url": "/ui/logos/opensearch_mark_on_light.svg",
-            },
-            "type": "default",
-            "url": "/ui/logos/opensearch_mark_on_light.svg",
-          },
-          "OpenSearch": Object {
-            "dark": Object {
-              "type": "default",
-              "url": "/ui/logos/opensearch_on_dark.svg",
-            },
-            "light": Object {
-              "type": "default",
-              "url": "/ui/logos/opensearch_on_light.svg",
+        },
+      },
+      "currentBadgeControls$": BehaviorSubject {
+        "_isScalar": false,
+        "_value": undefined,
+        "closed": false,
+        "hasError": false,
+        "isStopped": false,
+        "observers": Array [
+          Subscriber {
+            "_parentOrParents": null,
+            "_subscriptions": Array [
+              SubjectSubscription {
+                "_parentOrParents": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "subject": [Circular],
+                "subscriber": [Circular],
+              },
+            ],
+            "closed": false,
+            "destination": SafeSubscriber {
+              "_complete": undefined,
+              "_context": [Circular],
+              "_error": undefined,
+              "_next": [Function],
+              "_parentOrParents": null,
+              "_parentSubscriber": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "destination": Object {
+                "closed": true,
+                "complete": [Function],
+                "error": [Function],
+                "next": [Function],
+              },
+              "isStopped": false,
+              "syncErrorThrowable": false,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
             },
-            "type": "default",
-            "url": "/ui/logos/opensearch_on_light.svg",
+            "isStopped": false,
+            "syncErrorThrowable": true,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
           },
-          "colorScheme": "light",
-        }
-      }
-      navLinks$={
-        BehaviorSubject {
-          "_isScalar": false,
-          "_value": Array [],
-          "closed": false,
-          "hasError": false,
-          "isStopped": false,
-          "observers": Array [
-            Subscriber {
+          Subscriber {
+            "_parentOrParents": null,
+            "_subscriptions": Array [
+              SubjectSubscription {
+                "_parentOrParents": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "subject": [Circular],
+                "subscriber": [Circular],
+              },
+            ],
+            "closed": false,
+            "destination": SafeSubscriber {
+              "_complete": undefined,
+              "_context": [Circular],
+              "_error": undefined,
+              "_next": [Function],
               "_parentOrParents": null,
-              "_subscriptions": Array [
-                SubjectSubscription {
-                  "_parentOrParents": [Circular],
-                  "_subscriptions": null,
-                  "closed": false,
-                  "subject": [Circular],
-                  "subscriber": [Circular],
-                },
-              ],
+              "_parentSubscriber": [Circular],
+              "_subscriptions": null,
               "closed": false,
-              "destination": SafeSubscriber {
-                "_complete": undefined,
-                "_context": [Circular],
-                "_error": undefined,
-                "_next": [Function],
-                "_parentOrParents": null,
-                "_parentSubscriber": [Circular],
+              "destination": Object {
+                "closed": true,
+                "complete": [Function],
+                "error": [Function],
+                "next": [Function],
+              },
+              "isStopped": false,
+              "syncErrorThrowable": false,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+            "isStopped": false,
+            "syncErrorThrowable": true,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+        ],
+        "thrownError": null,
+      },
+      "currentBottomControls$": BehaviorSubject {
+        "_isScalar": false,
+        "_value": undefined,
+        "closed": false,
+        "hasError": false,
+        "isStopped": false,
+        "observers": Array [],
+        "thrownError": null,
+      },
+      "currentCenterControls$": BehaviorSubject {
+        "_isScalar": false,
+        "_value": undefined,
+        "closed": false,
+        "hasError": false,
+        "isStopped": false,
+        "observers": Array [
+          Subscriber {
+            "_parentOrParents": null,
+            "_subscriptions": Array [
+              SubjectSubscription {
+                "_parentOrParents": [Circular],
                 "_subscriptions": null,
                 "closed": false,
-                "destination": Object {
-                  "closed": true,
-                  "complete": [Function],
-                  "error": [Function],
-                  "next": [Function],
-                },
-                "isStopped": false,
-                "syncErrorThrowable": false,
-                "syncErrorThrown": false,
-                "syncErrorValue": null,
+                "subject": [Circular],
+                "subscriber": [Circular],
+              },
+            ],
+            "closed": false,
+            "destination": SafeSubscriber {
+              "_complete": undefined,
+              "_context": [Circular],
+              "_error": undefined,
+              "_next": [Function],
+              "_parentOrParents": null,
+              "_parentSubscriber": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "destination": Object {
+                "closed": true,
+                "complete": [Function],
+                "error": [Function],
+                "next": [Function],
               },
               "isStopped": false,
-              "syncErrorThrowable": true,
+              "syncErrorThrowable": false,
               "syncErrorThrown": false,
               "syncErrorValue": null,
             },
-            Subscriber {
-              "_parentOrParents": null,
-              "_subscriptions": Array [
-                SubjectSubscription {
-                  "_parentOrParents": [Circular],
-                  "_subscriptions": null,
-                  "closed": false,
-                  "subject": [Circular],
-                  "subscriber": [Circular],
-                },
-              ],
-              "closed": false,
-              "destination": SafeSubscriber {
-                "_complete": undefined,
-                "_context": [Circular],
-                "_error": undefined,
-                "_next": [Function],
-                "_parentOrParents": null,
-                "_parentSubscriber": [Circular],
+            "isStopped": false,
+            "syncErrorThrowable": true,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          Subscriber {
+            "_parentOrParents": null,
+            "_subscriptions": Array [
+              SubjectSubscription {
+                "_parentOrParents": [Circular],
                 "_subscriptions": null,
                 "closed": false,
-                "destination": Object {
-                  "closed": true,
-                  "complete": [Function],
-                  "error": [Function],
-                  "next": [Function],
-                },
-                "isStopped": false,
-                "syncErrorThrowable": false,
-                "syncErrorThrown": false,
-                "syncErrorValue": null,
+                "subject": [Circular],
+                "subscriber": [Circular],
               },
-              "isStopped": false,
-              "syncErrorThrowable": true,
-              "syncErrorThrown": false,
-              "syncErrorValue": null,
-            },
-          ],
-          "thrownError": null,
-        }
-      }
-      navigateToApp={[MockFunction]}
-      navigateToUrl={[MockFunction]}
-      onIsLockedUpdate={[Function]}
-      recentlyAccessed$={
-        BehaviorSubject {
-          "_isScalar": false,
-          "_value": Array [],
-          "closed": false,
-          "hasError": false,
-          "isStopped": false,
-          "observers": Array [
-            Subscriber {
+            ],
+            "closed": false,
+            "destination": SafeSubscriber {
+              "_complete": undefined,
+              "_context": [Circular],
+              "_error": undefined,
+              "_next": [Function],
               "_parentOrParents": null,
-              "_subscriptions": Array [
-                SubjectSubscription {
-                  "_parentOrParents": [Circular],
-                  "_subscriptions": null,
-                  "closed": false,
-                  "subject": [Circular],
-                  "subscriber": [Circular],
-                },
-              ],
+              "_parentSubscriber": [Circular],
+              "_subscriptions": null,
               "closed": false,
-              "destination": SafeSubscriber {
-                "_complete": undefined,
-                "_context": [Circular],
-                "_error": undefined,
-                "_next": [Function],
-                "_parentOrParents": null,
-                "_parentSubscriber": [Circular],
-                "_subscriptions": null,
-                "closed": false,
-                "destination": Object {
-                  "closed": true,
-                  "complete": [Function],
-                  "error": [Function],
-                  "next": [Function],
-                },
-                "isStopped": false,
-                "syncErrorThrowable": false,
-                "syncErrorThrown": false,
-                "syncErrorValue": null,
+              "destination": Object {
+                "closed": true,
+                "complete": [Function],
+                "error": [Function],
+                "next": [Function],
               },
               "isStopped": false,
-              "syncErrorThrowable": true,
+              "syncErrorThrowable": false,
               "syncErrorThrown": false,
               "syncErrorValue": null,
             },
-            Subscriber {
-              "_parentOrParents": null,
-              "_subscriptions": Array [
-                SubjectSubscription {
-                  "_parentOrParents": [Circular],
-                  "_subscriptions": null,
-                  "closed": false,
-                  "subject": [Circular],
-                  "subscriber": [Circular],
-                },
-              ],
-              "closed": false,
-              "destination": SafeSubscriber {
-                "_complete": undefined,
-                "_context": [Circular],
-                "_error": undefined,
-                "_next": [Function],
-                "_parentOrParents": null,
-                "_parentSubscriber": [Circular],
+            "isStopped": false,
+            "syncErrorThrowable": true,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+        ],
+        "thrownError": null,
+      },
+      "currentDescriptionControls$": BehaviorSubject {
+        "_isScalar": false,
+        "_value": undefined,
+        "closed": false,
+        "hasError": false,
+        "isStopped": false,
+        "observers": Array [],
+        "thrownError": null,
+      },
+      "currentLeftControls$": BehaviorSubject {
+        "_isScalar": false,
+        "_value": undefined,
+        "closed": false,
+        "hasError": false,
+        "isStopped": false,
+        "observers": Array [
+          Subscriber {
+            "_parentOrParents": null,
+            "_subscriptions": Array [
+              SubjectSubscription {
+                "_parentOrParents": [Circular],
                 "_subscriptions": null,
                 "closed": false,
-                "destination": Object {
-                  "closed": true,
-                  "complete": [Function],
-                  "error": [Function],
-                  "next": [Function],
-                },
-                "isStopped": false,
-                "syncErrorThrowable": false,
-                "syncErrorThrown": false,
-                "syncErrorValue": null,
+                "subject": [Circular],
+                "subscriber": [Circular],
+              },
+            ],
+            "closed": false,
+            "destination": SafeSubscriber {
+              "_complete": undefined,
+              "_context": [Circular],
+              "_error": undefined,
+              "_next": [Function],
+              "_parentOrParents": null,
+              "_parentSubscriber": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "destination": Object {
+                "closed": true,
+                "complete": [Function],
+                "error": [Function],
+                "next": [Function],
               },
               "isStopped": false,
-              "syncErrorThrowable": true,
+              "syncErrorThrowable": false,
               "syncErrorThrown": false,
               "syncErrorValue": null,
             },
-          ],
-          "thrownError": null,
-        }
-      }
-    >
-      <EuiCollapsibleNav
-        aria-label="Primary"
-        data-test-subj="collapsibleNav"
-        id="mockId"
-        isDocked={false}
-        isOpen={false}
-        onClose={[Function]}
-        outsideClickCloses={false}
-      />
-    </CollapsibleNav>
-  </header>
-</Header>
-`;
-
-exports[`Header toggles primary navigation menu when clicked 1`] = `
-<Header
-  appTitle$={
-    BehaviorSubject {
-      "_isScalar": false,
-      "_value": "test",
-      "closed": false,
-      "hasError": false,
-      "isStopped": false,
-      "observers": Array [
-        Subscriber {
-          "_parentOrParents": null,
-          "_subscriptions": Array [
-            SubjectSubscription {
-              "_parentOrParents": [Circular],
-              "_subscriptions": null,
-              "closed": false,
-              "subject": [Circular],
-              "subscriber": [Circular],
-            },
-          ],
-          "closed": false,
-          "destination": SafeSubscriber {
-            "_complete": undefined,
-            "_context": [Circular],
-            "_error": undefined,
-            "_next": [Function],
+            "isStopped": false,
+            "syncErrorThrowable": true,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          Subscriber {
             "_parentOrParents": null,
-            "_parentSubscriber": [Circular],
-            "_subscriptions": null,
+            "_subscriptions": Array [
+              SubjectSubscription {
+                "_parentOrParents": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "subject": [Circular],
+                "subscriber": [Circular],
+              },
+            ],
             "closed": false,
-            "destination": Object {
-              "closed": true,
-              "complete": [Function],
-              "error": [Function],
-              "next": [Function],
+            "destination": SafeSubscriber {
+              "_complete": undefined,
+              "_context": [Circular],
+              "_error": undefined,
+              "_next": [Function],
+              "_parentOrParents": null,
+              "_parentSubscriber": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "destination": Object {
+                "closed": true,
+                "complete": [Function],
+                "error": [Function],
+                "next": [Function],
+              },
+              "isStopped": false,
+              "syncErrorThrowable": false,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
             },
             "isStopped": false,
-            "syncErrorThrowable": false,
+            "syncErrorThrowable": true,
             "syncErrorThrown": false,
             "syncErrorValue": null,
           },
-          "isStopped": false,
-          "syncErrorThrowable": true,
-          "syncErrorThrown": false,
-          "syncErrorValue": null,
-        },
-      ],
-      "thrownError": null,
-    }
-  }
-  application={
-    Object {
-      "applications$": BehaviorSubject {
-        "_isScalar": false,
-        "_value": Map {},
-        "closed": false,
-        "hasError": false,
-        "isStopped": false,
-        "observers": Array [],
+        ],
         "thrownError": null,
       },
-      "capabilities": Object {
-        "catalogue": Object {},
-        "management": Object {},
-        "navLinks": Object {},
-        "workspaces": Object {},
-      },
-      "currentActionMenu$": BehaviorSubject {
+      "currentRightControls$": BehaviorSubject {
         "_isScalar": false,
         "_value": undefined,
         "closed": false,
@@ -19443,110 +21213,44 @@ exports[`Header toggles primary navigation menu when clicked 1`] = `
             "syncErrorThrown": false,
             "syncErrorValue": null,
           },
-        ],
-        "thrownError": null,
-      },
-      "currentAppId$": Observable {
-        "_isScalar": false,
-        "source": Subject {
-          "_isScalar": false,
-          "closed": false,
-          "hasError": false,
-          "isStopped": false,
-          "observers": Array [
-            Subscriber {
-              "_parentOrParents": null,
-              "_subscriptions": Array [
-                SubjectSubscription {
-                  "_parentOrParents": [Circular],
-                  "_subscriptions": null,
-                  "closed": false,
-                  "subject": [Circular],
-                  "subscriber": [Circular],
-                },
-              ],
-              "closed": false,
-              "destination": SafeSubscriber {
-                "_complete": undefined,
-                "_context": [Circular],
-                "_error": undefined,
-                "_next": [Function],
-                "_parentOrParents": null,
-                "_parentSubscriber": [Circular],
+          Subscriber {
+            "_parentOrParents": null,
+            "_subscriptions": Array [
+              SubjectSubscription {
+                "_parentOrParents": [Circular],
                 "_subscriptions": null,
                 "closed": false,
-                "destination": Object {
-                  "closed": true,
-                  "complete": [Function],
-                  "error": [Function],
-                  "next": [Function],
-                },
-                "isStopped": false,
-                "syncErrorThrowable": false,
-                "syncErrorThrown": false,
-                "syncErrorValue": null,
+                "subject": [Circular],
+                "subscriber": [Circular],
+              },
+            ],
+            "closed": false,
+            "destination": SafeSubscriber {
+              "_complete": undefined,
+              "_context": [Circular],
+              "_error": undefined,
+              "_next": [Function],
+              "_parentOrParents": null,
+              "_parentSubscriber": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "destination": Object {
+                "closed": true,
+                "complete": [Function],
+                "error": [Function],
+                "next": [Function],
               },
               "isStopped": false,
-              "syncErrorThrowable": true,
+              "syncErrorThrowable": false,
               "syncErrorThrown": false,
               "syncErrorValue": null,
             },
-          ],
-          "thrownError": null,
-        },
-      },
-      "currentBadgeControls$": BehaviorSubject {
-        "_isScalar": false,
-        "_value": undefined,
-        "closed": false,
-        "hasError": false,
-        "isStopped": false,
-        "observers": Array [],
-        "thrownError": null,
-      },
-      "currentBottomControls$": BehaviorSubject {
-        "_isScalar": false,
-        "_value": undefined,
-        "closed": false,
-        "hasError": false,
-        "isStopped": false,
-        "observers": Array [],
-        "thrownError": null,
-      },
-      "currentCenterControls$": BehaviorSubject {
-        "_isScalar": false,
-        "_value": undefined,
-        "closed": false,
-        "hasError": false,
-        "isStopped": false,
-        "observers": Array [],
-        "thrownError": null,
-      },
-      "currentDescriptionControls$": BehaviorSubject {
-        "_isScalar": false,
-        "_value": undefined,
-        "closed": false,
-        "hasError": false,
-        "isStopped": false,
-        "observers": Array [],
-        "thrownError": null,
-      },
-      "currentLeftControls$": BehaviorSubject {
-        "_isScalar": false,
-        "_value": undefined,
-        "closed": false,
-        "hasError": false,
-        "isStopped": false,
-        "observers": Array [],
-        "thrownError": null,
-      },
-      "currentRightControls$": BehaviorSubject {
-        "_isScalar": false,
-        "_value": undefined,
-        "closed": false,
-        "hasError": false,
-        "isStopped": false,
-        "observers": Array [],
+            "isStopped": false,
+            "syncErrorThrowable": true,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+        ],
         "thrownError": null,
       },
       "getComponent": [MockFunction],
@@ -19626,6 +21330,80 @@ exports[`Header toggles primary navigation menu when clicked 1`] = `
           "syncErrorThrown": false,
           "syncErrorValue": null,
         },
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
       ],
       "thrownError": null,
     }
@@ -20802,25 +22580,274 @@ exports[`Header toggles primary navigation menu when clicked 1`] = `
           },
         },
       },
-      "formatters": Object {
-        "getDateTimeFormat": [Function],
-        "getMessageFormat": [Function],
-        "getNumberFormat": [Function],
-        "getPluralFormat": [Function],
-        "getRelativeFormat": [Function],
-      },
-      "locale": "en",
-      "messages": Object {},
-      "now": [Function],
-      "onError": [Function],
-      "textComponent": Symbol(react.fragment),
-      "timeZone": null,
+      "formatters": Object {
+        "getDateTimeFormat": [Function],
+        "getMessageFormat": [Function],
+        "getNumberFormat": [Function],
+        "getPluralFormat": [Function],
+        "getRelativeFormat": [Function],
+      },
+      "locale": "en",
+      "messages": Object {},
+      "now": [Function],
+      "onError": [Function],
+      "textComponent": Symbol(react.fragment),
+      "timeZone": null,
+    }
+  }
+  isLocked$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": false,
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  isVisible$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": true,
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  loadingCount$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": 0,
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  logos={
+    Object {
+      "AnimatedMark": Object {
+        "dark": Object {
+          "type": "default",
+          "url": "/ui/logos/opensearch_spinner_on_dark.svg",
+        },
+        "light": Object {
+          "type": "default",
+          "url": "/ui/logos/opensearch_spinner_on_light.svg",
+        },
+        "type": "default",
+        "url": "/ui/logos/opensearch_spinner_on_light.svg",
+      },
+      "Application": Object {
+        "dark": Object {
+          "type": "default",
+          "url": "/ui/logos/opensearch_dashboards_on_dark.svg",
+        },
+        "light": Object {
+          "type": "default",
+          "url": "/ui/logos/opensearch_dashboards_on_light.svg",
+        },
+        "type": "default",
+        "url": "/ui/logos/opensearch_dashboards_on_light.svg",
+      },
+      "CenterMark": Object {
+        "dark": Object {
+          "type": "default",
+          "url": "/ui/logos/opensearch_center_mark_on_dark.svg",
+        },
+        "light": Object {
+          "type": "default",
+          "url": "/ui/logos/opensearch_center_mark_on_light.svg",
+        },
+        "type": "default",
+        "url": "/ui/logos/opensearch_center_mark_on_light.svg",
+      },
+      "Mark": Object {
+        "dark": Object {
+          "type": "default",
+          "url": "/ui/logos/opensearch_mark_on_dark.svg",
+        },
+        "light": Object {
+          "type": "default",
+          "url": "/ui/logos/opensearch_mark_on_light.svg",
+        },
+        "type": "default",
+        "url": "/ui/logos/opensearch_mark_on_light.svg",
+      },
+      "OpenSearch": Object {
+        "dark": Object {
+          "type": "default",
+          "url": "/ui/logos/opensearch_on_dark.svg",
+        },
+        "light": Object {
+          "type": "default",
+          "url": "/ui/logos/opensearch_on_light.svg",
+        },
+        "type": "default",
+        "url": "/ui/logos/opensearch_on_light.svg",
+      },
+      "colorScheme": "light",
     }
   }
-  isLocked$={
+  navControlsCenter$={
     BehaviorSubject {
       "_isScalar": false,
-      "_value": false,
+      "_value": Array [],
       "closed": false,
       "hasError": false,
       "isStopped": false,
@@ -20862,14 +22889,88 @@ exports[`Header toggles primary navigation menu when clicked 1`] = `
           "syncErrorThrown": false,
           "syncErrorValue": null,
         },
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
       ],
       "thrownError": null,
     }
   }
-  isVisible$={
+  navControlsExpandedCenter$={
     BehaviorSubject {
       "_isScalar": false,
-      "_value": true,
+      "_value": Array [],
       "closed": false,
       "hasError": false,
       "isStopped": false,
@@ -20911,14 +23012,136 @@ exports[`Header toggles primary navigation menu when clicked 1`] = `
           "syncErrorThrown": false,
           "syncErrorValue": null,
         },
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
       ],
       "thrownError": null,
     }
   }
-  loadingCount$={
+  navControlsExpandedRight$={
     BehaviorSubject {
       "_isScalar": false,
-      "_value": 0,
+      "_value": Array [],
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [],
+      "thrownError": null,
+    }
+  }
+  navControlsLeft$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": Array [],
       "closed": false,
       "hasError": false,
       "isStopped": false,
@@ -20997,76 +23220,59 @@ exports[`Header toggles primary navigation menu when clicked 1`] = `
           "syncErrorThrown": false,
           "syncErrorValue": null,
         },
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
       ],
       "thrownError": null,
     }
   }
-  logos={
-    Object {
-      "AnimatedMark": Object {
-        "dark": Object {
-          "type": "default",
-          "url": "/ui/logos/opensearch_spinner_on_dark.svg",
-        },
-        "light": Object {
-          "type": "default",
-          "url": "/ui/logos/opensearch_spinner_on_light.svg",
-        },
-        "type": "default",
-        "url": "/ui/logos/opensearch_spinner_on_light.svg",
-      },
-      "Application": Object {
-        "dark": Object {
-          "type": "default",
-          "url": "/ui/logos/opensearch_dashboards_on_dark.svg",
-        },
-        "light": Object {
-          "type": "default",
-          "url": "/ui/logos/opensearch_dashboards_on_light.svg",
-        },
-        "type": "default",
-        "url": "/ui/logos/opensearch_dashboards_on_light.svg",
-      },
-      "CenterMark": Object {
-        "dark": Object {
-          "type": "default",
-          "url": "/ui/logos/opensearch_center_mark_on_dark.svg",
-        },
-        "light": Object {
-          "type": "default",
-          "url": "/ui/logos/opensearch_center_mark_on_light.svg",
-        },
-        "type": "default",
-        "url": "/ui/logos/opensearch_center_mark_on_light.svg",
-      },
-      "Mark": Object {
-        "dark": Object {
-          "type": "default",
-          "url": "/ui/logos/opensearch_mark_on_dark.svg",
-        },
-        "light": Object {
-          "type": "default",
-          "url": "/ui/logos/opensearch_mark_on_light.svg",
-        },
-        "type": "default",
-        "url": "/ui/logos/opensearch_mark_on_light.svg",
-      },
-      "OpenSearch": Object {
-        "dark": Object {
-          "type": "default",
-          "url": "/ui/logos/opensearch_on_dark.svg",
-        },
-        "light": Object {
-          "type": "default",
-          "url": "/ui/logos/opensearch_on_light.svg",
-        },
-        "type": "default",
-        "url": "/ui/logos/opensearch_on_light.svg",
-      },
-      "colorScheme": "light",
+  navControlsLeftBottom$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": Array [],
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [],
+      "thrownError": null,
     }
   }
-  navControlsCenter$={
+  navControlsRight$={
     BehaviorSubject {
       "_isScalar": false,
       "_value": Array [],
@@ -21111,40 +23317,6 @@ exports[`Header toggles primary navigation menu when clicked 1`] = `
           "syncErrorThrown": false,
           "syncErrorValue": null,
         },
-      ],
-      "thrownError": null,
-    }
-  }
-  navControlsExpandedCenter$={
-    BehaviorSubject {
-      "_isScalar": false,
-      "_value": Array [],
-      "closed": false,
-      "hasError": false,
-      "isStopped": false,
-      "observers": Array [],
-      "thrownError": null,
-    }
-  }
-  navControlsExpandedRight$={
-    BehaviorSubject {
-      "_isScalar": false,
-      "_value": Array [],
-      "closed": false,
-      "hasError": false,
-      "isStopped": false,
-      "observers": Array [],
-      "thrownError": null,
-    }
-  }
-  navControlsLeft$={
-    BehaviorSubject {
-      "_isScalar": false,
-      "_value": Array [],
-      "closed": false,
-      "hasError": false,
-      "isStopped": false,
-      "observers": Array [
         Subscriber {
           "_parentOrParents": null,
           "_subscriptions": Array [
@@ -21182,29 +23354,6 @@ exports[`Header toggles primary navigation menu when clicked 1`] = `
           "syncErrorThrown": false,
           "syncErrorValue": null,
         },
-      ],
-      "thrownError": null,
-    }
-  }
-  navControlsLeftBottom$={
-    BehaviorSubject {
-      "_isScalar": false,
-      "_value": Array [],
-      "closed": false,
-      "hasError": false,
-      "isStopped": false,
-      "observers": Array [],
-      "thrownError": null,
-    }
-  }
-  navControlsRight$={
-    BehaviorSubject {
-      "_isScalar": false,
-      "_value": Array [],
-      "closed": false,
-      "hasError": false,
-      "isStopped": false,
-      "observers": Array [
         Subscriber {
           "_parentOrParents": null,
           "_subscriptions": Array [
@@ -21652,6 +23801,80 @@ exports[`Header toggles primary navigation menu when clicked 1`] = `
                             "syncErrorThrown": false,
                             "syncErrorValue": null,
                           },
+                          Subscriber {
+                            "_parentOrParents": null,
+                            "_subscriptions": Array [
+                              SubjectSubscription {
+                                "_parentOrParents": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "subject": [Circular],
+                                "subscriber": [Circular],
+                              },
+                            ],
+                            "closed": false,
+                            "destination": SafeSubscriber {
+                              "_complete": undefined,
+                              "_context": [Circular],
+                              "_error": undefined,
+                              "_next": [Function],
+                              "_parentOrParents": null,
+                              "_parentSubscriber": [Circular],
+                              "_subscriptions": null,
+                              "closed": false,
+                              "destination": Object {
+                                "closed": true,
+                                "complete": [Function],
+                                "error": [Function],
+                                "next": [Function],
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": false,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "isStopped": false,
+                            "syncErrorThrowable": true,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
+                          Subscriber {
+                            "_parentOrParents": null,
+                            "_subscriptions": Array [
+                              SubjectSubscription {
+                                "_parentOrParents": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "subject": [Circular],
+                                "subscriber": [Circular],
+                              },
+                            ],
+                            "closed": false,
+                            "destination": SafeSubscriber {
+                              "_complete": undefined,
+                              "_context": [Circular],
+                              "_error": undefined,
+                              "_next": [Function],
+                              "_parentOrParents": null,
+                              "_parentSubscriber": [Circular],
+                              "_subscriptions": null,
+                              "closed": false,
+                              "destination": Object {
+                                "closed": true,
+                                "complete": [Function],
+                                "error": [Function],
+                                "next": [Function],
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": false,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "isStopped": false,
+                            "syncErrorThrowable": true,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
                         ],
                         "thrownError": null,
                       }
@@ -22574,6 +24797,80 @@ exports[`Header toggles primary navigation menu when clicked 1`] = `
                         "syncErrorThrown": false,
                         "syncErrorValue": null,
                       },
+                      Subscriber {
+                        "_parentOrParents": null,
+                        "_subscriptions": Array [
+                          SubjectSubscription {
+                            "_parentOrParents": [Circular],
+                            "_subscriptions": null,
+                            "closed": false,
+                            "subject": [Circular],
+                            "subscriber": [Circular],
+                          },
+                        ],
+                        "closed": false,
+                        "destination": SafeSubscriber {
+                          "_complete": undefined,
+                          "_context": [Circular],
+                          "_error": undefined,
+                          "_next": [Function],
+                          "_parentOrParents": null,
+                          "_parentSubscriber": [Circular],
+                          "_subscriptions": null,
+                          "closed": false,
+                          "destination": Object {
+                            "closed": true,
+                            "complete": [Function],
+                            "error": [Function],
+                            "next": [Function],
+                          },
+                          "isStopped": false,
+                          "syncErrorThrowable": false,
+                          "syncErrorThrown": false,
+                          "syncErrorValue": null,
+                        },
+                        "isStopped": false,
+                        "syncErrorThrowable": true,
+                        "syncErrorThrown": false,
+                        "syncErrorValue": null,
+                      },
+                      Subscriber {
+                        "_parentOrParents": null,
+                        "_subscriptions": Array [
+                          SubjectSubscription {
+                            "_parentOrParents": [Circular],
+                            "_subscriptions": null,
+                            "closed": false,
+                            "subject": [Circular],
+                            "subscriber": [Circular],
+                          },
+                        ],
+                        "closed": false,
+                        "destination": SafeSubscriber {
+                          "_complete": undefined,
+                          "_context": [Circular],
+                          "_error": undefined,
+                          "_next": [Function],
+                          "_parentOrParents": null,
+                          "_parentSubscriber": [Circular],
+                          "_subscriptions": null,
+                          "closed": false,
+                          "destination": Object {
+                            "closed": true,
+                            "complete": [Function],
+                            "error": [Function],
+                            "next": [Function],
+                          },
+                          "isStopped": false,
+                          "syncErrorThrowable": false,
+                          "syncErrorThrown": false,
+                          "syncErrorValue": null,
+                        },
+                        "isStopped": false,
+                        "syncErrorThrowable": true,
+                        "syncErrorThrown": false,
+                        "syncErrorValue": null,
+                      },
                     ],
                     "thrownError": null,
                   }
@@ -22640,6 +24937,80 @@ exports[`Header toggles primary navigation menu when clicked 1`] = `
                             "syncErrorThrown": false,
                             "syncErrorValue": null,
                           },
+                          Subscriber {
+                            "_parentOrParents": null,
+                            "_subscriptions": Array [
+                              SubjectSubscription {
+                                "_parentOrParents": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "subject": [Circular],
+                                "subscriber": [Circular],
+                              },
+                            ],
+                            "closed": false,
+                            "destination": SafeSubscriber {
+                              "_complete": undefined,
+                              "_context": [Circular],
+                              "_error": undefined,
+                              "_next": [Function],
+                              "_parentOrParents": null,
+                              "_parentSubscriber": [Circular],
+                              "_subscriptions": null,
+                              "closed": false,
+                              "destination": Object {
+                                "closed": true,
+                                "complete": [Function],
+                                "error": [Function],
+                                "next": [Function],
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": false,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "isStopped": false,
+                            "syncErrorThrowable": true,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
+                          Subscriber {
+                            "_parentOrParents": null,
+                            "_subscriptions": Array [
+                              SubjectSubscription {
+                                "_parentOrParents": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "subject": [Circular],
+                                "subscriber": [Circular],
+                              },
+                            ],
+                            "closed": false,
+                            "destination": SafeSubscriber {
+                              "_complete": undefined,
+                              "_context": [Circular],
+                              "_error": undefined,
+                              "_next": [Function],
+                              "_parentOrParents": null,
+                              "_parentSubscriber": [Circular],
+                              "_subscriptions": null,
+                              "closed": false,
+                              "destination": Object {
+                                "closed": true,
+                                "complete": [Function],
+                                "error": [Function],
+                                "next": [Function],
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": false,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "isStopped": false,
+                            "syncErrorThrowable": true,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
                         ],
                         "thrownError": null,
                       }
@@ -22704,6 +25075,80 @@ exports[`Header toggles primary navigation menu when clicked 1`] = `
                             "syncErrorThrown": false,
                             "syncErrorValue": null,
                           },
+                          Subscriber {
+                            "_parentOrParents": null,
+                            "_subscriptions": Array [
+                              SubjectSubscription {
+                                "_parentOrParents": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "subject": [Circular],
+                                "subscriber": [Circular],
+                              },
+                            ],
+                            "closed": false,
+                            "destination": SafeSubscriber {
+                              "_complete": undefined,
+                              "_context": [Circular],
+                              "_error": undefined,
+                              "_next": [Function],
+                              "_parentOrParents": null,
+                              "_parentSubscriber": [Circular],
+                              "_subscriptions": null,
+                              "closed": false,
+                              "destination": Object {
+                                "closed": true,
+                                "complete": [Function],
+                                "error": [Function],
+                                "next": [Function],
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": false,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "isStopped": false,
+                            "syncErrorThrowable": true,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
+                          Subscriber {
+                            "_parentOrParents": null,
+                            "_subscriptions": Array [
+                              SubjectSubscription {
+                                "_parentOrParents": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "subject": [Circular],
+                                "subscriber": [Circular],
+                              },
+                            ],
+                            "closed": false,
+                            "destination": SafeSubscriber {
+                              "_complete": undefined,
+                              "_context": [Circular],
+                              "_error": undefined,
+                              "_next": [Function],
+                              "_parentOrParents": null,
+                              "_parentSubscriber": [Circular],
+                              "_subscriptions": null,
+                              "closed": false,
+                              "destination": Object {
+                                "closed": true,
+                                "complete": [Function],
+                                "error": [Function],
+                                "next": [Function],
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": false,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "isStopped": false,
+                            "syncErrorThrowable": true,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
                         ],
                         "thrownError": null,
                       }
@@ -22763,6 +25208,80 @@ exports[`Header toggles primary navigation menu when clicked 1`] = `
                             "syncErrorThrown": false,
                             "syncErrorValue": null,
                           },
+                          Subscriber {
+                            "_parentOrParents": null,
+                            "_subscriptions": Array [
+                              SubjectSubscription {
+                                "_parentOrParents": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "subject": [Circular],
+                                "subscriber": [Circular],
+                              },
+                            ],
+                            "closed": false,
+                            "destination": SafeSubscriber {
+                              "_complete": undefined,
+                              "_context": [Circular],
+                              "_error": undefined,
+                              "_next": [Function],
+                              "_parentOrParents": null,
+                              "_parentSubscriber": [Circular],
+                              "_subscriptions": null,
+                              "closed": false,
+                              "destination": Object {
+                                "closed": true,
+                                "complete": [Function],
+                                "error": [Function],
+                                "next": [Function],
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": false,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "isStopped": false,
+                            "syncErrorThrowable": true,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
+                          Subscriber {
+                            "_parentOrParents": null,
+                            "_subscriptions": Array [
+                              SubjectSubscription {
+                                "_parentOrParents": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "subject": [Circular],
+                                "subscriber": [Circular],
+                              },
+                            ],
+                            "closed": false,
+                            "destination": SafeSubscriber {
+                              "_complete": undefined,
+                              "_context": [Circular],
+                              "_error": undefined,
+                              "_next": [Function],
+                              "_parentOrParents": null,
+                              "_parentSubscriber": [Circular],
+                              "_subscriptions": null,
+                              "closed": false,
+                              "destination": Object {
+                                "closed": true,
+                                "complete": [Function],
+                                "error": [Function],
+                                "next": [Function],
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": false,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "isStopped": false,
+                            "syncErrorThrowable": true,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
                         ],
                         "thrownError": null,
                       }
diff --git a/src/core/public/chrome/ui/header/header.scss b/src/core/public/chrome/ui/header/header.scss
index 59a7c4adcacf..5647bec00c9b 100644
--- a/src/core/public/chrome/ui/header/header.scss
+++ b/src/core/public/chrome/ui/header/header.scss
@@ -110,3 +110,11 @@
 #globalHeaderBars:has(.primaryApplicationHeader) {
   border-bottom: 1px solid $euiColorLightShade;
 }
+
+/* Control flex items to wrap when the viewport is less than the medium size */
+@media (max-width: 768px) {
+  .secondaryPageHeaderFlexGroup {
+    display: flex;
+    flex-direction: column;
+  }
+}
diff --git a/src/core/public/chrome/ui/header/header.test.tsx b/src/core/public/chrome/ui/header/header.test.tsx
index 7a63f1272c1c..c9fc84ef362c 100644
--- a/src/core/public/chrome/ui/header/header.test.tsx
+++ b/src/core/public/chrome/ui/header/header.test.tsx
@@ -223,13 +223,13 @@ describe('Header', () => {
     const component = mountWithIntl(<Header {...props} />);
     expect(component.find('[data-test-subj="headerApplicationTitle"]').exists()).toBeTruthy();
     expect(component.find('[data-test-subj="breadcrumb first"]').exists()).toBeTruthy();
-    expect(component.find('[data-test-subj="headerBadgeControl"]').exists()).toBeTruthy();
-    expect(component.find('HeaderBadge').exists()).toBeTruthy();
-    expect(component.find('[data-test-subj="headerLeftControl"]').exists()).toBeTruthy();
-    expect(component.find('HeaderNavControls').exists()).toBeTruthy();
-    expect(component.find('[data-test-subj="headerCenterControl"]').exists()).toBeTruthy();
-    expect(component.find('[data-test-subj="headerRightControl"]').exists()).toBeTruthy();
-    expect(component.find('HeaderActionMenu').exists()).toBeTruthy();
+    expect(component.find('[data-test-subj="headerBadgeControl"]').exists()).toBeFalsy();
+    expect(component.find('HeaderBadge').exists()).toBeFalsy();
+    expect(component.find('[data-test-subj="headerLeftControl"]').exists()).toBeFalsy();
+    expect(component.find('HeaderNavControls').exists()).toBeFalsy();
+    expect(component.find('[data-test-subj="headerCenterControl"]').exists()).toBeFalsy();
+    expect(component.find('[data-test-subj="headerRightControl"]').exists()).toBeFalsy();
+    expect(component.find('HeaderActionMenu').exists()).toBeFalsy();
     expect(component.find('[data-test-subj="headerDescriptionControl"]').exists()).toBeTruthy();
     expect(component.find('[data-test-subj="headerBottomControl"]').exists()).toBeTruthy();
     expect(component).toMatchSnapshot();
@@ -252,9 +252,9 @@ describe('Header', () => {
     const component = mountWithIntl(<Header {...props} />);
     expect(component.find('[data-test-subj="headerApplicationTitle"]').exists()).toBeFalsy();
     expect(component.find('[data-test-subj="breadcrumb first"]').exists()).toBeFalsy();
-    expect(component.find('HeaderActionMenu').exists()).toBeTruthy();
+    expect(component.find('HeaderActionMenu').exists()).toBeFalsy();
     expect(component.find('RecentItems').exists()).toBeTruthy();
-    expect(component.find('[data-test-subj="headerRightControl"]').exists()).toBeTruthy();
+    expect(component.find('[data-test-subj="headerRightControl"]').exists()).toBeFalsy();
     expect(component).toMatchSnapshot();
   });
 });
diff --git a/src/core/public/chrome/ui/header/header.tsx b/src/core/public/chrome/ui/header/header.tsx
index 72d9ba6be3fc..b08ac27b38ee 100644
--- a/src/core/public/chrome/ui/header/header.tsx
+++ b/src/core/public/chrome/ui/header/header.tsx
@@ -29,6 +29,8 @@
  */
 import {
   EuiButtonIcon,
+  EuiFlexGroup,
+  EuiFlexItem,
   EuiHeader,
   EuiHeaderProps,
   EuiHeaderSection,
@@ -79,6 +81,8 @@ import { HeaderLogo } from './header_logo';
 import { HeaderNavControls } from './header_nav_controls';
 import { HomeLoader } from './home_loader';
 import { RecentItems } from './recent_items';
+import { isTruthy } from '../../utils';
+import { has } from 'lodash';
 
 export interface HeaderProps {
   http: HttpStart;
@@ -281,93 +285,186 @@ export function Header({
     );
   };
 
-  const renderLeftControls = () => (
-    <>
-      {useUpdatedHeader && (
-        <EuiHeaderSectionItem border="none">
-          <HeaderControlsContainer
-            data-test-subj="headerLeftControl"
-            controls$={application.currentLeftControls$}
-          />
-        </EuiHeaderSectionItem>
-      )}
+  const renderLeftControls = () => {
+    let hasLeftControls;
+    let hasNavControlsLeft;
 
-      {/* Nav controls left */}
-      <EuiHeaderSectionItem border={useUpdatedHeader ? 'none' : 'right'}>
-        <HeaderNavControls side="left" navControls$={observables.navControlsLeft$} />
-      </EuiHeaderSectionItem>
-    </>
-  );
+    application.currentLeftControls$.subscribe((value) => {
+      hasLeftControls = isTruthy(value);
+    });
+    observables.navControlsLeft$.subscribe((value) => {
+      hasNavControlsLeft = isTruthy(value);
+    });
 
-  const renderCenterControls = () => (
-    <>
-      {useUpdatedHeader && (
-        <EuiHeaderSectionItem border="none">
-          <HeaderNavControls navControls$={observables.navControlsExpandedCenter$} />
-        </EuiHeaderSectionItem>
-      )}
+    if (!hasLeftControls && !hasNavControlsLeft && useUpdatedHeader) {
+      return null;
+    }
 
-      {useUpdatedHeader && (
-        <EuiHeaderSectionItem border="none">
-          <HeaderControlsContainer
-            data-test-subj="headerCenterControl"
-            controls$={application.currentCenterControls$}
-          />
-        </EuiHeaderSectionItem>
-      )}
+    return (
+      <>
+        {useUpdatedHeader && (
+          <EuiHeaderSectionItem border="none">
+            <HeaderControlsContainer
+              data-test-subj="headerLeftControl"
+              controls$={application.currentLeftControls$}
+            />
+          </EuiHeaderSectionItem>
+        )}
 
-      <EuiHeaderSectionItem border={useUpdatedHeader ? 'none' : 'left'}>
-        <HeaderNavControls navControls$={observables.navControlsCenter$} />
-      </EuiHeaderSectionItem>
-    </>
-  );
+        {/* Nav controls left */}
 
-  const renderRightControls = () => (
-    <>
-      {useUpdatedHeader && (
-        <EuiHeaderSectionItem border="none">
-          <HeaderNavControls navControls$={observables.navControlsExpandedRight$} />
+        <EuiHeaderSectionItem border={useUpdatedHeader ? 'none' : 'right'}>
+          <HeaderNavControls side="left" navControls$={observables.navControlsLeft$} />
         </EuiHeaderSectionItem>
-      )}
+      </>
+    );
+  };
 
-      {useUpdatedHeader && (
-        <EuiHeaderSectionItem border="none">
-          <HeaderControlsContainer
-            data-test-subj="headerRightControl"
-            controls$={application.currentRightControls$}
-          />
+  const renderCenterControls = () => {
+    let hasCenterControls;
+    let hasNavControlsExpandedCenter;
+    let hasNavControlsCenter;
+
+    application.currentCenterControls$.subscribe((value) => {
+      hasCenterControls = isTruthy(value);
+    });
+    observables.navControlsExpandedCenter$.subscribe((value) => {
+      hasNavControlsExpandedCenter = isTruthy(value);
+    });
+    observables.navControlsCenter$.subscribe((value) => {
+      hasNavControlsCenter = isTruthy(value);
+    });
+
+    if (
+      !hasCenterControls &&
+      !hasNavControlsExpandedCenter &&
+      !hasNavControlsCenter &&
+      useUpdatedHeader
+    ) {
+      return null;
+    }
+
+    return (
+      <>
+        {useUpdatedHeader && (
+          <EuiHeaderSectionItem border="none">
+            <HeaderNavControls navControls$={observables.navControlsExpandedCenter$} />
+          </EuiHeaderSectionItem>
+        )}
+
+        {useUpdatedHeader && (
+          <EuiHeaderSectionItem border="none">
+            <HeaderControlsContainer
+              data-test-subj="headerCenterControl"
+              controls$={application.currentCenterControls$}
+            />
+          </EuiHeaderSectionItem>
+        )}
+
+        <EuiHeaderSectionItem border={useUpdatedHeader ? 'none' : 'left'}>
+          <HeaderNavControls navControls$={observables.navControlsCenter$} />
         </EuiHeaderSectionItem>
-      )}
+      </>
+    );
+  };
+
+  const renderRightControls = () => {
+    let hasNavControlsExpandedCenter;
+    let hasRightControls;
+    let hasNavControlsRight;
+
+    application.currentRightControls$.subscribe((value) => {
+      hasRightControls = isTruthy(value);
+    });
+    observables.navControlsExpandedCenter$.subscribe((value) => {
+      hasNavControlsExpandedCenter = isTruthy(value);
+    });
+    observables.navControlsRight$.subscribe((value) => {
+      hasNavControlsRight = isTruthy(value);
+    });
+
+    if (
+      !hasRightControls &&
+      !hasNavControlsExpandedCenter &&
+      !hasNavControlsRight &&
+      useUpdatedHeader
+    ) {
+      return null;
+    }
+
+    return (
+      <>
+        {useUpdatedHeader && (
+          <EuiHeaderSectionItem border="none">
+            <HeaderNavControls navControls$={observables.navControlsExpandedRight$} />
+          </EuiHeaderSectionItem>
+        )}
+
+        {useUpdatedHeader && (
+          <EuiHeaderSectionItem border="none">
+            <HeaderControlsContainer
+              data-test-subj="headerRightControl"
+              controls$={application.currentRightControls$}
+            />
+          </EuiHeaderSectionItem>
+        )}
 
-      <EuiHeaderSectionItem border={useUpdatedHeader ? 'none' : 'left'}>
-        <HeaderNavControls side="right" navControls$={observables.navControlsRight$} />
+        <EuiHeaderSectionItem border={useUpdatedHeader ? 'none' : 'left'}>
+          <HeaderNavControls side="right" navControls$={observables.navControlsRight$} />
+        </EuiHeaderSectionItem>
+      </>
+    );
+  };
+  const renderActionMenu = () => {
+    let hasActionMenu;
+    application.currentActionMenu$.subscribe((value) => {
+      hasActionMenu = isTruthy(value);
+    });
+
+    if (!hasActionMenu && useUpdatedHeader) {
+      return null;
+    }
+
+    return (
+      <EuiHeaderSectionItem border="none" className="headerAppActionMenuSection">
+        <HeaderActionMenu actionMenu$={application.currentActionMenu$} />
       </EuiHeaderSectionItem>
-    </>
-  );
+    );
+  };
 
-  const renderActionMenu = () => (
-    <EuiHeaderSectionItem border="none" className="headerAppActionMenuSection">
-      <HeaderActionMenu actionMenu$={application.currentActionMenu$} />
-    </EuiHeaderSectionItem>
-  );
+  const renderBadge = () => {
+    let hasBadge;
+    let hasCurrentBadgeControls;
 
-  const renderBadge = () => (
-    <>
-      {useUpdatedHeader && (
+    application.currentBadgeControls$.subscribe((value) => {
+      hasBadge = isTruthy(value);
+    });
+    observables.badge$.subscribe((value) => {
+      hasCurrentBadgeControls = isTruthy(value);
+    });
+
+    if (!hasBadge && !hasCurrentBadgeControls && useUpdatedHeader) {
+      return null;
+    }
+
+    return (
+      <>
+        {useUpdatedHeader && (
+          <EuiHeaderSectionItem border="none">
+            <HeaderControlsContainer
+              data-test-subj="headerBadgeControl"
+              controls$={application.currentBadgeControls$}
+            />
+          </EuiHeaderSectionItem>
+        )}
+
+        {/* Nav controls badge */}
         <EuiHeaderSectionItem border="none">
-          <HeaderControlsContainer
-            data-test-subj="headerBadgeControl"
-            controls$={application.currentBadgeControls$}
-          />
+          <HeaderBadge badge$={observables.badge$} />
         </EuiHeaderSectionItem>
-      )}
-
-      {/* Nav controls badge */}
-      <EuiHeaderSectionItem border="none">
-        <HeaderBadge badge$={observables.badge$} />
-      </EuiHeaderSectionItem>
-    </>
-  );
+      </>
+    );
+  };
 
   const renderHelp = () => (
     <EuiHeaderSectionItem border="left">
@@ -443,22 +540,45 @@ export function Header({
 
       {/* Secondary header */}
       <EuiHeader className="newTopNavHeader">
-        <EuiHeaderSection side="left">
-          <EuiHeaderSectionItem border="none" data-test-subj="headerApplicationTitle">
-            <EuiTitle size="l" className="newTopNavHeaderTitle">
-              {breadcrumbs && <h1>{breadcrumbs[breadcrumbs.length - 1]?.text}</h1>}
-            </EuiTitle>
-          </EuiHeaderSectionItem>
-
-          {renderBadge()}
-          {renderLeftControls()}
-        </EuiHeaderSection>
-
-        <EuiHeaderSection side="right">
-          {renderCenterControls()}
-          {renderActionMenu()}
-          {renderRightControls()}
-        </EuiHeaderSection>
+        <EuiFlexGroup
+          justifyContent="spaceBetween"
+          gutterSize="s"
+          className="secondaryPageHeaderFlexGroup"
+        >
+          {/* Left Section */}
+          <EuiHeaderSection side="left">
+            <EuiFlexGroup gutterSize="s">
+              <EuiFlexItem grow={false}>
+                <EuiHeaderSectionItem border="none" data-test-subj="headerApplicationTitle">
+                  <EuiTitle size="l" className="newTopNavHeaderTitle">
+                    {breadcrumbs && <h1>{breadcrumbs[breadcrumbs.length - 1]?.text}</h1>}
+                  </EuiTitle>
+                </EuiHeaderSectionItem>
+              </EuiFlexItem>
+
+              {renderBadge() && <EuiFlexItem grow={false}>{renderBadge()}</EuiFlexItem>}
+
+              {renderLeftControls() && (
+                <EuiFlexItem grow={false}>{renderLeftControls()}</EuiFlexItem>
+              )}
+            </EuiFlexGroup>
+          </EuiHeaderSection>
+
+          {/* Right Section */}
+          <EuiHeaderSection side="right">
+            <EuiFlexGroup gutterSize="s">
+              {renderCenterControls() && (
+                <EuiFlexItem grow={false}>{renderCenterControls()}</EuiFlexItem>
+              )}
+
+              {renderActionMenu() && <EuiFlexItem grow={false}>{renderActionMenu()}</EuiFlexItem>}
+
+              {renderRightControls() && (
+                <EuiFlexItem grow={false}> {renderRightControls()}</EuiFlexItem>
+              )}
+            </EuiFlexGroup>
+          </EuiHeaderSection>
+        </EuiFlexGroup>
       </EuiHeader>
 
       <EuiHeader className="newTopNavHeader">
diff --git a/src/core/public/chrome/utils.ts b/src/core/public/chrome/utils.ts
index 2d165e103e9c..6c19b6809aa6 100644
--- a/src/core/public/chrome/utils.ts
+++ b/src/core/public/chrome/utils.ts
@@ -221,3 +221,11 @@ export const getVisibleUseCases = (navGroupMap: Record<string, NavGroupItemInMap
     (navGroup) => navGroup.status !== NavGroupStatus.Hidden && navGroup.type === undefined
   );
 };
+
+export const isTruthy = (value: any) => {
+  if (Array.isArray(value) && value.length === 0) {
+    return false;
+  }
+
+  return Boolean(value);
+};
diff --git a/src/plugins/data_source_management/public/components/data_source_menu/create_data_source_menu.tsx b/src/plugins/data_source_management/public/components/data_source_menu/create_data_source_menu.tsx
index 1d053c0449b7..436d34466510 100644
--- a/src/plugins/data_source_management/public/components/data_source_menu/create_data_source_menu.tsx
+++ b/src/plugins/data_source_management/public/components/data_source_menu/create_data_source_menu.tsx
@@ -20,7 +20,7 @@ export function createDataSourceMenu<T>() {
     if (props.setMenuMountPoint) {
       return (
         <MountPointPortal setMountPoint={props.setMenuMountPoint}>
-          <EuiHeaderLinks data-test-subj="top-nav" gutterSize="xs">
+          <EuiHeaderLinks data-test-subj="top-nav" gutterSize="xs" popoverBreakpoints={'none'}>
             <DataSourceMenu
               {...props}
               uiSettings={uiSettings}